:root{--ui-canvas:#f5f7fa;--ui-surface:#fff;--ui-surface-subtle:#f8fafc;--ui-ink:#172b3d;--ui-ink-soft:#526277;--ui-ink-muted:#6b7b91;--ui-border:#dce4ed;--ui-border-strong:#c6d1df;--ui-sidebar:#182b3b;--ui-sidebar-text:#d8e3ee;--ui-sidebar-muted:#98aabd;--ui-sidebar-active:#265ed7;--ui-success:#147a58;--ui-success-surface:#eaf7f0;--ui-warning:#9a5b08;--ui-warning-surface:#fff5df;--ui-danger:#b42318;--ui-danger-surface:#fff0ef;--ui-info:#265ed7;--ui-info-surface:#edf3ff;--ui-radius-sm:8px;--ui-radius-md:10px;--ui-radius-lg:14px;--ui-shadow-panel:0 1px 2px #172b3d0a;--ui-shadow-float:0 12px 28px #172b3d1f}::selection{background:color-mix(in srgb, var(--accent) 22%, white);color:var(--ui-ink)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}.app-shell{background:var(--ui-canvas);grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{z-index:4;background:var(--shell-nav,var(--ui-sidebar));color:var(--shell-nav-ink,var(--ui-sidebar-text));border:0;flex-direction:column;gap:20px;padding:24px 14px;display:flex;box-shadow:1px 0 #0a1c2b24}.brand{border-bottom:1px solid color-mix(in srgb, var(--shell-nav-ink,#fff) 14%, transparent);gap:12px;padding:0 10px 24px}.brand-mark{border-radius:var(--ui-radius-sm);background:var(--accent);width:38px;height:38px;color:var(--shell-nav-ink,#fff);letter-spacing:.04em;box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 28%, transparent);border:0;flex-basis:38px;font-size:12px;font-weight:800}.brand-name{color:var(--shell-nav-ink,#fff);letter-spacing:-.025em;font-size:18px;font-weight:750}.nav-list,.mobile-nav-list{gap:22px;display:grid}.desktop-nav-list{flex:1;align-content:start}.nav-group{gap:4px;display:grid}.nav-technical{gap:8px;display:grid}.nav-technical summary{border-radius:var(--ui-radius-sm);min-height:34px;color:var(--shell-nav-muted,var(--ui-sidebar-muted));cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:6px 10px;list-style:none;display:flex}.nav-technical summary::-webkit-details-marker{display:none}.nav-technical summary:after{content:"⌄";color:var(--shell-nav-muted,var(--ui-sidebar-muted));font-size:16px;line-height:1}.nav-technical[open] summary:after{content:"⌃"}.nav-technical summary:hover{border-color:color-mix(in srgb, var(--shell-nav-ink,#fff) 14%, transparent);background:color-mix(in srgb, var(--shell-nav-ink,#fff) 6%, var(--shell-nav,var(--ui-sidebar)));color:var(--shell-nav-ink,#fff)}.nav-technical summary>span{font-size:12px;font-weight:700}.nav-technical-links{padding-top:2px}.nav-user-group{border-top:1px solid color-mix(in srgb, var(--shell-nav-ink,#fff) 14%, transparent);margin-top:2px;padding-top:12px}.nav-group-label{color:var(--shell-nav-muted,var(--ui-sidebar-muted));letter-spacing:.07em;text-transform:uppercase;margin:0 10px 6px;font-size:11px;font-weight:750;line-height:1.25;display:block}.nav-list a,.mobile-nav-list a{border-radius:var(--ui-radius-sm);min-height:40px;color:var(--shell-nav-ink,var(--ui-sidebar-text));border:1px solid #0000;border-left-width:3px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.25;transition:background-color .14s,border-color .14s,color .14s;display:flex}.nav-link-icon{color:var(--shell-nav-muted,var(--ui-sidebar-muted));flex:0 0 18px}.nav-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-list a:hover,.mobile-nav-list a:hover{border-color:color-mix(in srgb, var(--shell-nav-ink,#fff) 16%, transparent);background:color-mix(in srgb, var(--shell-nav-ink,#fff) 8%, var(--shell-nav,var(--ui-sidebar)));color:var(--shell-nav-ink,#fff)}.nav-list a:hover .nav-link-icon,.mobile-nav-list a:hover .nav-link-icon{color:var(--shell-nav-ink,#fff)}.nav-list a.active .nav-link-icon,.mobile-nav-list a.active .nav-link-icon{color:var(--shell-nav-active-ink,var(--shell-nav-ink,#fff))}.nav-list a.active,.mobile-nav-list a.active{border-color:color-mix(in srgb, var(--shell-nav-ink,#fff) 10%, transparent);border-left-color:var(--accent);background:var(--shell-nav-active,var(--accent));color:var(--shell-nav-active-ink,var(--shell-nav-ink,#fff));box-shadow:0 4px 10px #0816231f}.nav-access-state{color:var(--shell-nav-muted,var(--ui-sidebar-muted));margin:0 10px;font-size:12px;line-height:1.45;display:block}.content-shell{min-width:0;min-height:100vh}.topbar{border-bottom-color:var(--ui-border);background:#fffffff0;gap:24px;min-height:64px;padding:10px 32px;box-shadow:0 1px #172b3d06}.topbar-breadcrumbs{min-width:0;color:var(--ui-ink-muted);white-space:nowrap;align-items:center;gap:10px;font-size:13px;display:flex}.topbar-breadcrumbs strong{color:var(--ui-ink-soft);text-overflow:ellipsis;font-weight:650;overflow:hidden}.topbar-meta{justify-content:flex-end;align-items:center;gap:18px;min-width:0;margin-left:auto;display:flex}.runtime-context{align-items:center;gap:10px;min-width:0;display:flex}.runtime-context-indicator{background:var(--ui-sidebar-muted);width:9px;height:9px;box-shadow:0 0 0 2px var(--ui-border-strong);border:2px solid #fff;border-radius:999px;flex:0 0 9px}.runtime-context-connected .runtime-context-indicator{background:#21a366;box-shadow:0 0 0 2px #b8e8c9}.runtime-context-testing .runtime-context-indicator,.runtime-context-local .runtime-context-indicator{background:#d58910;box-shadow:0 0 0 2px #f4ddb0}.runtime-context-danger .runtime-context-indicator{background:var(--ui-danger);box-shadow:0 0 0 2px #f2c5c1}.runtime-context>div{gap:1px;min-width:0;display:grid}.runtime-context strong{color:var(--ui-ink);white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2}.runtime-context>div>span{color:var(--ui-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.25;overflow:hidden}.runtime-connector-state{border-left-color:var(--ui-border);color:var(--ui-ink-muted);white-space:nowrap;padding-left:10px;font-size:11px;font-weight:650}.runtime-details{flex:none;position:relative}.runtime-details>summary{color:var(--ui-ink-muted);cursor:pointer;white-space:nowrap;font-size:11px;list-style:none}.runtime-details>summary::-webkit-details-marker{display:none}.runtime-details>summary:after{content:"⌄";margin-left:4px;font-size:12px;display:inline-block;transform:translateY(-1px)}.runtime-details[open]>summary:after{content:"⌃"}.runtime-details-popover{z-index:30;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);width:min(340px,100vw - 40px);box-shadow:var(--ui-shadow-float);gap:7px;padding:11px 13px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.runtime-detail-copy{color:var(--ui-ink-soft);font-size:11px;line-height:1.4}.runtime-details .runtime-connector-state{border-left:0;border-top:1px solid var(--ui-border);color:var(--ui-ink-muted);white-space:normal;padding:7px 0 0}.topbar-actions,.auth-user-group,.app-user-actions{align-items:center;gap:10px;min-width:0;display:flex}.app-user-actions{max-width:min(42vw,420px)}.user-chip{align-items:center;gap:9px;min-width:0;display:flex}.user-avatar{border:1px solid var(--ui-border);background:var(--ui-surface-subtle);width:34px;height:34px;color:var(--ui-ink-soft);border-radius:999px;flex:0 0 34px;font-size:11px;font-weight:800}.user-chip div{gap:1px;min-width:0;display:grid}.user-chip strong{max-width:170px;color:var(--ui-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.user-chip span{color:var(--ui-ink-muted);font-size:11px}.operator-role-badge{border:1px solid var(--ui-border);background:var(--ui-surface-subtle);min-height:32px;color:var(--ui-ink-soft);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:inline-flex}.operator-role-badge>span{color:var(--ui-ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.operator-role-badge>strong{color:var(--ui-ink);font-size:11px}.auth-action-button,.login-button,.primary-action,.secondary-action,button{border-radius:var(--ui-radius-sm);min-height:38px;padding:9px 13px;font-size:13px;font-weight:700;line-height:1.2;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s}.auth-action-button,.login-button,.primary-action{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 30%, transparent)}.auth-action-button-muted,.secondary-action{border:1px solid var(--ui-border-strong);background:var(--ui-surface);color:var(--ui-ink-soft);box-shadow:none}.auth-action-button:hover,.login-button:hover,.primary-action:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.auth-action-button-muted:hover,.secondary-action:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--ui-border-strong));background:color-mix(in srgb, var(--accent) 5%, var(--ui-surface));color:var(--accent-dark)}.content-shell main{width:min(100%,1520px);margin:0 auto;padding:30px 32px 72px}.app-recovery-page{background:var(--ui-canvas)}.app-recovery-card{border-color:var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}.app-recovery-card h1{color:var(--ui-ink);font-size:30px}.app-recovery-card p{color:var(--ui-ink-soft)}.app-recovery-kicker{color:var(--ui-ink-muted)}.panel{border-color:var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-panel);padding:20px}.section-heading{gap:16px}.section-heading h2,.section-heading h3{color:var(--ui-ink);margin:0}.section-actions{gap:8px}.tabs{border-bottom-color:var(--ui-border);gap:4px}.tabs a{border-radius:var(--ui-radius-sm) var(--ui-radius-sm) 0 0;min-height:38px;color:var(--ui-ink-muted);padding:9px 12px;font-size:13px;font-weight:650}.tabs a:hover{background:var(--ui-surface-subtle);color:var(--ui-ink)}.tabs a.active{background:var(--ui-surface);color:var(--accent-dark);box-shadow:inset 0 -2px 0 var(--accent)}.table,.case-table{gap:0}.table-row,.case-table-row,.case-table-head{border-bottom-color:var(--ui-border)}.form-error{border-radius:var(--ui-radius-sm);background:var(--ui-danger-surface);color:var(--ui-danger);border-color:#efc3be}.field-hint,.field-required-legend{color:var(--ui-ink-muted)}h1,h2,h3,h4{color:var(--ui-ink)}h1{letter-spacing:-.035em;font-size:clamp(28px,3vw,34px);line-height:1.1}h2{letter-spacing:-.025em;font-size:20px;line-height:1.2}h3{letter-spacing:-.015em;font-size:16px;line-height:1.3}.page-heading,.case-header{margin-bottom:24px}.page-heading p,.section-heading p,.cases-list-heading p,.muted{color:var(--ui-ink-muted)}select,input,textarea{border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface);min-height:40px;color:var(--ui-ink);padding:8px 11px}textarea{min-height:96px}select:hover,input:hover,textarea:hover{border-color:#9eafc3}table{border-color:var(--ui-border)}th{background:var(--ui-surface-subtle);color:var(--ui-ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:750}td{color:var(--ui-ink-soft);font-size:13px}.billing-section,.billing-plan-card,.billing-balance-grid>div,.billing-pack,.billing-subaccount-card,.cases-list-panel,.case-summary-card,.ai-desk-metric,.ai-audit-category,.ai-case-row,.api-unavailable-state,.case-empty-state,.ai-desk-empty{border-color:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-panel)}.billing-section,.cases-list-panel,.api-unavailable-state{background:var(--ui-surface)}.pill,.scenario-badge,.evidence-badge,.billing-status{border:1px solid var(--ui-border);background:var(--ui-surface-subtle);min-height:26px;color:var(--ui-ink-soft);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.pill.success,.evidence-badge.success{background:var(--ui-success-surface);color:var(--ui-success);border-color:#b9dfc8}.pill.warning,.scenario-badge.warning,.evidence-badge.warning{background:var(--ui-warning-surface);color:var(--ui-warning);border-color:#f0d08e}.pill.danger,.evidence-badge.danger{background:var(--ui-danger-surface);color:var(--ui-danger);border-color:#efc3be}.pill.info,.evidence-badge.info{background:var(--ui-info-surface);color:var(--ui-info);border-color:#bfd0fb}.case-table-empty,.api-unavailable-state{color:var(--ui-ink)}.api-unavailable-state{border-radius:var(--ui-radius-lg);min-height:160px}.api-unavailable-state strong{color:var(--ui-ink);font-size:18px}.api-unavailable-state p{color:var(--ui-ink-soft)}.api-result-forbidden,.api-result-unavailable{background:var(--ui-danger-surface);border-color:#efc3be}.api-result-partial,.api-result-stale{background:var(--ui-warning-surface);border-color:#f0d08e}.mobile-navigation{display:none}@media (max-width:980px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-bottom:1px solid #d8e3ee24;grid-template-columns:minmax(0,1fr) auto;align-items:center;height:auto;padding:12px 20px;display:grid;position:sticky;top:0}.brand{border-bottom:0;padding:0}.desktop-nav-list{display:none}.mobile-navigation{display:block;position:relative}.mobile-navigation>summary{border:1px solid color-mix(in srgb, var(--shell-nav-ink,#fff) 26%, transparent);border-radius:var(--ui-radius-sm);background:color-mix(in srgb, var(--shell-nav-ink,#fff) 8%, var(--shell-nav,var(--ui-sidebar)));min-width:144px;min-height:40px;color:var(--shell-nav-ink,#fff);cursor:pointer;align-content:center;gap:1px;padding:6px 30px 6px 11px;list-style:none;display:grid}.mobile-navigation>summary::-webkit-details-marker{display:none}.mobile-navigation>summary:after{content:"+";color:var(--shell-nav-muted,var(--ui-sidebar-muted));font-size:17px;line-height:1;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.mobile-navigation[open]>summary:after{content:"−"}.mobile-navigation>summary span{color:var(--shell-nav-muted,var(--ui-sidebar-muted));letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.mobile-navigation>summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;line-height:1.2;overflow:hidden}.mobile-nav-list{z-index:20;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);width:min(340px,100vw - 40px);max-height:min(70vh,520px);box-shadow:var(--ui-shadow-float);gap:16px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.mobile-nav-list .nav-group-label{color:var(--ui-ink-muted)}.mobile-nav-list .nav-technical summary{border-color:var(--ui-border);background:var(--ui-surface);min-height:40px;color:var(--ui-ink-soft);border-left-color:#0000;padding:8px 10px}.mobile-nav-list .nav-technical summary:after{content:"⌄";color:var(--ui-ink-muted);font-size:16px;line-height:1}.mobile-nav-list .nav-technical[open] summary:after{content:"⌃"}.mobile-nav-list .nav-technical summary>span{color:var(--ui-ink-soft);font-size:13px;font-weight:650}.mobile-nav-list .nav-technical summary:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-subtle);color:var(--ui-ink)}.mobile-nav-list .nav-user-group{border-top-color:var(--ui-border);margin-top:2px}.mobile-nav-list a{color:var(--ui-ink-soft)}.mobile-nav-list a:hover,.mobile-nav-list a.active{background:var(--shell-mobile-active,var(--ui-info-surface));color:var(--shell-mobile-active-ink,var(--accent-dark))}.mobile-nav-list .nav-link-icon{color:var(--ui-ink-muted)}.mobile-nav-list a.active .nav-link-icon,.mobile-nav-list a:hover .nav-link-icon{color:var(--shell-mobile-active-ink,var(--accent-dark))}.topbar{padding:10px 20px}.content-shell main{padding:26px 20px 60px}}@media (max-width:720px){.topbar{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.topbar-meta{justify-content:space-between;width:100%}.app-user-actions{max-width:none}}@media (max-width:560px){.sidebar{padding:10px 16px}.brand-mark{flex-basis:34px;width:34px;height:34px}.brand-name{font-size:16px}.mobile-navigation>summary{min-width:118px}.mobile-navigation>summary strong{max-width:120px}.topbar{min-height:56px;padding:8px 16px}.topbar-breadcrumbs{font-size:12px}.runtime-context>div>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.runtime-context{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 8px;display:grid}.runtime-context>div,.runtime-context .runtime-details{grid-column:2;min-width:0}.runtime-context .runtime-details{align-self:start}.app-user-actions .user-chip>div,.topbar .operator-role-badge>span{display:none}.content-shell main{padding:22px 16px 48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}