:root{--surface-page:#f5f7f8;--surface-card:#fff;--surface-inset:#f0f5f4;--ink:#172c38;--ink-muted:#455e6a;--line:#d2dfe0;--line-subtle:#edf2f2;--line-control:#718891;--line-invalid:#a32936;--primary:#155b4b;--primary-hover:#0c4436;--on-primary:#fff;--link:#125c4b;--focus:#0e7960;--secondary-surface:#eff5f2;--secondary-surface-hover:#deece5;--secondary-line:#a5bcb2;--secondary-ink:#174b3d;--badge-surface:#d7e9e2;--badge-ink:#185344;--candidate-surface:#fff3d6;--candidate-ink:#795508;--notice-surface:#e5f3eb;--notice-line:#b5d4c3;--error-surface:#fff0f1;--error-line:#d6a3a8;--error-ink:#7e1d28;--danger-surface:#fff5f5;--danger-line:#bd7a80;--danger-ink:#91222e;--space-4:4px;--space-5:5px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-22:22px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--radius-control:7px;--radius-card:12px;--radius-pill:24px;--stroke-hairline:1px;--stroke-focus:3px;--focus-offset:4px;--underline-offset:.2em;--opacity-disabled:.65;--width-page:1120px;--width-auth:620px;--width-wide:1060px;--width-form:520px;--width-qr:240px;--column-term:140px;--column-term-session:150px;--column-recording-action:160px;--control-height:46px;--checkbox-size:18px;--logo-height:32px;--page-offset:5vh;--height-recordings-list:58dvh;--breakpoint-narrow:560px;--breakpoint-contacts:650px;--font-sans:system-ui, sans-serif;--font-mono:monospace;--width-sidebar:248px;--height-topbar:72px;--size-nav-icon:20px;--height-control-compact:40px;--height-station-message:72px;--sidebar-shadow:0 1px 3px #172c3808;--card-shadow:0 2px 8px #172c3805;--button-shadow:0 1px 2px #172c3814;--button-disabled-surface:#eef1f3;--button-disabled-ink:#697a83;--navigation-surface:#e4efeb;--font-size-body:15px;--width-logo-compact:180px;font-family:var(--font-sans);color:var(--ink);background:var(--surface-page);line-height:1.65}body{margin:0}main{max-width:var(--width-page);margin:var(--page-offset) auto;padding:var(--space-32)}header{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.brand{align-items:center;gap:var(--space-14);letter-spacing:.12em;font-size:.85rem;font-weight:750;display:inline-flex}.brand-logo{height:var(--logo-height);width:auto;display:block}.brand-tenant{align-items:center;gap:var(--space-14);text-transform:uppercase;display:inline-flex}.brand-tenant:before{content:"";width:var(--stroke-hairline);height:var(--space-20);background:var(--line)}.badge{background:var(--badge-surface);padding:var(--space-4) var(--space-16);border-radius:var(--radius-pill);color:var(--badge-ink)}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.intro{color:var(--ink-muted);margin-bottom:var(--space-32);font-size:1.15rem}section,aside{background:var(--surface-card);border:var(--stroke-hairline) solid var(--line);border-radius:var(--radius-card);padding:var(--space-20) var(--space-28);margin:var(--space-20) 0}h2{font-size:1.15rem}dl{margin:0}dl div{grid-template-columns:var(--column-term) 1fr;gap:var(--space-16);padding:var(--space-14) 0;border-top:var(--stroke-hairline) solid var(--line-subtle);display:grid}dt{font-weight:650}dd{margin:0}footer{color:var(--ink-muted);padding-top:var(--space-16);font-size:.85rem}@media (width<=560px){main{padding:var(--space-20);margin:0}dl div{gap:var(--space-4);grid-template-columns:1fr}section,aside{padding:var(--space-16)}}*{box-sizing:border-box}a{color:var(--link);text-underline-offset:var(--underline-offset)}button,input,select{font:inherit}button{cursor:pointer;min-height:var(--height-control-compact);border:var(--stroke-hairline) solid var(--line);border-radius:var(--radius-control);padding:var(--space-10) var(--space-16);color:var(--ink);background:var(--surface-card);justify-content:center;align-items:center;font-weight:650;line-height:1.4;display:inline-flex}button:disabled{cursor:not-allowed;opacity:1}button:disabled,input:disabled{pointer-events:none}:focus-visible{outline:var(--stroke-focus) solid var(--focus);outline-offset:var(--focus-offset)}header .brand{color:inherit;text-decoration:none}nav{align-items:center;gap:var(--space-16);flex-wrap:wrap;font-size:.9rem;display:flex}.auth-shell{max-width:var(--width-auth)}.auth-card{padding:var(--space-28) var(--space-32);margin-top:var(--space-32)}.auth-card h1{margin-top:0;font-size:clamp(1.6rem,5vw,2.2rem)}.eyebrow{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-10);font-size:.8rem;font-weight:700}.field{margin:var(--space-18) 0;min-width:0}.field label{margin-bottom:var(--space-6);font-weight:650;display:block}.field input,.field select{width:100%;min-height:var(--control-height);background:var(--surface-card);color:var(--ink);border:var(--stroke-hairline) solid var(--line-control);border-radius:var(--radius-control);padding:var(--space-10) var(--space-12);display:block}.field input[aria-invalid=true]{border-color:var(--line-invalid)}.field-error{color:var(--danger-ink);margin:var(--space-6) 0 0;font-size:.9rem}.hint,.muted{color:var(--ink-muted);font-size:.88rem}.hint{margin:var(--space-6) 0 0}.primary-button,.secondary-button,.danger-button{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--height-control-compact);border:var(--stroke-hairline) solid transparent;border-radius:var(--radius-control);padding:var(--space-10) var(--space-16);box-shadow:var(--button-shadow);text-align:center;font-size:.9rem;font-weight:650;line-height:1.4;display:inline-flex}.primary-button{background:var(--primary);color:var(--on-primary)}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.secondary-button:hover:not(:disabled){background:var(--secondary-surface-hover)}.danger-button{background:var(--danger-surface);border-color:var(--danger-line);color:var(--danger-ink)}.button-link{text-decoration:none}.text-button{padding:var(--space-6) 0;color:var(--link);box-shadow:none;text-underline-offset:var(--underline-offset);background:0 0;border:none;text-decoration:underline}.auth-card .primary-button{width:100%;margin-top:var(--space-22)}.checkbox-label{align-items:flex-start;gap:var(--space-10);margin:var(--space-16) 0;font-size:.9rem;display:flex}.checkbox-label input{accent-color:var(--primary);width:var(--checkbox-size);height:var(--checkbox-size);flex:0 0 var(--checkbox-size);margin:var(--space-5) 0 0}.error-summary{background:var(--error-surface);border:var(--stroke-hairline) solid var(--error-line);color:var(--error-ink);border-radius:var(--radius-control);padding:var(--space-12) var(--space-16);margin:var(--space-16) 0}.error-summary ul{margin:var(--space-4) 0;padding-left:var(--space-20)}.notice{background:var(--notice-surface);border:var(--stroke-hairline) solid var(--notice-line);border-radius:var(--radius-control);padding:var(--space-12) var(--space-16);overflow-wrap:anywhere}.auth-links{gap:var(--space-16);margin-top:var(--space-22);flex-wrap:wrap;font-size:.9rem;display:flex}.totp-qr{max-width:var(--width-qr);margin:var(--space-24) auto;padding:var(--space-12);background:var(--surface-card)}.totp-qr svg{width:100%;height:auto;display:block}.secret-box{background:var(--surface-inset);border-radius:var(--radius-control);padding:var(--space-14)}.secret-box span{color:var(--ink-muted);font-size:.88rem;display:block}.secret-box code{padding-top:var(--space-4);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:1rem;display:block}.code-input{letter-spacing:.25em}.recovery-codes{padding:var(--space-16);gap:var(--space-10);background:var(--surface-inset);border-radius:var(--radius-control);grid-template-columns:1fr 1fr;list-style:none;display:grid}.recovery-codes code{-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:.98rem}.account-address{overflow-wrap:anywhere}.compact-form{max-width:var(--width-form)}.form-row{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}hr{border:0;border-top:var(--stroke-hairline) solid var(--line);margin:var(--space-28) 0}h3{font-size:1rem}.session-list,.member-list{padding:0;list-style:none}.session-list>li{justify-content:space-between;align-items:center;gap:var(--space-20);border-top:var(--stroke-hairline) solid var(--line);padding:var(--space-18) 0;display:flex}.session-list dl div{padding:var(--space-4) 0;grid-template-columns:var(--column-term-session) 1fr;border:none;font-size:.88rem}.member-card{padding:var(--space-20) 0;border-top:var(--stroke-hairline) solid var(--line)}.member-card h3{margin:0}.member-card .account-address{margin:var(--space-4) 0}.administrative-recovery{margin-top:var(--space-18)}.administrative-recovery summary{cursor:pointer;color:var(--link)}@media (width<=560px){header{flex-wrap:wrap;align-items:flex-start}.badge{font-size:.78rem}.auth-card{padding:var(--space-20);margin-top:var(--space-24)}.auth-shell{padding:var(--space-20) var(--space-14)}.form-row{grid-template-columns:1fr;gap:0}.session-list>li{align-items:flex-start;gap:var(--space-12);flex-direction:column}.session-list dl div{grid-template-columns:1fr;gap:0}.recovery-codes{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.contacts-shell{max-width:var(--width-wide)}.contacts-shell>.eyebrow{margin-top:var(--space-36)}.contact-list,.import-list{padding:0;list-style:none}.contact-card{border-top:var(--stroke-hairline) solid var(--line);padding:var(--space-24) 0}.contact-card:last-child{padding-bottom:0}.contact-overview{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.contact-overview h3{margin:0;font-size:1.2rem}.contact-reference{color:var(--ink-muted);margin:var(--space-6) 0;overflow-wrap:anywhere;font-size:.82rem}.contact-badges{gap:var(--space-8);flex-wrap:wrap;justify-content:flex-end;font-size:.8rem;display:flex}.candidate-badge{background:var(--candidate-surface);color:var(--candidate-ink);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-12)}.contact-controls{gap:var(--space-24);grid-template-columns:1fr 1fr;display:grid}.contact-controls .field{margin-top:var(--space-8)}.contact-release p{font-size:.9rem}.contact-pagination{margin-top:var(--space-28);padding-top:var(--space-18);border-top:var(--stroke-hairline) solid var(--line);justify-content:center}.import-list>li{padding:var(--space-20) 0;border-top:var(--stroke-hairline) solid var(--line);overflow-wrap:anywhere}.import-list h3{margin:0}.import-list details{margin-top:var(--space-16)}.import-list summary{cursor:pointer;color:var(--link)}.import-counts{gap:var(--space-16);grid-template-columns:repeat(4,1fr);display:grid}.import-counts div{gap:var(--space-4);padding:var(--space-10) 0;border:none;flex-direction:column;font-size:.9rem;display:flex}.import-counts dd{font-size:1.35rem;font-weight:650}.recordings-shell{margin-top:var(--space-24);margin-bottom:var(--space-24)}.recordings-shell h1{margin-top:var(--space-24);font-size:clamp(1.6rem,4vw,2rem)}.recordings-intro{color:var(--ink-muted);margin:var(--space-10) 0 var(--space-20);font-size:.9rem}.recordings-panel{background:var(--surface-card);border:var(--stroke-hairline) solid var(--line);border-radius:var(--radius-card)}.recordings-toolbar{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.recordings-toolbar h2{margin:0;font-size:1rem}.recordings-toolbar>span{color:var(--ink-muted);font-size:.8rem}.recording-columns,.recording-row{align-items:center;gap:var(--space-20);padding:var(--space-10) var(--space-16);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.recording-columns{grid-template-columns:minmax(0, 1fr) var(--column-term) var(--column-term) var(--column-recording-action);color:var(--ink-muted);background:var(--surface-inset);border-block:var(--stroke-hairline) solid var(--line);scrollbar-gutter:stable;font-size:.75rem;font-weight:650;overflow-y:auto}.recordings-scroll{max-height:var(--height-recordings-list);overscroll-behavior-y:contain;scrollbar-gutter:stable;border-radius:0 0 var(--radius-card) var(--radius-card);overflow-y:auto}.recordings-list{margin:0;padding:0;list-style:none}.recording-row{grid-template-columns:minmax(0, 1fr) var(--column-term) var(--column-term) var(--column-recording-action);border-bottom:var(--stroke-hairline) solid var(--line-subtle)}.recording-row:last-child{border-bottom:0}.recording-row:hover{background:var(--surface-inset)}.recording-reference{min-width:0;margin:0;line-height:1.5}.recording-reference>span{color:var(--ink-muted);font-size:.75rem;font-weight:400;display:block}.recording-reference code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.75rem;font-weight:500;display:block}.recording-date{font-variant-numeric:tabular-nums;font-size:.82rem;line-height:1.5}.recording-date>span{color:var(--ink-muted);display:block}.recording-status{background:var(--surface-inset);color:var(--ink-muted);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-10);justify-self:start;font-size:.75rem;font-weight:650}.recording-status-ready{background:var(--badge-surface);color:var(--badge-ink)}.recording-status-failed{background:var(--error-surface);color:var(--error-ink)}.recording-action .secondary-button{padding:var(--space-8) var(--space-10);white-space:nowrap;font-size:.8rem}.recording-action>span{font-size:.8rem}.recordings-empty{padding:var(--space-20) var(--space-16);color:var(--ink-muted);margin:0}@media (width<=650px){.recordings-shell{margin:0}.recording-columns{display:none}.recordings-scroll{border-top:var(--stroke-hairline) solid var(--line)}.recording-row{gap:var(--space-8) var(--space-12);padding:var(--space-12);grid-template-columns:minmax(0,1fr) auto}.recording-reference{grid-column:1/-1}.recording-date{grid-row:2/4}.recording-status,.recording-action{grid-column:2;justify-self:end}.contact-overview{gap:var(--space-8);flex-direction:column}.contact-badges{justify-content:flex-start}.contact-controls{gap:var(--space-16);grid-template-columns:1fr}.import-counts{grid-template-columns:1fr 1fr}.contact-controls button{width:100%}}body{font-size:var(--font-size-body)}h1{letter-spacing:-.035em;margin-top:var(--space-8);font-size:clamp(1.75rem,3vw,2.2rem);font-weight:750}h2{margin-top:0;font-weight:700}.intro{margin-top:var(--space-12);margin-bottom:var(--space-28);font-size:1rem}section,aside{box-shadow:var(--card-shadow)}button:disabled{background:var(--button-disabled-surface);border-color:var(--line);color:var(--button-disabled-ink);box-shadow:none}.secondary-button{background:var(--surface-card);border-color:var(--line);color:var(--ink)}.app-shell{grid-template-columns:var(--width-sidebar) minmax(0, 1fr);min-height:100dvh;display:grid}.app-sidebar{padding:var(--space-28) var(--space-18);border:0;border-right:var(--stroke-hairline) solid var(--line);background:var(--surface-card);gap:var(--space-28);height:100dvh;box-shadow:var(--sidebar-shadow);border-radius:0;flex-direction:column;margin:0;display:flex;position:sticky;top:0;overflow-y:auto}.app-sidebar .brand-logo{max-width:100%;height:auto}.app-sidebar .brand{color:inherit;text-decoration:none;display:block}.sidebar-context{background:var(--surface-inset);padding:var(--space-12) var(--space-14);border-radius:var(--radius-control)}.sidebar-context .eyebrow{margin:0 0 var(--space-4);font-size:.65rem;display:block}.sidebar-context strong{overflow-wrap:anywhere;font-size:.9rem;display:block}.app-navigation{align-items:stretch;gap:var(--space-6);flex-direction:column;display:flex}.app-navigation a{align-items:center;gap:var(--space-10);padding:var(--space-12);border-radius:var(--radius-control);color:var(--ink-muted);font-size:.88rem;font-weight:550;text-decoration:none;display:flex}.app-navigation a:hover{background:var(--surface-inset);color:var(--ink)}.app-navigation a[aria-current=page]{background:var(--navigation-surface);color:var(--primary);font-weight:700}.nav-icon{width:var(--size-nav-icon);height:var(--size-nav-icon);flex-shrink:0}.sidebar-bottom{gap:var(--space-12);padding-top:var(--space-20);border-top:var(--stroke-hairline) solid var(--line);margin-top:auto;display:grid}.app-content{min-width:0}.app-topbar{min-height:var(--height-topbar);justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-36);background:var(--surface-card);border-bottom:var(--stroke-hairline) solid var(--line);font-size:.9rem;font-weight:600;display:flex}.app-main{max-width:var(--width-page);padding:var(--space-36);margin:0 auto}.app-main>.eyebrow,.page-heading>.eyebrow{margin-top:0}.workspace-grid{gap:var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.workspace-card{padding:var(--space-28);flex-direction:column;align-items:flex-start;margin:0;display:flex}.workspace-card h2{margin:var(--space-14) 0 var(--space-8);font-size:1.3rem}.workspace-card p{margin:0 0 var(--space-24);color:var(--ink-muted);flex-grow:1;font-size:.92rem}.card-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:750}.button-row{gap:var(--space-10);flex-wrap:wrap;display:flex}.contact-card{padding:var(--space-20) 0}.contact-overview{align-items:center}.contact-overview h3{font-size:1rem}.contact-reference{font-size:.75rem}.contact-reference summary{cursor:pointer}.operational-note{color:var(--ink-muted);margin-bottom:var(--space-24);font-size:.85rem}.calls-grid{gap:var(--space-20);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.calls-grid>section{padding:var(--space-24);min-width:0;margin:0}.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.panel-heading h2{margin-bottom:0}.station-state{padding:var(--space-4) var(--space-10);background:var(--surface-inset);color:var(--ink-muted);border-radius:var(--radius-pill);font-size:.75rem;font-weight:650}.station-ready{background:var(--badge-surface);color:var(--badge-ink)}.station-message{background:var(--surface-inset);padding:var(--space-16);border-radius:var(--radius-control);min-height:var(--height-station-message);font-size:.9rem}.station-actions{gap:var(--space-10);padding:var(--space-16) 0;flex-wrap:wrap;display:flex}.audio-settings{border-top:var(--stroke-hairline) solid var(--line);padding-top:var(--space-16);font-size:.85rem}.audio-settings summary{cursor:pointer;color:var(--ink-muted);font-weight:650}.audio-settings .button-row{margin-top:var(--space-16)}.call-contact-list,.call-history{margin:var(--space-20) 0 0;padding:0;list-style:none}.call-contact-list>li,.call-history>li{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) 0;border-top:var(--stroke-hairline) solid var(--line-subtle);display:flex}.call-contact-list .field-error{display:block}.call-history time{color:var(--ink-muted);font-size:.8rem;display:block}.call-history details{color:var(--ink-muted);margin-top:var(--space-4);font-size:.75rem}.call-history code{overflow-wrap:anywhere}.call-history summary{cursor:pointer}.welcome-shell{max-width:var(--width-wide)}.welcome-card{margin-top:var(--space-36);padding:var(--space-36)}.welcome-card h1{margin-top:var(--space-16);font-size:clamp(2rem,5vw,3.5rem)}.welcome-card .muted{margin-top:var(--space-24)}.auth-shell header{flex-wrap:wrap}.auth-shell .brand{gap:var(--space-8);flex-wrap:wrap}.auth-shell .brand-logo{max-width:var(--width-logo-compact);height:auto}.auth-shell .badge{font-size:.75rem}@media (width<=1060px){.app-main{padding:var(--space-24)}.calls-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{height:auto;padding:var(--space-16);border-right:0;border-bottom:var(--stroke-hairline) solid var(--line);gap:var(--space-16);position:static}.app-sidebar .brand-logo{height:var(--logo-height);width:auto}.sidebar-context{display:none}.app-navigation{flex-flow:wrap}.app-navigation a{padding:var(--space-8) var(--space-10);font-size:.8rem}.sidebar-bottom{border:0;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.sidebar-bottom button{min-height:var(--height-control-compact)}.app-topbar{display:none}.app-main{padding:var(--space-20) var(--space-16)}.workspace-grid{grid-template-columns:1fr}.workspace-card,.calls-grid>section{padding:var(--space-20)}.welcome-shell{padding:var(--space-20) var(--space-16);margin:0}.welcome-card{padding:var(--space-24)}.call-history>li{flex-wrap:wrap;align-items:flex-start}.station-actions>button{flex-grow:1}.contact-overview{align-items:flex-start}.recording-columns{display:none}.recording-row{gap:var(--space-8) var(--space-12);padding:var(--space-12);grid-template-columns:minmax(0,1fr) auto}.recording-reference{grid-column:1/-1}.recording-date{grid-row:2/4}.recording-status,.recording-action{grid-column:2;justify-self:end}}
