/* Theme controls live outside the case workflow; selection persists with app state. */
.studio-controls{display:flex;align-items:center;gap:10px}.theme-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);padding:4px;border-radius:25px;background:#0b1213}.theme-switch button{border-radius:20px;padding:10px 13px;font-size:11px;color:var(--muted);min-height:36px}.theme-switch button.active{background:#2a3b3d;color:#f2faf4}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f5f2;--surface:#fff;--raised:#edf2ed;--line:#19372b16;--text:#19332a;--muted:#60756a;--green:#1b7046;--mint:#219866;--red:#a7452b}
html[data-theme="light"] body{background:#e9ede7}
html[data-theme="light"] button:hover{background:#1a4c2810}
html[data-theme="light"] .brand-icon i{background:#24603e}
html[data-theme="light"] :is(.prototype-pill,.workspace-presets button){border-color:#29472d25}
html[data-theme="light"] :is(.theme-switch,.preview-controls){background:#dfe6dc;border-color:#204a2020}
html[data-theme="light"] :is(.theme-switch,.preview-controls) button.active{background:#fff;color:#1e4931;box-shadow:0 2px 7px #284d2610}
html[data-theme="light"] .device{background:#f9fbf7;border-color:#d3dbcf;outline-color:#bcc8b9;box-shadow:0 28px 65px #25361d1c,0 1px 0 #fff inset}
html[data-theme="light"] :is(.statusbar,.device-status){color:#4f6759}
html[data-theme="light"] .case-avatar{background:#dfebd5;color:#376538}
html[data-theme="light"] .mode-switch{background:#e7ece3}
html[data-theme="light"] .mode-switch .active{background:#fff;color:#245b36;box-shadow:0 2px 5px #213b1510}
html[data-theme="light"] .icon-button{background:#edf1e9;color:#365b40;border-color:#2a49231a}
html[data-theme="light"] .profile{background:#dae7c8;color:#304e30}
html[data-theme="light"] :is(.rail,.bottom-nav){background:#f7faf4}
html[data-theme="light"] .nav-item{color:#657563}
html[data-theme="light"] .nav-item.active{background:#dfebd2;color:#285637}
html[data-theme="light"] .panels{background:#ebefe7}
html[data-theme="light"] .pane:not(.map-pane){background:#fff;border-color:#23432115;scrollbar-color:#bdcbbb transparent}
html[data-theme="light"] .panel-toolbar{background:#fcfdf9f5;border-bottom-color:#25421e12}
html[data-theme="light"] .panel-toolbar select{background:#eef3e9;color:#52684c;border-color:#29442120}
html[data-theme="light"] .workspace-presets button{color:#42603d}
html[data-theme="light"] .preset-tip{color:#6f8267}
html[data-theme="light"] .voice-button{background:#e5eedc;color:#2c633d;border-color:#54794635}
html[data-theme="light"] :is(.mission-card,.handoff-card){background:linear-gradient(125deg,#e6eedb,#f1f5e9);border-color:#b2c69b66;color:#254332}
html[data-theme="light"] .mission-card:after{color:#60804716}
html[data-theme="light"] :is(.mission-card,.handoff-card) :is(p,small,.eyebrow,.handoff-people){color:#526b48!important}
html[data-theme="light"] .mission-card .tag{background:#d2e4bd;color:#325e30}
html[data-theme="light"] .mission-meta{border-top-color:#284d211a}
html[data-theme="light"] :is(.pane:not(.map-pane),.modal) .tag{background:#e3eddb;color:#315b32}
html[data-theme="light"] :is(.pane:not(.map-pane),.modal) .tag.danger{color:#a3432d;background:#fae8df}
html[data-theme="light"] :is(.pane:not(.map-pane),.modal) .tag.amber{color:#865f20;background:#f6edda}
html[data-theme="light"] :is(.pane:not(.map-pane),.modal) .tag.subtle{color:#5a6e54;background:#edf2e8}
html[data-theme="light"] .alert-card{background:#fbf7ed;border-color:#dfc89666}
html[data-theme="light"] .alert-card p{color:#817355}
html[data-theme="light"] .alert-icon{color:#9a7737}
html[data-theme="light"] .check-box{border-color:#a1b595}
html[data-theme="light"] .check-item.done .check-box{background:#337c4b;border-color:#337c4b;color:#fff}
html[data-theme="light"] .assignment{color:#4c6645}
html[data-theme="light"] .mini-avatar{border-color:#fff;background:#99ae87;color:#244622}
html[data-theme="light"] .primary-button{background:#245e3d;color:#fff}
html[data-theme="light"] .primary-button:hover{background:#194e30}
html[data-theme="light"] .secondary-button{background:#f5f8f0;border-color:#bdcbb240;color:#375237}
html[data-theme="light"] .source-card{background:#f3f6ed;border-color:#24462112}
html[data-theme="light"] .source-card.active{background:#e1edd3;border-color:#9fbf88}
html[data-theme="light"] .capture-card{background:#f0f5e9}
html[data-theme="light"] .record-mark{background:#e1ecd5;color:#406734}
html[data-theme="light"] .record-time{color:#627c58}
html[data-theme="light"] :is(.summary-line,.field-label){color:#405d45}
html[data-theme="light"] .briefing-box{background:#edf3e4;border:1px solid #b2c59c33}
html[data-theme="light"] .briefing-box p{color:#506746}
html[data-theme="light"] :is(.text-input,textarea,select.form-select){background:#fafcf6;color:#294328;border-color:#b6c6a980}
html[data-theme="light"] :is(.text-input,textarea)::placeholder{color:#788873}
html[data-theme="light"] .message{background:#f0f4eb}
html[data-theme="light"] .message.mine{background:#e1edd6}
html[data-theme="light"] .message .row{color:#5b7251}
html[data-theme="light"] .composer button{background:#28613d;color:#fff}
html[data-theme="light"] .segment{background:#edf2e6}
html[data-theme="light"] .segment button.active{background:#fff;color:#316239;box-shadow:0 1px 5px #223d1610}
html[data-theme="light"] .queue{background:#fbf4df;border-color:#d8bb7855;color:#71571d}
html[data-theme="light"] .modal{background:#fff;color:#233a28;border-color:#ccdac0;box-shadow:0 30px 100px #17241440}
html[data-theme="light"] .modal p{color:#5c7252}
html[data-theme="light"] .waveform i{background:#488857}
html[data-theme="light"] .device-illustration{background:radial-gradient(ellipse at center,#a5bf7950,transparent 65%)}
html[data-theme="light"] .preview-foot,html[data-theme="light"] .preview-foot span:last-child{color:#617257}
html[data-theme="light"] .reset-demo{color:#47603d}
/* Imagery keeps its native exposure; overlay controls retain contrast in both themes. */
html[data-theme="light"] .map-pane{--text:#edf5f1;--muted:#b1c6c3;--green:#b8f479;--mint:#48d7a2;color:#edf5f1}
html[data-theme="light"] .map-tools .icon-button{color:#d6e6dd;background:#142d34de;border-color:#7aa3a831}
html[data-theme="light"] .map-pane button:hover{background:#ffffff12}
html[data-theme="light"] .map-pane .location-action:hover{background:#cef998}
html[data-theme="light"] .video-frame{color:#fff}
html[data-theme="light"] .video-frame .tag.subtle{background:#0b202aca;color:#eaf2ed}
html[data-theme="light"] .video-frame .icon-button{background:#12272bce;color:#fff;border-color:#ffffff30}
html[data-theme="light"] .video-progress span{background:#b8f479}
/* Daylight map: pale architectural model and frosted white controls. */
html[data-theme="light"] .map-pane{--text:#203c31;--muted:#61766a;--green:#2c7048;--mint:#28895a;color:#203c31;background:#e6ebe6!important}
html[data-theme="light"] .map-image{opacity:1}
html[data-theme="light"] .map-shade{background:linear-gradient(#f6f8f5b8,transparent 29%,transparent 60%,#e9efe7b5)}
html[data-theme="light"] .map-top .eyebrow{color:#587363}
html[data-theme="light"] .map-top select{background:#ffffffbf;color:#385442;border-color:#57776230;backdrop-filter:blur(15px)}
html[data-theme="light"] .glass-chip{background:#ffffffb8;border-color:#597b5b25;color:#3d5848}
html[data-theme="light"] .floor-controls{background:#f5f9f1db;border-color:#78957440;box-shadow:0 5px 20px #385a2110}
html[data-theme="light"] .floor-controls button{color:#52694a}
html[data-theme="light"] .floor-controls .active{background:#2d6944;color:#fff}
html[data-theme="light"] .map-pin .pin-symbol{background:#fffffff0;border-color:#8aa69577;color:#45634e;box-shadow:0 5px 15px #24402f1a}
html[data-theme="light"] .map-pin.selected .pin-symbol{background:#28694a;border-color:#327955;color:#fff}
html[data-theme="light"] .map-pin small{background:#ffffffe8;border-color:#5476592d;color:#3b5946;box-shadow:0 3px 10px #28442a12}
html[data-theme="light"] .map-pin.person .pin-symbol{background:#e6efd9;color:#3f6441}
html[data-theme="light"] .map-pin.urgent .pin-symbol{background:#fff4dd;color:#96743a;border-color:#c8a66377}
html[data-theme="light"] .map-target{border-color:#33815c88}
html[data-theme="light"] .map-scale{color:#567161;border-color:#59796177}
html[data-theme="light"] .map-tools .icon-button{background:#ffffffe0;border-color:#61806440;color:#44684d}
html[data-theme="light"] .location-card{background:#ffffffe3;border-color:#6c8b5d30;box-shadow:0 6px 25px #2c482117}
html[data-theme="light"] .location-card p{color:#5e7761}
html[data-theme="light"] .location-card .location-action{background:#326d43;color:#fff}
html[data-theme="light"] .map-legend{color:#526b51}
html[data-theme="light"] .legend-square.selected{background:#3b8259}
html[data-theme="light"] .map-pane button:hover{background:#dfeadbc9}
html[data-theme="light"] .map-pane .location-action:hover{background:#245534}
@media(max-width:1200px){.studio-meta{display:none}}
@media(max-width:700px){.studio-head{flex-wrap:wrap;gap:10px}.studio-controls{width:100%;justify-content:space-between;gap:6px}.theme-switch button{font-size:10px;padding:7px 10px;min-height:30px}.theme-switch{padding:3px}.compact .workspace{height:calc(100dvh - 395px)}}