/* Quiet application surfaces; semantic colours stay on the data. */
.shell .panel,.shell .metric-card,.shell .feature-stat,.shell .filter-bar,.shell .stats-filter-panel,.shell .insight-card,.shell .calendar-panel,.shell .obs-guide-card{background:var(--surface);border-color:var(--line);box-shadow:none;backdrop-filter:none}
.shell .metric-card:before,.shell .metric-card:after{display:none}
.shell .dashboard-metrics>.metric-card:first-child{background:var(--surface);border-color:var(--line)}
.shell .metric-card:hover,.shell .panel:hover,.shell .feature-stat:hover{border-color:var(--line);transform:none}
.shell .insight-card,.shell .session-next-step,.shell .agent-notice{border:1px solid var(--line);background:var(--surface);border-radius:10px}
#toast{border:1px solid var(--line);background:var(--surface)}
.shell .agent-signal{background:var(--surface-2);border-color:var(--line)}
.shell .agent-signal.enabled .signal-dot,.shell .session-dot{box-shadow:none;animation:none}
.shell .streamer-hero{background:var(--surface);border-color:var(--line);border-radius:12px}
.shell .streamer-hero:before{display:none}
.shell .streamer-hero img{box-shadow:none}
.shell .feature-status,.shell .feature-status.on{background:var(--surface-2);border-color:var(--line);color:var(--text);border-radius:6px}
.shell .feature-status.on:before{box-shadow:none}
.shell .obs-guide-card{border-radius:12px;animation:none}
.shell .feature-error{background:var(--surface-2);border-color:var(--line)}
.topbar .active-session-pill,.light .topbar .active-session-pill{max-width:230px;min-height:40px;padding:8px 12px;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:none;color:var(--text);transform:none}
.topbar .active-session-pill:hover{background:var(--hover);border-color:var(--line);box-shadow:none;transform:none}
.topbar .active-session-pill .icon{display:block;width:16px;height:16px;margin:0;color:var(--muted);flex-shrink:0}
.topbar .active-session-pill>span{flex-direction:row;align-items:center;gap:10px}
.topbar .active-session-pill strong{font-size:12px;font-weight:500}
.topbar .active-session-pill small,.light .topbar .active-session-pill small{display:block;font-size:11px;color:var(--muted)}
.topbar .active-session-pill:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* Opaque pickers apply to all select menus, including OBS. */
.pokey-popover.select-popover{background:var(--surface)!important;opacity:1;backdrop-filter:none;filter:none}
.pokey-popover.select-popover button{background:var(--surface);color:var(--text)}
.pokey-popover.select-popover button:hover,.pokey-popover.select-popover button[aria-selected=true]{background:var(--surface-2)!important;color:var(--text)!important}
/* Separate switch track prevents the global checkbox checkmark from leaking in. */
.feature-toggle{gap:14px;align-items:center}
.obs-switch{position:relative;display:block;flex:0 0 44px;width:44px;height:26px}
.feature-toggle .obs-switch input[type=checkbox]{position:absolute;inset:0;width:44px!important;height:26px!important;min-height:26px!important;opacity:0;padding:0;margin:0;z-index:1}
.feature-toggle .obs-switch input:after,.feature-toggle .obs-switch input:before{display:none;content:none}
.obs-switch-track{display:block;width:44px;height:26px;border-radius:13px;background:var(--muted);position:relative;pointer-events:none}
.obs-switch-track:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:var(--bg);border:0;border-radius:50%;transition:transform .16s ease}
.obs-switch input:checked+.obs-switch-track{background:var(--accent)}
.obs-switch input:checked+.obs-switch-track:after{transform:translateX(18px)}
.obs-switch input:focus-visible+.obs-switch-track{outline:2px solid var(--focus);outline-offset:4px}
.obs-switch input:disabled+.obs-switch-track{opacity:.5}
.feature-toggle>span:last-child{min-width:0}
@media(max-width:650px){.topbar .active-session-pill{max-width:160px;padding:8px}.topbar .active-session-pill strong{font-size:11px}.topbar .active-session-pill small{display:none}.feature-toggle{align-items:flex-start}.obs-switch{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.obs-switch-track:after{transition:none}}