.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);--sos-canvas:var(--sos-bg);--sos-sidebar:var(--sos-bg-2);--sos-surface-raised:var(--sos-surface-2);--sos-surface-quiet:var(--sos-surface-3);--sos-border:var(--sos-line);--sos-border-strong:var(--sos-line-strong);--sos-divider:color-mix(in srgb,var(--sos-line) 72%,transparent);--sos-text-muted:var(--sos-muted);--sos-text-faint:var(--sos-subtle);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:#e6ebe8;--sos-bg-2:#dfe5e1;--sos-surface:#f3f6f3;--sos-surface-2:#e9eeea;--sos-surface-3:#dde4df;--sos-text:#17201c;--sos-muted:#4a5852;--sos-subtle:#525f58;--sos-line:#1e342a2e;--sos-line-strong:#1e342a4d;--sos-shadow-sm:0 7px 20px #1c2b2412;--sos-shadow-md:0 18px 44px #1c2b241c;--sos-accent:#4447c4;--sos-accent-soft:#4447c41a;--sos-accent-strong:#4447c42e;--sos-success:#1a6443;--sos-positive:#1a6443;--sos-warning:#6f5419;--app-bg:var(--sos-bg);--app-bg-soft:var(--sos-bg-2);--app-surface:var(--sos-surface);--app-border:var(--sos-line);--app-border-strong:var(--sos-line-strong);--app-text:var(--sos-text);--app-muted:var(--sos-muted);--app-accent:var(--sos-accent);--app-success:var(--sos-success);--app-warning:var(--sos-warning);--app-danger:#a54d4d;--sos-text-muted:var(--sos-muted)}html[data-theme=light][data-theme-preference=system] .app-shell{--sos-bg:#e2e8e4;--sos-bg-2:#dae1dc;--sos-surface:#eff3f0;--sos-surface-2:#e6ece7;--sos-surface-3:#d9e1db;--sos-text:#17201c;--sos-muted:#4a5852;--sos-subtle:#525f58;--sos-line:#1e342a30;--sos-line-strong:#1e342a4f;--sos-shadow-sm:0 7px 20px #1c2b2413;--sos-shadow-md:0 18px 44px #1c2b241f;--sos-accent:#4447c4;--sos-accent-soft:#4447c41a;--sos-accent-strong:#4447c42e;--sos-success:#1a6443;--sos-positive:#1a6443;--sos-warning:#6f5419;--app-bg:var(--sos-bg);--app-bg-soft:var(--sos-bg-2);--app-surface:var(--sos-surface);--app-border:var(--sos-line);--app-border-strong:var(--sos-line-strong);--app-text:var(--sos-text);--app-muted:var(--sos-muted);--app-accent:var(--sos-accent);--app-success:var(--sos-success);--app-warning:var(--sos-warning);--app-danger:#a54d4d;--sos-text-muted:var(--sos-muted)}.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-topbar-actions :is(.btn,a,button){white-space:nowrap}.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}}html[data-theme=light] .app-shell .app-main-content :is(.product-panel,.card,.result-card,.product-stat,.interactive-tool){background:var(--sos-surface);border-color:var(--sos-line);box-shadow:var(--sos-shadow-sm);color:var(--sos-text)}html[data-theme=light] .app-shell .app-main-content :is(.product-panel,.card,.result-card,.product-stat) :is(h1,h2,h3,h4,b,strong){color:var(--sos-text)}html[data-theme=light] .app-shell .app-main-content :is(.product-panel,.card,.result-card,.product-stat) :is(small,.muted,p,span:not(.status-pill):not(.kicker)){color:var(--sos-muted)}html[data-theme=light] .app-shell .app-main-content .product-row{background:var(--sos-surface-2);border-color:var(--sos-line)}html[data-theme=light] .app-shell .app-main-content .product-row:hover{background:color-mix(in srgb,var(--sos-accent) 6%,var(--sos-surface-2));border-color:var(--sos-line-strong)}html[data-theme=light] .app-shell .app-main-content .product-row-title{color:var(--sos-text)}html[data-theme=light] .app-shell .app-main-content .product-row-meta{color:var(--sos-muted)}html[data-theme=light] .app-shell .app-main-content .cta{background:color-mix(in srgb,var(--sos-accent) 5%,var(--sos-surface));border-color:var(--sos-line);color:var(--sos-text)}html[data-theme=light] .app-shell .app-main-content .kicker{color:var(--sos-accent)}html[data-theme=light] .app-shell .status-pill.active{color:var(--sos-accent);background:var(--sos-accent-soft);border-color:color-mix(in srgb,var(--sos-accent) 25%,transparent)}html[data-theme=light] .app-shell .status-pill.success{color:var(--sos-success)}html[data-theme=light] .app-shell .search-query-box{color:var(--sos-text)!important}html[data-theme=light] .app-preview-strip :is(b,strong){color:var(--sos-text)}html[data-theme=light] :is(.ask-sourcingos-fab,.ask-sourcingos-fab-label),html[data-theme=light] .app-shell :is(a.primary,button.primary){color:#fff}html[data-theme=light] .app-shell .role-search-studio{background:var(--sos-surface);border-color:var(--sos-line);box-shadow:var(--sos-shadow-sm);color:var(--sos-text)}html[data-theme=light] .app-shell .role-search-studio-head{background:0 0}html[data-theme=light] .app-shell .role-search-studio :is(h2,h3,b,strong){color:var(--sos-text)}html[data-theme=light] .app-shell .role-search-studio :is(p,small,summary,.role-search-approved-lanes>span,.role-search-loop-strip,.role-search-verify){color:var(--sos-muted)}html[data-theme=light] .app-shell .role-search-eyebrow{color:var(--sos-accent)}html[data-theme=light] .app-shell .role-search-studio :is(.role-search-loop-strip,.role-lane-switcher,.search-surface-card,.role-plan-change-log,.role-pasteback-panel){background:var(--sos-surface-2);border-color:var(--sos-line)}html[data-theme=light] .app-shell .role-lane-switcher button{color:var(--sos-muted)!important}html[data-theme=light] .app-shell .role-lane-switcher button.active{box-shadow:inset 0 0 0 1px var(--sos-line);color:var(--sos-text)!important;background:var(--sos-surface)!important}html[data-theme=light] .app-shell .role-calibration-banner{background:color-mix(in srgb,var(--sos-accent) 6%,var(--sos-surface));border-color:var(--sos-line)}html[data-theme=light] .app-shell .role-calibration-spark{color:var(--sos-accent);background:var(--sos-accent-soft)}html[data-theme=light] .app-shell .role-search-verify b{color:var(--sos-warning)}html[data-theme=light] .app-shell .search-surface-brand{color:#fff}html[data-theme=light] .app-shell .command-palette{background:var(--sos-surface);border-color:var(--sos-line-strong);color:var(--sos-text)}html[data-theme=light] .app-shell .command-palette-backdrop{background:color-mix(in srgb,var(--sos-text) 38%,transparent)}html[data-theme=light] .app-shell .command-palette-search{border-bottom-color:var(--sos-line)}html[data-theme=light] .app-shell .command-palette-search input{color:var(--sos-text)}html[data-theme=light] .app-shell .command-palette :is(.command-group-label,small,span:not(.status-pill)){color:var(--sos-muted)}html[data-theme=light] .app-shell .command-palette-results button,html[data-theme=light] .app-shell .command-palette-results button :is(b,strong){color:var(--sos-text)}html[data-theme=light] .app-shell .command-palette-results button:is(:hover,:focus-visible,[aria-selected=true],.active){background:var(--sos-surface-2)}html[data-theme=light] .app-shell .command-palette kbd{color:var(--sos-muted);background:var(--sos-surface-2);border-color:var(--sos-line)}html[data-theme=light] .app-shell .status-pill:not(.success):not(.active):not(.warning):not(.danger){color:var(--sos-muted);background:var(--sos-surface-2)}html[data-theme=light] .app-shell .command-palette .command-group em{color:var(--sos-muted)}
