.sf-open,.sf-panel button{height:30px;border:1px solid #1e2533;border-radius:5px;background:#1a202b;color:#e2e8f0;padding:0 10px;font:600 11px Inter,system-ui;cursor:pointer}.sf-open.on,.sf-panel button:hover{border-color:var(--accent,#38bdf8);background:#202c38}.sf-count{font:10px/1.4 ui-monospace,monospace;color:#8e9aaf;white-space:nowrap}.sf-panel{width:min(650px,calc(100vw - 24px));max-height:calc(100vh - 40px);overflow:auto;margin:auto;background:#141821;color:#e2e8f0;border:1px solid #1e2533;border-radius:8px;padding:18px;box-shadow:0 16px 50px #0008}.sf-panel::backdrop{background:#0008}.sf-panel header,.sf-panel footer,.sf-presets,.sf-switches,.sf-save,.sf-saved{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sf-panel header{justify-content:space-between;margin-bottom:16px}.sf-panel h2{font:600 17px Inter,system-ui;margin:4px 0}.sf-panel small{font-size:10px;color:#8e9aaf}.sf-panel fieldset{border:0;padding:0;min-width:0}.sf-panel fieldset:disabled{opacity:.4}.sf-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.sf-fields label{display:grid;gap:6px;font-size:11px;color:#a1adc0}.sf-panel input:not([type=checkbox]),.sf-panel select{min-width:0;width:100%;height:32px;background:#0c1017;border:1px solid #293242;border-radius:4px;color:#e2e8f0;padding:0 8px;font:12px ui-monospace,monospace;box-sizing:border-box}.sf-panel input:focus,.sf-panel select:focus{outline:1px solid var(--accent,#38bdf8)}.sf-switches{margin-top:16px;font-size:12px}.sf-panel input[type=checkbox]{accent-color:var(--accent,#38bdf8)}.sf-coverage,.sf-message,.sf-lock{font:12px/1.6 Inter,system-ui;color:#9caac1}.sf-message,.sf-lock{color:#f5ac37}.sf-save{margin:16px 0}.sf-save input{flex:1}.sf-panel footer{margin-top:18px;padding-top:14px;border-top:1px solid #1e2533}.sf-panel footer span{margin-right:auto}.sf-panel [hidden]{display:none!important}.sf-saved button{border-style:dashed}.sf-panel button:disabled{cursor:default}@media(max-width:600px){.sf-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-count{white-space:normal}}
.sf-panel header{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;z-index:auto!important}
.sf-panel footer{position:static!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important}
/* Quiet screener controls: one selected surface, no separate button tiles. */
#viewScreener .screener-summary{display:none!important}
#viewScreener .workspace-bar{gap:12px;align-items:center}
#viewScreener .workspace-identity,#viewScreener .workspace-controls{gap:6px;align-items:center}
#viewScreener .screener-bar{gap:10px;align-items:center}
#viewScreener #scrFilters{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;padding:0;background:none!important;border:0}
#viewScreener #workspaceTabs button,#viewScreener #scrFilters .scr-btn,#viewScreener .workspace-controls .select-menu-trigger,#viewScreener .workspace-settings>summary,#viewScreener #screenerRefresh{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-height:32px;padding:0 10px;white-space:nowrap;background:transparent!important;border:1px solid transparent!important;border-radius:5px!important;color:var(--muted,#8e9aab)!important;box-shadow:none!important;transform:none!important}
#viewScreener #workspaceTabs button.on,#viewScreener #scrFilters .scr-btn.on{background:var(--hdr,#172632)!important;border-color:var(--line,#27333d)!important;color:var(--text,#e2e8f0)!important;font-weight:600}
#viewScreener #workspaceTabs button:not(.on):hover,#viewScreener #scrFilters .scr-btn:not(.on):hover,#viewScreener #screenerRefresh:hover,#viewScreener .workspace-settings>summary:hover{background:#ffffff06!important;color:var(--text,#e2e8f0)!important;box-shadow:none!important}
#viewScreener .workspace-controls .select-menu-trigger{border-color:var(--line,#27333d)!important}
#viewScreener .grid-choices{margin-left:2px;padding-left:10px;border-left:1px solid var(--line,#27333d)}
#viewScreener #screenerRefresh{width:32px;margin:0;padding:0}
#viewScreener .workspace-settings>summary{width:32px;padding:0}
#viewScreener #scrFilters .scr-btn svg{width:14px;height:14px;opacity:.65}
#viewScreener #scrFilters .scr-btn{font-size:12px}
#viewScreener #scrFilters .scr-btn:not(.on),#viewScreener #workspaceTabs button:not(.on){color:color-mix(in srgb,var(--text,#e2e8f0) 72%,var(--bg1,#0b0e13) 28%)!important}
#viewScreener button:focus-visible,#viewScreener summary:focus-visible{outline:1px solid var(--accent,#38bdf8)!important;outline-offset:2px}