.app-shell{--bg:var(--sos-bg);--panel:var(--sos-surface);--panel2:var(--sos-surface-2);--surface:var(--sos-surface);--surface-2:var(--sos-surface-2);--surface-3:var(--sos-surface-3);--text:var(--sos-text);--muted:var(--sos-muted);--subtle:var(--sos-subtle);--line:var(--sos-line);--border:var(--sos-line);--accent:var(--sos-accent);--green:var(--sos-positive);--amber:var(--sos-warning);--purple:var(--sos-intel);background:var(--sos-bg);color:var(--sos-text);font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=light][data-theme-preference=light] .app-shell{--sos-bg:#eef1ef;--sos-bg-2:#e8ece9;--sos-surface:#f8faf8;--sos-surface-2:#f0f3f0;--sos-surface-3:#e6ebe7;--sos-text:#19211e;--sos-muted:#5f6b65;--sos-subtle:#7a857f;--sos-line:#24372e21;--sos-line-strong:#24372e38;--sos-shadow-sm:0 7px 20px #202d270d;--sos-shadow-md:0 18px 44px #202d2712}html[data-theme=light][data-theme-preference=system] .app-shell{--sos-bg:#e9edea;--sos-bg-2:#e2e7e3;--sos-surface:#f4f6f3;--sos-surface-2:#ebefeb;--sos-surface-3:#e1e6e2;--sos-text:#1b2320;--sos-muted:#5b6761;--sos-subtle:#748079;--sos-line:#24372e24;--sos-line-strong:#24372e3d;--sos-shadow-sm:0 7px 20px #202d270e;--sos-shadow-md:0 18px 44px #202d2713}.app-shell :is(h1,h2,h3,h4){color:var(--sos-text)}.app-shell :is(input,textarea,select){color:var(--sos-text);border-color:var(--sos-line)}.app-shell :is(input,textarea,select)::placeholder{color:var(--sos-subtle)}.app-main-column,.app-main-content{background:var(--sos-bg);color:var(--sos-text)}.app-sidebar{background:var(--sos-bg-2);border-right-color:var(--sos-line);color:var(--sos-text)}.app-desktop-topbar,.app-mobile-header{background:color-mix(in srgb,var(--sos-bg) 92%,transparent);border-bottom-color:var(--sos-line);color:var(--sos-text);-webkit-backdrop-filter:blur(16px)saturate(130%)}.app-brand-mark,.app-context-title b,.app-mobile-brand{color:var(--sos-text)}.app-brand-mark small,.app-context-title span,.app-account-copy small,.app-nav-item small,.app-nav-item{color:var(--sos-muted)}.app-nav-item:hover{background:var(--sos-surface);color:var(--sos-text)}.app-nav-item.active{background:var(--sos-accent-soft);color:var(--sos-accent);box-shadow:inset 3px 0 0 var(--sos-accent)}:is(.app-new-role-button,.app-account-card,.app-trust-note,.app-command-trigger,.app-connection-pill){background:var(--sos-surface);border-color:var(--sos-line);color:var(--sos-text)}.app-topbar-new-role{background:var(--sos-text)!important;color:var(--sos-bg)!important;border-color:var(--sos-text)!important}.app-shell .recruiter-results-toolbar :is(input,select),.app-shell .recruiter-trust-note,.app-shell .recruiter-result-list,.app-shell .supporting-subjects-disclosure,.app-shell .lane-status-disclosure,.app-shell .market-map-summary{background:var(--sos-surface);border-color:var(--sos-line);color:var(--sos-text)}.app-shell .recruiter-result-row{background:var(--sos-surface);border-bottom-color:var(--sos-line)}.app-shell .recruiter-result-row:hover,.app-shell .recruiter-result-row:focus-within{background:var(--sos-surface-2)}.app-shell .recruiter-avatar{background:var(--sos-surface-2);border-color:var(--sos-line);color:var(--sos-text)}.app-shell .recruiter-source-label,.app-shell .recruiter-skill,.app-shell .market-map-lane{background:var(--sos-surface-2);border-color:var(--sos-line);color:var(--sos-muted)}.app-shell .recruiter-result-subtitle,.app-shell .recruiter-trust-note strong,.app-shell .supporting-subjects-disclosure>summary,.app-shell .lane-status-disclosure>summary,.app-shell .market-map-summary>summary,.app-shell .market-map-metric strong,.app-shell .market-map-block h4{color:var(--sos-text)}.app-shell .market-map-metric,.app-shell .market-map-block{background:var(--sos-surface-2);border-color:var(--sos-line);color:var(--sos-muted)}.app-shell .results-auth-note{background:color-mix(in srgb,var(--sos-warning) 8%,var(--sos-surface));border-color:color-mix(in srgb,var(--sos-warning) 34%,var(--sos-line));color:var(--sos-warning)}html[data-theme=light] .app-shell :is(input,textarea,select){background:var(--sos-surface);color:var(--sos-text)}html[data-theme=light] .app-shell :is(input,textarea,select):focus{border-color:color-mix(in srgb,var(--sos-accent) 55%,var(--sos-line))}html[data-theme=dark] .app-shell :is(input,textarea,select){background:var(--sos-surface);color:var(--sos-text)}@media (max-width:760px){.app-desktop-topbar{display:none}}
