/* Settings workspace. Scoped so test and report layouts retain their own rhythm. */
#settingsView{padding-bottom:32px}
#settingsView .settings-heading{align-items:flex-end;margin-bottom:30px}
#settingsView .settings-heading h1{margin-top:10px}
#settingsView .settings-heading p{font-size:13px}
.settings-local-note{font:10px/1.6 Consolas,monospace;color:var(--muted);padding-bottom:4px}
.settings-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px;align-items:start}
.settings-sidebar{position:sticky;top:24px;padding-top:6px}
.settings-section-label{font:9px/1.5 Consolas,monospace;letter-spacing:1.8px;color:var(--muted);padding:0 14px 15px}
#settingsSections{display:flex;flex-direction:column;gap:5px}
#settingsView .settings-tab{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:64px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:6px;transition:background .15s,border-color .15s}
.settings-tab-number{font:10px Consolas,monospace;color:#776371}
.settings-tab strong{display:block;font-size:13px;font-weight:500;color:#bca9b5}
.settings-tab small{display:block;font-size:10px;color:#907b88;margin-top:2px}
#settingsView .settings-tab:hover{background:#171017;border-color:#30232e}
#settingsView .settings-tab[aria-selected=true]{background:linear-gradient(100deg,#2a1d29,#1c151e);border-color:#493545;box-shadow:inset 2px 0 var(--rose)}
.settings-tab[aria-selected=true] strong,.settings-tab[aria-selected=true] .settings-tab-number{color:#e7cdda}
#settingsView .settings-grid{display:block;max-width:none;margin:0;min-width:0}
.settings-panel{min-width:0;animation:settings-arrive .18s ease-out;scroll-margin-top:24px}
.settings-panel-heading{padding:0 0 24px;border-bottom:1px solid var(--edge);margin-bottom:24px}
.settings-panel-heading .eyebrow{font-size:9px;letter-spacing:1.5px}
#settingsView .settings-panel-heading h2{font-size:25px;line-height:1.3;font-weight:400;letter-spacing:-.6px;margin:7px 0}
.settings-panel-heading p{font-size:12px;max-width:700px}
.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#settingsView .settings-card,#settingsView .world-editor,#settingsView .crosshair-editor{border:1px solid var(--edge);background:#110d11;border-radius:8px;padding:24px;margin:0;min-width:0}
#settingsView .settings-card>h3,#settingsView .settings-history>h2{font-size:15px;font-weight:500;letter-spacing:-.2px;margin:0 0 22px;color:var(--ink)}
.settings-wide,.settings-footnote{grid-column:1/-1}
#settingsView label{font-size:12px;gap:14px;margin:20px 0;color:#cbb6c4;line-height:1.6}
#settingsView .settings-card>h3+label,#settingsView .settings-history>h2+label{margin-top:0}
#settingsView label:last-child{margin-bottom:0}
#settingsView label:not(.check):not(.sensitivity-control):not(:has(input[type=range])){display:flex;flex-direction:column;align-items:stretch;gap:8px}
#settingsView input[type=number],#settingsView input[type=url],#settingsView select{width:100%;max-width:100%;min-width:0;min-height:43px;background:#191219;border-color:#3d2e3a;font-size:12px}
#settingsView select{padding-right:30px;text-overflow:clip}
#settingsView .check{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;line-height:1.7}
#settingsView .check input{margin-top:2px;flex-shrink:0}
#settingsView .sensitivity-control{display:block}
#settingsView .sensitivity-control>output{float:right}
#settingsView output{font:11px/1.8 Consolas,monospace;color:var(--rose);font-variant-numeric:tabular-nums}
#settingsView input[type=range]{display:block;width:100%;margin:14px 0 0;cursor:pointer}
#settingsView input[type=range]:disabled{cursor:default}
#settingsView .settings-help,#settingsView .fine{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
#settingsView .settings-help{margin:8px 0 18px}
#settingsView .check+.settings-help{margin-top:-10px;padding-left:28px}
#settingsView .settings-help:last-child{margin-bottom:0}
.settings-divider{height:1px;background:var(--edge);margin:24px 0}
.settings-input-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#settingsView .settings-input-pair label{margin:0}
.settings-field-stack{margin-top:22px}
#settingsView .settings-field-stack>label{margin:0}
#settingsView .device-actions{gap:8px;margin-top:16px}
#settingsView .device-actions button{font-size:11px;padding:9px 12px;min-height:38px;flex:1 1 auto}
#settingsView .device-actions button.primary{flex-basis:100%}
#settingsView .device-status{padding-top:20px;font-size:11px}
#settingsView #readSettingsStatus:empty,#settingsView #profileSources:empty,#settingsView #hidInfo:empty{display:none}
#settingsView #hidInfo{font-size:10px;max-height:220px;overflow:auto;padding:12px;background:#0d0a0d;border:1px solid var(--edge);border-radius:4px;margin:16px 0}
#settingsView .settings-disclosure,#settingsView .setup-diagnostics{border-top:1px solid var(--edge);padding-top:14px;margin-top:22px}
#settingsView summary{cursor:pointer;color:var(--rose);font-size:11px;line-height:1.7}
#settingsView summary:focus-visible{outline:2px solid var(--rose);outline-offset:5px;border-radius:2px}
#settingsView details[open]>summary{margin-bottom:16px}
#settingsView .settings-disclosure .check{margin-top:16px}
#settingsView dl{margin:0;font-size:11px}
#settingsView dl>div{gap:18px;align-items:baseline}
#settingsView dd{text-align:right;overflow-wrap:anywhere;max-width:65%}
#settingsView button.text-button{font-size:11px;padding:6px 0;color:var(--rose);text-align:left}
#settingsView #forgetSettings{font-size:11px;min-height:38px;background:transparent}
.settings-footnote{font-size:11px;margin:0;max-width:700px;color:var(--muted)}
#settingsView .enforced-setting{opacity:.65}
#settingsView #assessmentLockNote{border-left:2px solid #806279;padding-left:12px;margin-top:20px}
#settingsView .world-editor,#settingsView .crosshair-editor{grid-column:1/-1}
#settingsView fieldset legend{font-size:13px;letter-spacing:0;color:var(--ink);padding:0 8px}
#settingsView .world-editor{max-width:850px;width:100%}
#settingsView .world-options{grid-template-columns:1fr 1fr;gap:22px 26px;margin:24px 0 18px}
#settingsView .world-options label{margin:0;font-size:12px}
#settingsView .world-editor>.sensitivity-control{max-width:540px;margin:26px 0}
#settingsView .world-toggles{gap:30px;border-top:1px solid var(--edge);padding-top:20px;margin:22px 0 8px}
#settingsView .world-toggles label{margin:0}
.crosshair-workbench{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:30px;align-items:stretch}
#settingsView .crosshair-preview{height:auto;min-height:240px;border:1px solid #3d2e3e;background:radial-gradient(ellipse at center,#332735,#161117 80%);border-radius:5px;background-size:auto}
#settingsView .crosshair-preview>span{left:16px;bottom:12px;font:9px Consolas,monospace;letter-spacing:1px;text-transform:uppercase}
#settingsView .shape-options{margin:0 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#settingsView .shape-options button{min-width:0;padding:10px 6px;font-size:11px}
#settingsView .crosshair-controls{gap:22px}
#settingsView .crosshair-controls label{display:block!important}
#settingsView .crosshair-controls input[type=color]{height:38px;cursor:pointer;margin-top:9px;width:100%;padding:4px}
#settingsView .crosshair-controls input[type=range]{margin-top:14px}
#settings-audio .settings-wide .sensitivity-control{max-width:540px;margin-bottom:0}
#settingsView .settings-history{border:0;margin:0;padding:0}
#settingsView .settings-history h2{margin:0 0 22px}
#settingsView .history-retention{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
#settingsView .history-retention label{margin:0}
#settingsView #localHistoryStatus{margin:16px 0 10px}
@keyframes settings-arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.settings-shell{gap:54px;grid-template-columns:220px minmax(0,1fr)}.settings-cards{gap:24px}#settingsView .settings-card{padding:28px}}
@media(max-width:1120px){.settings-shell{grid-template-columns:185px minmax(0,1fr);gap:25px}.settings-cards{grid-template-columns:1fr}.crosshair-workbench{grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);gap:22px}#settingsView .settings-tab{padding-left:10px;gap:10px}}
@media(max-width:780px){.settings-shell{display:block}.settings-sidebar{position:static;margin-bottom:24px;padding-top:0}.settings-section-label,.settings-tab-number,.settings-tab small{display:none}#settingsSections{flex-direction:row;flex-wrap:wrap;gap:6px}#settingsView .settings-tab{width:auto;min-height:38px;padding:8px 12px}#settingsView .settings-tab strong{font-size:11px}#settingsView .settings-tab[aria-selected=true]{box-shadow:inset 0 -2px var(--rose)}.settings-local-note{display:none}.settings-panel-heading{padding-bottom:18px;margin-bottom:20px}#settingsView .settings-card{padding:20px}}
@media(max-width:520px){.crosshair-workbench,.settings-input-pair{grid-template-columns:1fr}#settingsView .crosshair-preview{min-height:180px}#settingsView .world-options{grid-template-columns:1fr}#settingsView .world-toggles{flex-direction:column;gap:16px}#settingsView .history-retention{grid-template-columns:1fr}#settingsView .settings-heading{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.settings-panel{animation:none}#settingsView .settings-tab{transition:none}}
@media(forced-colors:active){#settingsView .settings-tab[aria-selected=true]{outline:2px solid Highlight}.settings-divider{background:CanvasText}}
