/* Shared organization surfaces. Theme values live in workspace-design.css. */
#org-shell .org-view-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}
#org-shell .org-view-heading[hidden]{display:none!important}
#org-shell .org-view-kicker{margin:0 0 3px;color:var(--sp-accent);font-size:.67rem;font-weight:700;letter-spacing:.15em}
#org-shell .org-view-heading h1{margin:0;color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif;font-size:clamp(1.55rem,2.2vw,2.3rem);line-height:1.15}
#org-shell .org-view-heading p:last-child{margin:4px 0 0;color:var(--sp-muted);font-size:.85rem}
#org-shell .org-rail{max-height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden}
#org-shell #cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:1250px;margin:0 auto}
#org-shell[data-view="leads"] #cards>article:not([data-org-panel="leads"]),
#org-shell[data-view="calls"] #cards>article:not([data-org-panel="calls"]),
#org-shell[data-view="settings"] #cards>article:not([data-org-panel="settings"]),
#org-shell[data-view="team"] #cards>article:not([data-org-panel="team"]),
#org-shell[data-view="providers"] #cards>article:not([data-org-panel="providers"]){display:none!important}
#org-shell #cards>article,#org-shell :is(#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) .hub-panel,#org-shell :is(#supervisor-workspace,#coaching-workspace){min-width:0;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-panel);color:var(--sp-text);box-shadow:var(--sp-shadow)}
#org-shell #cards>article{padding:clamp(18px,2vw,28px)}
#org-shell #cards>article>h2{margin:0 0 5px;color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif;font-size:1.24rem}
#org-shell[data-view="leads"] #cards>[data-org-panel="leads"]>h2,#org-shell[data-view="team"] #cards>[data-org-panel="team"]>h2{display:none}
#org-shell #cards>article>p{margin:0 0 15px;color:var(--sp-muted);font-size:.82rem}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) :is(input,select,textarea){min-width:0;max-width:100%;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-surface);color:var(--sp-text)}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) :is(input,select,textarea)::placeholder{color:var(--sp-muted);opacity:.8}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) button{min-height:38px;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-surface);color:var(--sp-text);font-weight:600}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) button:hover:not(:disabled){border-color:var(--sp-accent);background:var(--sp-inset)}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) :is(label,p,small){color:var(--sp-muted)}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) :is(h2,h3,h4,strong){color:var(--sp-text)}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) .row{border-color:var(--sp-line);color:var(--sp-text)}
#org-shell :is(#cards,#communication-workspace,#marketing-workspace,#supervisor-workspace,#coaching-workspace) details{border-color:var(--sp-line);background:var(--sp-surface);color:var(--sp-text)}
#org-shell .org-create-panel{margin:13px 0;padding:0;border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-inset)}
#org-shell .org-create-panel>summary{padding:14px 18px;color:var(--sp-accent);font-weight:700;cursor:pointer}
#org-shell .org-create-panel>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;max-width:780px;padding:0 18px 18px}
#org-shell .org-create-panel>form>button{grid-column:1/-1;justify-self:start;min-width:145px;background:var(--sp-accent-2);border-color:var(--sp-accent-2);color:var(--sp-primary-text)}
#org-shell #cards .org-create-panel>form>button{background:var(--sp-accent-2);border-color:var(--sp-accent-2);color:var(--sp-primary-text)}
#org-shell #lead-list,#org-shell #team-list,#org-shell #call-list{max-width:100%;overflow-wrap:anywhere}
#org-shell #lead-list .row,#org-shell #team-list .row,#org-shell #call-list .row{padding:12px 4px}
#org-shell #lead-list .row,#org-shell #team-list .row,#org-shell #call-list .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#org-shell #lead-list .row>span,#org-shell #team-list .row>span,#org-shell #call-list .row>span{flex:1 1 340px;min-width:0}
#org-shell #lead-list .row>button,#org-shell #team-list .row>button,#org-shell #call-list .row>button{flex:0 0 auto}
#org-shell #call-bar{position:static;min-height:0;margin:0 0 14px;padding:11px 14px;border:1px solid var(--sp-line);border-left:4px solid var(--sp-accent);border-radius:9px;background:var(--sp-inset);color:var(--sp-text);font-size:.83rem;line-height:1.4}
#org-shell #queue-status,#org-shell #provider-status,#org-shell #device-status{padding:10px 12px;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-inset);color:var(--sp-muted);font-size:.81rem}
#org-shell #mic-level{width:min(400px,100%);height:18px;accent-color:var(--sp-accent)}
#org-shell #providers form,#org-shell #cards form{max-width:780px}
#org-shell #communication-workspace,#org-shell #marketing-workspace,#org-shell #supervisor-workspace,#org-shell #coaching-workspace{max-width:1600px;margin:0 auto;color:var(--sp-text)}
#org-shell .hub-heading{align-items:center;margin:0 0 14px}
#org-shell .hub-heading h2,#org-shell :is(#supervisor-workspace,#coaching-workspace)>h2{margin:0;color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif;font-size:clamp(1.45rem,2vw,2rem)}
#org-shell .hub-heading p{margin:4px 0 0;color:var(--sp-muted);font-size:.83rem}
#org-shell .hub-grid,#org-shell .campaign-grid{gap:14px;min-width:0}
#org-shell #coaching-workspace{min-height:0}
#org-shell #supervisor-content{min-height:0}
#org-shell #marketing-workspace[data-campaign-selected="false"] .campaign-grid{min-height:0;align-items:start}
#org-shell #marketing-workspace[data-campaign-selected="false"] .campaign-grid>.hub-panel{min-height:0}
#org-shell #marketing-workspace[data-campaign-selected="false"] .campaign-step{display:none!important}
#org-shell .hub-panel{border-top:1px solid var(--sp-line)!important}
#org-shell .hub-panel h3{color:var(--sp-text)}
#org-shell .hub-panel .row{padding:11px 5px}
#org-shell .hub-scroll{scrollbar-color:var(--sp-line) transparent}
#org-shell :is(.campaign-steps,.supervisor-tabs,#coaching-workspace nav) button[aria-current="true"],#org-shell .campaign-steps button[aria-current="step"],#org-shell .hub-mobile-tabs button[aria-pressed="true"]{border-color:var(--sp-accent);background:var(--sp-inset);color:var(--sp-accent)}
#org-shell .campaign-preview>div,#org-shell :is(#campaign-desktop-preview,#campaign-mobile-preview){border:1px solid var(--sp-line);background:var(--sp-inset);color:var(--sp-text)}
#org-shell .coaching-label,#org-shell #supervisor-coaching{border-left:4px solid var(--sp-accent);background:var(--sp-inset);color:var(--sp-text)}
#org-shell #message:not(:empty){overflow-wrap:anywhere}
.org-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-panel);color:var(--sp-text);box-shadow:0 22px 60px rgba(0,0,0,.24);font-family:SPManrope,Arial,sans-serif}
.org-dialog::backdrop{background:rgba(2,13,27,.62)}
.org-dialog form{display:grid;gap:14px;max-width:none;margin:0;padding:24px}
.org-dialog h2{margin:0;color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif;font-size:1.25rem}
.org-dialog p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sp-muted);font-size:.9rem;line-height:1.5}
.org-dialog :is(input,textarea){width:100%;min-height:44px;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-surface);color:var(--sp-text);font:inherit}
.org-dialog textarea{min-height:130px;resize:vertical}
.org-dialog-actions{display:flex;justify-content:flex-end;gap:9px}
.org-dialog-actions button{min-height:40px;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-surface);color:var(--sp-text);font:inherit;font-weight:700}
.org-dialog-actions .org-dialog-primary{border-color:var(--sp-accent-2);background:var(--sp-accent-2);color:var(--sp-primary-text)}
.org-dialog :is(button,input,textarea):focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}
/* Entry screens share the typography and controls without exposing MFA material. */
html[data-org-theme] body{background:var(--sp-page);color:var(--sp-text)}
main:has(> #auth:not([hidden])),main:has(> #mfa:not([hidden])){max-width:1100px;min-height:100vh;padding:clamp(18px,3vw,40px);font-family:SPManrope,Arial,sans-serif}
main:has(> #auth:not([hidden]))>header,main:has(> #mfa:not([hidden]))>header{border-color:var(--sp-line)}
main:has(> #auth:not([hidden]))>header strong,main:has(> #mfa:not([hidden]))>header strong{background:var(--sp-accent);color:var(--sp-primary-text)}
main:has(> #auth:not([hidden]))>header h1,main:has(> #mfa:not([hidden]))>header h1{color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif}
main:has(> #auth:not([hidden]))>header p,main:has(> #mfa:not([hidden]))>header p{color:var(--sp-muted)}
main:has(> #auth:not([hidden])) .entry-theme-label,main:has(> #mfa:not([hidden])) .entry-theme-label{margin:0 0 0 auto;min-width:112px;color:var(--sp-muted);font-size:.72rem}
main:has(> #auth:not([hidden])) .entry-theme-label select,main:has(> #mfa:not([hidden])) .entry-theme-label select{padding:7px 10px;background:var(--sp-panel);color:var(--sp-text);border:1px solid var(--sp-line)}
main:has(> #auth:not([hidden])) :is(#auth,#mfa),main:has(> #mfa:not([hidden])) :is(#auth,#mfa){max-width:600px;padding:clamp(18px,2vw,28px);border:1px solid var(--sp-line);border-radius:14px;background:var(--sp-panel);color:var(--sp-text);box-shadow:var(--sp-shadow)}
main:has(> #auth:not([hidden])) :is(#auth,#mfa) h2,main:has(> #mfa:not([hidden])) :is(#auth,#mfa) h2{color:var(--sp-text);font-family:SPDM,SPManrope,sans-serif;font-size:1.4rem}
main:has(> #auth:not([hidden])) :is(input,select,button),main:has(> #mfa:not([hidden])) :is(input,select,button){max-width:100%;border-color:var(--sp-line);background:var(--sp-surface);color:var(--sp-text)}
main:has(> #auth:not([hidden])) :is(details),main:has(> #mfa:not([hidden])) :is(details){border-color:var(--sp-line);background:var(--sp-surface)}
main:has(> #auth:not([hidden])) :is(#login,#join,#recover,#reset,#mfa-form)>button,main:has(> #mfa:not([hidden])) :is(#login,#join,#recover,#reset,#mfa-form)>button{background:var(--sp-accent-2);border-color:var(--sp-accent-2);color:var(--sp-primary-text);font-weight:700}
main:has(> #auth:not([hidden])) #message:not(:empty),main:has(> #mfa:not([hidden])) #message:not(:empty){width:min(600px,100%);padding:10px 14px;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-inset);color:var(--sp-text)}
main:has(> #mfa:not([hidden])) #mfa-secret{display:block;max-width:100%;overflow-wrap:anywhere;color:var(--sp-text)}
main:has(> #auth:not([hidden])) :is(button,input,select,summary):focus-visible,main:has(> #mfa:not([hidden])) :is(button,input,select,summary):focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}
@media(max-width:1000px){#org-shell .hub-grid{grid-template-columns:minmax(210px,1fr) minmax(300px,1.5fr)}#org-shell .hub-details{grid-column:1/-1}#org-shell .campaign-grid{grid-template-columns:minmax(210px,1fr) minmax(0,2fr)}}
@media(max-width:760px){#org-shell .org-rail{top:0;max-height:none;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:thin}#org-shell .org-rail button{flex:0 0 67px}#org-shell .org-view-heading{padding-top:4px}#org-shell .hub-grid,#org-shell .campaign-grid{display:block;height:auto;min-height:0}#org-shell .hub-grid [data-panel]{display:none}#org-shell .hub-grid [data-panel].mobile-active{display:flex;min-height:340px}#org-shell .hub-mobile-tabs{display:flex}#org-shell .campaign-grid>.hub-panel{margin-bottom:12px}#org-shell .org-create-panel>form{grid-template-columns:1fr}}
@media(max-width:480px){#org-shell .org-view-heading h1{font-size:1.45rem}#org-shell .org-content{padding:12px}#org-shell #cards>article{padding:15px}}