/* Drilling Tools / Graphite & Amber
   Shared presentation system. No formula, state, or simulation changes.
   Page-specific selectors preserve each application's working layout. */
@import url('fonts.css');
:root{
  --ink-0:#101416;--ink-1:#14191c;--ink-2:#1b2226;--ink-3:#242d31;
  --line:#303b40;--paper:#eeeee8;--muted:#9aa9af;--steel:#bcc6c8;
  --mud:#ebba77;--mud-d:#cda269;--water:#9fc6c6;--sand:#c7ad86;--shale:#6c818c;--lime:#d5d1c2;
  --kick:#ef806d;--ok:#91c6a3;--warn:#efc27c;--amber:#efc27c;
  --bg:var(--ink-0);--bg2:var(--ink-1);--bg3:var(--ink-2);--bg4:var(--ink-3);
  --surface:var(--ink-1);--surface2:var(--ink-2);--card:var(--ink-2);--panel:var(--ink-1);--panel2:var(--ink-2);--hdr:var(--ink-1);
  --border:var(--line);--brd:var(--line);--inp-border:var(--line);--inp-focus:var(--mud);--hair:#ffffff12;
  --text:var(--paper);--text1:var(--paper);--text2:var(--steel);--text3:var(--muted);--txt:var(--paper);--mut:var(--muted);
  --acc:var(--mud);--accent:var(--mud);--accent2:var(--ok);--gold:var(--mud);--blue:var(--water);--blue2:var(--mud);
  --cyan:var(--water);--met:var(--water);--teal:var(--water);--green:var(--ok);--green2:var(--ok);--grn:var(--ok);--red:var(--kick);--yel:var(--warn);--yellow:var(--warn);
  --input-bg:#101719;--inp:#101719;--res:#101719;--result:#101719;--surf:var(--ink-1);--tag:var(--ink-3);--hover:#222d32;--row-alt:#182125;
  --f-head:'Barlow Semi Condensed','Arial Narrow',system-ui,sans-serif;--f-body:'Barlow',system-ui,sans-serif;
  --f-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--ui:var(--f-body);--num:var(--f-head);
  --r-sm:5px;--r-md:7px;--well:linear-gradient(180deg,#0f1518,#141c20);
  --hi:inset 0 1px #ffffff04;--sh-card:0 5px 16px #00000014;
}
html{color-scheme:dark}body{background:var(--ink-0)!important;color:var(--paper);font-family:var(--f-body)!important;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
::selection{background:var(--mud);color:#101416}
:focus-visible{outline:2px solid var(--mud)!important;outline-offset:3px}
button,select,input{font-family:var(--f-body)!important}button,a,input,select,summary{touch-action:manipulation}button:disabled{cursor:not-allowed}
/* Flat, legible toolbars with one quiet amber index line. */
header:not(.top),#topbar,#hdr,#header{background:#14191c!important;border-bottom:1px solid #ffffff12!important;box-shadow:none!important}
header::after,#topbar::after,#hdr::after,#header::after{background:var(--mud)!important;height:1px!important;opacity:.45}
header h1,#topbar h1,#hdr h1,#header .logo{color:var(--paper)!important;font-weight:500!important;letter-spacing:-.5px!important}
header h1{font-size:26px!important}header p{font-size:11px!important;line-height:1.6;color:var(--muted)!important}
html[data-workspace='calculator'] header{padding:26px 32px;gap:25px}
html[data-workspace='calculator'] header h1::before{content:'DRILLING TOOLS / CALCULATIONS';display:block;font:8px var(--f-mono);letter-spacing:1.5px;color:var(--mud);margin-bottom:11px}
html[data-workspace='calculator'] header h1 .pi{font-size:20px;color:var(--mud);vertical-align:-.08em}
html[data-workspace='calculator'] header p{margin-top:7px;max-width:750px}
/* Segmented controls. Preserve on/active classes and disabled state. */
.unit-toggle,.utog,.mtog{background:#0e1416!important;border:1px solid var(--line)!important;border-radius:6px!important;padding:3px;gap:3px!important}
.unit-toggle button,.utog button,.mtog button,.toggle-btn{border-radius:4px!important;font-size:10px!important;letter-spacing:.2px!important;font-weight:500!important;box-shadow:none!important;padding:7px 12px;white-space:nowrap}
.unit-toggle button.active,.utog button.on,.mtog button.on,.toggle-btn.active{background:var(--mud)!important;color:#14191c!important;box-shadow:0 1px 3px #0002!important}
.unit-toggle button:not(.active),.utog button:not(.on),.mtog button:not(.on),.toggle-btn:not(.active){background:transparent!important;color:#acb9be!important}
.tabs,#tabs,#tabbar,.panel-tab-bar{background:#14191c!important;border-color:#ffffff12!important}
.tab,.tab-btn{font-family:var(--f-body)!important;font-size:11px!important;letter-spacing:.3px!important;font-weight:500!important;text-transform:none!important;border-bottom-width:2px!important;color:#9aa9af!important;white-space:nowrap}
.tab.active,.tab-btn.on{color:var(--mud)!important;background:#ebba7709!important;box-shadow:inset 0 -1px var(--mud)!important;border-bottom-color:var(--mud)!important}
.tab:hover,.tab-btn:hover{background:#ffffff04!important;color:var(--paper)!important}
/* Navigation echoes the hub's compact rail. */
nav,#sidebar{background:#14191c!important;border-right:1px solid #ffffff10!important}
nav::after{display:none!important}
nav .nav-section,nav .ns,.nav-label{font:8px var(--f-mono)!important;letter-spacing:1.3px!important;text-transform:uppercase!important;color:#8e9fa6!important;padding-top:12px}
nav .nav-section::before,nav .ns::before{display:none!important}
nav a{font-family:var(--f-body)!important;font-size:11px!important;line-height:1.6;font-weight:400!important;border-left-width:2px!important;padding-top:9px!important;padding-bottom:9px!important;transition:background .18s,color .18s!important}
nav a:hover{padding-left:20px!important;background:#ffffff04!important;color:var(--paper)!important}
nav a.active,nav a.on{background:#ebba770b!important;color:var(--mud)!important;border-left-color:var(--mud)!important}
html[data-workspace='calculator'] .layout>nav{width:220px;flex-shrink:0}
html[data-workspace='calculator'] main{min-width:0;padding:28px 30px}
.section-title,.sec-hd{font-size:27px!important;font-weight:500!important;letter-spacing:-.5px!important;padding-bottom:16px!important;margin-bottom:22px!important}
.sec-hd span{font-size:11px!important;letter-spacing:0!important}
/* Cards are work surfaces, with equations, inputs and answers clearly separated. */
.card,.info-card,.well-info-box,.calc-info-box,.status-box,.plan-section,.plan-output,#chartWrap,.proc-section,.sum-card,.cat-card{
  background:linear-gradient(125deg,#1d2529,#181f22)!important;border:1px solid #ffffff12!important;border-radius:7px!important;box-shadow:inset 0 1px #ffffff03,0 5px 16px #00000012!important;
}
.card:before{display:none!important}.card:hover,.cat-card:hover{transform:none!important;box-shadow:inset 0 1px #ffffff03,0 5px 16px #00000012!important;border-color:#576269!important}
html[data-workspace='calculator'] .card{padding:23px;overflow:visible}
html[data-workspace='calculator'] .cards,html[data-workspace='calculator'] .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.card h3,.info-card h3{font-family:var(--f-body)!important;font-size:15px!important;line-height:1.5;letter-spacing:-.1px!important;font-weight:500!important;color:var(--paper)!important;text-transform:none!important;margin-bottom:12px}
.card h3::before{display:none!important}.card .sub{font-size:11px!important;line-height:1.6;color:#a8b5bb!important}
.card .formula,.formula,.fml{font-family:'Cambria Math',Cambria,Georgia,serif!important;font-size:13px!important;line-height:1.7;background:#101719!important;border:1px solid #ffffff08!important;border-left:2px solid #ebba7766!important;border-radius:0 4px 4px 0!important;color:#dbccb5!important;padding:10px 12px!important}
.field label,.fl label{font-size:11px!important;color:#a9b6bd!important;line-height:1.5;margin-bottom:5px}
.field input,.field select,.fl input,.fl select,.row input,.row select,input[type=number],input[type=text],input[type=search],select{
  background:#101719!important;border:1px solid #354248!important;border-radius:4px!important;color:var(--paper)!important;box-shadow:inset 0 1px 3px #0002!important;transition:border-color .18s,box-shadow .18s!important;
}
.field input,.field select,.fl input,.fl select,.row input,.row select{padding:10px 11px!important;font-size:13px!important}
input::placeholder{color:#899ba3!important;opacity:1}
input:hover,select:hover{border-color:#75858c!important}
input:focus,select:focus{outline:none!important;border-color:var(--mud)!important;box-shadow:0 0 0 2px #ebba7720!important}
.unit-label,.fu,.ci-unit{color:#b9ab91!important;font-size:10px}
.btn,.print-btn,.preset-btn,.sec-add-btn{font-family:var(--f-body)!important;font-weight:500!important;font-size:11px!important;border-radius:4px!important;letter-spacing:.15px!important;box-shadow:none!important;text-shadow:none!important;transition:background .2s,border .2s,transform .15s!important}
html[data-workspace='calculator'] .btn{background:var(--mud)!important;color:#14191c!important;padding:11px 16px!important;margin-top:10px}
.btn.grn,#calc-btn{background:var(--mud)!important;color:#14191c!important;box-shadow:none!important}
.btn:hover,.print-btn:hover{filter:brightness(1.08)!important;box-shadow:none!important}.btn:active{transform:translateY(1px)!important}
.result-box,.result,.rb{background:#101719!important;border:1px solid #36433c!important;border-left:2px solid var(--ok)!important;border-radius:4px!important;box-shadow:none!important;font:500 20px/1.45 var(--f-head)!important;letter-spacing:.1px;color:var(--ok)!important;padding:12px!important}
.result-box.warn,.result.warn,.rb.w{color:var(--warn)!important;border-left-color:var(--warn)!important}.result-box.error,.result.err,.rb.e{color:var(--kick)!important;border-left-color:var(--kick)!important}.rb.i{color:var(--water)!important;border-left-color:var(--water)!important}
.note,.res-note{color:#96a7ae!important;font-size:10px!important;line-height:1.7!important}
.dv{background:linear-gradient(135deg,#1a252a,#11191c)!important;border-radius:5px!important;border-color:#34444b!important;padding:14px 12px 10px!important}.dv-hero b{font-weight:500;font-size:30px}.dv-hero span{font-size:11px}.dv svg text{fill:#a9b8be!important}
/* Dense app layouts: modest spacing, readable labels, and understated readouts. */
#hdr,#topbar{padding:13px 18px;gap:12px}
#hdr h1,#topbar h1{font-size:20px!important;letter-spacing:-.3px!important}
#hdr h1 span{font-size:14px}.hdr-lbl{font:8px var(--f-mono)!important;letter-spacing:.8px;color:#a3b1b7!important}
#statusbar,#bottom-strip{background:#14191c!important;color:#9aa9af!important;border-top:1px solid #ffffff10!important;box-shadow:none!important}
.well-info-box h3,.calc-info-box h3,.status-box h3,.plan-section h3,.plan-output h3,#chartWrap h3,.proc-section h3,.sum-card h3,.gfx-hdr h3{font:9px/1.5 var(--f-mono)!important;font-weight:400!important;letter-spacing:1px!important;color:#b2c0c5!important;margin-bottom:12px}
.well-info-box h3:before,.calc-info-box h3:before,.status-box h3:before,.plan-section h3:before,.plan-output h3:before,#chartWrap h3:before,.proc-section h3:before,.sum-card h3:before{width:3px!important;height:9px!important;border-radius:0!important;background:#ebba77!important}
.res-box{background:#11191c!important;border-radius:5px!important;box-shadow:none!important;padding:12px!important}.res-box .rl{font:9px/1.5 var(--f-body)!important;letter-spacing:.3px!important;color:#aab9bf!important}.res-box .rv{font-size:25px;font-weight:500!important;letter-spacing:-.3px}.res-box .ru{color:#a4b5bc;font-size:9px}
.res-box.green{border-color:#91c6a350!important}.res-box.yellow{border-color:#efc27c50!important}.res-box.red{border-color:#ef806d70!important}.res-box.blue{border-color:#9fc6c650!important}
.res-box.green .rv{color:var(--ok)}.res-box.yellow .rv{color:var(--warn)}.res-box.red .rv{color:var(--kick)}.res-box.blue .rv{color:var(--water)}
.res-box.big .rv{font-size:30px}.civ{background:#11191c;border-radius:3px;padding:3px 7px;color:#c0cfcb;box-shadow:none!important}
.sched-table th,table.sv th,.sec-tbl th,table.plan-tbl th,thead th{background:#192328!important;color:#b6c4ca!important;font:9px/1.5 var(--f-mono)!important;font-weight:400!important;letter-spacing:.4px!important;border-color:#35434a!important}
.sched-table td,table.sv td,.sec-tbl td,table.plan-tbl td{border-color:#2b383e!important}
.sched-table tr:nth-child(even) td,table.sv tr:nth-child(even) td{background:#ffffff02!important}
.sched-table tr.hl td{background:#ebba7710!important}.sum-val{font-weight:500!important}.sb-dot{box-shadow:none!important}
html[data-workspace='kill-sheet'] #main{padding:18px;gap:18px;grid-template-columns:350px minmax(0,1fr)}
html[data-workspace='kill-sheet'] #main.full{grid-template-columns:minmax(0,1fr)}
html[data-workspace='kill-sheet'] .card{padding:17px}
html[data-workspace='kill-sheet'] .card h3{font-size:14px!important}
html[data-workspace='kill-sheet'] .row2,html[data-workspace='kill-sheet'] .row3{gap:10px;margin-bottom:12px}
html[data-workspace='kill-sheet'] label{font-size:10px;color:#a8b8bf;line-height:1.5}
html[data-workspace='kill-sheet'] input,html[data-workspace='kill-sheet'] select{padding:8px 9px;font-size:12px}
html[data-workspace='kill-sheet'] .mtog button{padding:7px 9px;font-size:9px!important}
html[data-workspace='kill-sheet'] #tabbar{overflow:auto;flex-shrink:0}
html[data-workspace='kill-sheet'] .proc-val{color:var(--mud)!important}
html[data-workspace='planner'] #survey-top{padding:14px;gap:12px;background:#101416}
html[data-workspace='planner'] .well-info-box,html[data-workspace='planner'] .calc-info-box,html[data-workspace='planner'] .status-box{padding:14px;flex:1}
html[data-workspace='planner'] .fi{margin-bottom:7px}
html[data-workspace='planner'] #survey-table-wrap{padding:0 14px 14px}
html[data-workspace='planner'] .fi input,html[data-workspace='planner'] .fi select{padding:6px 8px}
html[data-workspace='planner'] .btn{padding:7px 11px}
html[data-workspace='planner'] #tabs{overflow:auto;flex-shrink:0}
html[data-workspace='planner'] .tab-btn{padding:12px 18px}
/* Specifications: an editorial index and a calm data grid. */
html[data-workspace='specs'] #sidebar{width:220px;min-width:220px;padding:12px 8px}
html[data-workspace='specs'] .logo{padding:18px 13px 22px;border-bottom-color:#ffffff10}
html[data-workspace='specs'] .logo h1{font-size:26px;font-weight:500;letter-spacing:-.7px;color:var(--paper)}
html[data-workspace='specs'] .logo h1::before{content:'DRILLING TOOLS / REFERENCE';display:block;font:7px var(--f-mono);letter-spacing:1px;color:var(--mud);margin-bottom:12px}
html[data-workspace='specs'] .logo p{font-size:10px;line-height:1.6;margin-top:8px}
html[data-workspace='specs'] .nav-btn{font-size:11px;padding:10px 13px;border-left-width:2px;margin:2px 0}
html[data-workspace='specs'] .nav-btn.active{background:#ebba770c!important;color:var(--mud);box-shadow:none;border-color:var(--mud)}
html[data-workspace='specs'] .nav-btn .icon{color:#a3b6be;font-size:13px}
html[data-workspace='specs'] #topbar{min-height:74px;padding:18px 25px}
html[data-workspace='specs'] #topbar h2{font-size:24px;font-weight:500;color:var(--paper)}
html[data-workspace='specs'] #controls{background:#182024;padding:15px 25px;border-bottom-color:#ffffff10}
html[data-workspace='specs'] #controls select{padding:8px 10px;font-size:11px}
html[data-workspace='specs'] #table-wrap{padding:20px 25px}
html[data-workspace='specs'] thead th{padding:12px 13px}
html[data-workspace='specs'] tbody td{padding:10px 13px;font-size:12px}
html[data-workspace='specs'] tbody tr{border-bottom-color:#ffffff09}
html[data-workspace='specs'] tbody tr:hover{background:#ebba7708}
html[data-workspace='specs'] #welcome h2{font-size:40px;font-weight:500;letter-spacing:-.7px}
html[data-workspace='specs'] .cat-cards{max-width:700px;gap:14px}
html[data-workspace='specs'] .cat-card{padding:24px;min-width:160px}
html[data-workspace='specs'] .cat-card .icon{color:var(--mud);font-size:26px;margin-bottom:17px}
html[data-workspace='specs'] .cat-card .name{font-size:14px}.sidebar-footer{border-color:#ffffff10;color:#94a6af!important}
/* Simulator: match the workspace, keep the established control color meanings. */
html[data-workspace='simulator']{--surface:linear-gradient(125deg,#1c2428,#171e21)}
html[data-workspace='simulator'] #header{height:auto;min-height:62px;flex-wrap:wrap;padding:12px 16px;gap:10px}
html[data-workspace='simulator'] #header .logo{font-size:21px;margin-right:5px}
html[data-workspace='simulator'] .logo-mark{background:var(--mud);border-radius:3px;width:17px;height:21px;clip-path:polygon(0 0,100% 0,60% 65%,60% 80%,50% 100%,40% 80%,40% 65%)}
html[data-workspace='simulator'] #well-tag{background:#101719;color:#aabcc1;border-color:#354147;border-radius:4px;font-size:10px;box-shadow:none}
html[data-workspace='simulator'] #well-tag:before{box-shadow:none;width:4px;height:4px}
html[data-workspace='simulator'] #sim-time{font:11px var(--f-mono);border-radius:4px;background:#101719;border-color:#354147;color:#b6c5cb;padding:7px 10px;box-shadow:none}
html[data-workspace='simulator'] .hdr-sel{padding:7px 8px;font-size:10px}
html[data-workspace='simulator'] #left-panel,html[data-workspace='simulator'] #right-panel{background:#14191c!important;border-color:#ffffff10!important}
html[data-workspace='simulator'] .panel-tab{font:9px var(--f-body);letter-spacing:.2px;padding-top:12px;padding-bottom:12px}
html[data-workspace='simulator'] .panel-tab.on{background:#ebba770a;color:var(--mud)}
html[data-workspace='simulator'] .ctrl-group,html[data-workspace='simulator'] .gauge-card,html[data-workspace='simulator'] .alarm-card,html[data-workspace='simulator'] .evt-log{border-radius:6px!important;box-shadow:inset 0 1px #ffffff03!important;border-color:#ffffff10!important}
html[data-workspace='simulator'] .ctrl-group-title,html[data-workspace='simulator'] .gauge-title{font:8px var(--f-mono)!important;letter-spacing:.8px!important;color:#a6b7bf!important;font-weight:400!important}
html[data-workspace='simulator'] .gauge-num{font-weight:500;font-size:27px}
html[data-workspace='simulator'] .fader{border-radius:5px;background:#10171a!important;box-shadow:inset 0 1px 5px #0003}
html[data-workspace='simulator'] .fader .ctrl-val{font-weight:500;text-shadow:none;font-size:22px}
html[data-workspace='simulator'] .fader .ctrl-lbl{font:9px var(--f-mono);letter-spacing:1px}
html[data-workspace='simulator'] .fader .ctrl-slider::-webkit-slider-thumb{background:linear-gradient(#dee5e6,#b7c2c7 42%,#ebba77 43% 57%,#9eacb4 58%,#d1dadd);box-shadow:0 3px 8px #0005;border-radius:4px}
html[data-workspace='simulator'] #mb-drill{--c1:#edc181;--c2:#bd955e}
html[data-workspace='simulator'] #mb-trip{--c1:#bdb0dc;--c2:#9384b6}
html[data-workspace='simulator'] #flow-check-btn{--c1:#e5a08b;--c2:#b77d6c}
html[data-workspace='simulator'] #test-btn{--c1:#d6a4c1;--c2:#ac819a}
html[data-workspace='simulator'] #new-well-btn{--c1:#a4c8c9;--c2:#7c9fa7}
html[data-workspace='simulator'] #manual-btn{--c1:#bbc6cb;--c2:#909fa6}
html[data-workspace='simulator'] :is(#mb-drill,#mb-trip,#flow-check-btn,#test-btn,#manual-btn,#new-well-btn){background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 1px #ffffff35,0 2px 3px #0002;text-shadow:none;border-radius:4px;font:500 10px var(--f-body);letter-spacing:.3px;padding:7px 10px}
html[data-workspace='simulator'] :is(#mb-drill.active,#mb-trip.active,#flow-check-btn.on,#test-btn.on){box-shadow:inset 0 1px #ffffff35,0 0 0 2px #14191c,0 0 0 3px var(--c1)}
html[data-workspace='simulator'] #run-btn{background:#91c6a3;color:#10221a;box-shadow:inset 0 1px #ffffff35,0 2px 3px #0002;border:1px solid #a8d1b7;border-radius:4px;font-size:11px;padding:8px 14px;text-shadow:none}
html[data-workspace='simulator'] #run-btn.running{background:#d98373;color:#180e0b;border-color:#efaa9a}
html[data-workspace='simulator'] .man-bar{background:#182024;border-color:var(--line)}
html[data-workspace='simulator'] #well-dlg,html[data-workspace='simulator'] #nw-warn,html[data-workspace='simulator'] #man-dlg{background:#171e21;border-radius:8px;box-shadow:0 20px 80px #0008}
/* Narrow screens keep wide engineering tables scrollable within their panels. */
@media(max-width:1000px){
 html[data-workspace='calculator'] .layout>nav{width:190px}
 html[data-workspace='calculator'] main{padding:22px}
 html[data-workspace='simulator'] #header{gap:8px}
 html[data-workspace='specs'] #sidebar{width:185px;min-width:185px}
 html[data-workspace='kill-sheet'] #main{grid-template-columns:310px minmax(0,1fr);gap:12px;padding:12px}
}
@media(max-width:700px){
 html[data-workspace='calculator'] header{padding:22px 18px;flex-wrap:wrap;gap:18px}
 html[data-workspace='calculator'] header h1{font-size:24px!important}
 html[data-workspace='calculator'] header p{font-size:10px!important}
 html[data-workspace='calculator'] .layout{flex-direction:column}
 html[data-workspace='calculator'] .layout>nav{width:100%;height:auto;position:relative;padding:10px;display:flex;flex-wrap:wrap;gap:3px}
 html[data-workspace='calculator'] nav .ns,html[data-workspace='calculator'] nav .nav-section{flex-basis:100%;margin-top:6px!important;padding:6px 10px}
 html[data-workspace='calculator'] nav a{padding:7px 10px!important;font-size:10px!important}
 html[data-workspace='calculator'] main{padding:22px 16px}
 html[data-workspace='calculator'] .card{padding:19px}
 html[data-workspace='calculator'] .sec-hd,html[data-workspace='calculator'] .section-title{font-size:24px!important;flex-wrap:wrap}
 html[data-workspace='calculator'] .tabs{padding:8px 16px 0}
 html[data-workspace='calculator'] .tab{padding:10px 14px}
 html[data-workspace='kill-sheet'] #main{grid-template-columns:minmax(0,1fr)!important;padding:12px;gap:12px}
 html[data-workspace='kill-sheet'] #topbar{padding:14px;gap:10px}
 html[data-workspace='kill-sheet'] #topbar h1{width:100%;font-size:23px!important}
 html[data-workspace='kill-sheet'] .mtog{flex-wrap:wrap}
 html[data-workspace='kill-sheet'] #tabbar{min-height:43px}
 html[data-workspace='kill-sheet'] .tab-btn{padding:10px 12px;font-size:10px!important;flex:none}
 html[data-workspace='kill-sheet'] #statusbar{gap:8px;flex-wrap:wrap;font-size:9px;padding:7px 12px}
 html[data-workspace='planner'] #hdr{padding:12px;gap:10px;flex-wrap:wrap}
 html[data-workspace='planner'] #hdr h1{width:100%;font-size:23px!important}
 html[data-workspace='planner'] #hdr .hdr-grp{flex-wrap:wrap}
 html[data-workspace='planner'] #survey-top{padding:10px;gap:10px;max-height:48vh;overflow:auto;flex-shrink:1;min-height:180px}
 html[data-workspace='planner'] #survey-table-wrap{min-height:180px}
 html[data-workspace='planner'] #statusbar{flex-wrap:wrap}
 html[data-workspace='specs'] body{flex-direction:column}
 html[data-workspace='specs'] #sidebar{width:100%;min-width:0;max-height:190px;flex:none;display:block;overflow:auto;padding:10px 12px}
 html[data-workspace='specs'] .logo{padding:7px 5px 15px}
 html[data-workspace='specs'] .logo h1{font-size:22px}
 html[data-workspace='specs'] .logo p{display:none}
 html[data-workspace='specs'] .nav-group{display:flex;flex-wrap:wrap;gap:3px;padding:4px 0}
 html[data-workspace='specs'] .nav-label{width:100%;padding:5px;font-size:7px!important}
 html[data-workspace='specs'] .nav-btn{width:auto;font-size:10px;padding:7px 9px;flex:none}
 html[data-workspace='specs'] .sidebar-footer{display:none}
 html[data-workspace='specs'] #main{min-height:0;min-width:0}
 html[data-workspace='specs'] #topbar{padding:14px 16px;min-height:60px}
 html[data-workspace='specs'] #topbar h2{font-size:23px}
 html[data-workspace='specs'] #controls{padding:10px 16px;gap:8px}
 html[data-workspace='specs'] .ctrl-group{flex-wrap:wrap;max-width:100%}
 html[data-workspace='specs'] #table-wrap{padding:10px}
 html[data-workspace='specs'] #welcome{overflow:auto;justify-content:flex-start}
 html[data-workspace='specs'] #welcome h2{font-size:30px}
 html[data-workspace='specs'] .cat-cards{gap:10px}
 html[data-workspace='specs'] .cat-card{min-width:130px;padding:17px}
 html[data-workspace='simulator'] #header .logo{width:100%;font-size:24px}
 html[data-workspace='simulator'] #sim-time{font-size:9px;max-width:100%;white-space:normal}
 html[data-workspace='simulator'] #header{padding:14px;gap:9px}
 html[data-workspace='simulator'] #run-btn{margin-left:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* QA refinements: compact secondary controls and bounded planner work areas. */
html[data-workspace='calculator'] .layout>nav{position:sticky;top:0;height:100vh;align-self:flex-start}
html[data-workspace='planner'] .btn:not(.grn):not(.gold):not(.red){background:#202b30!important;color:#c2ced3!important;border:1px solid #46565e!important}
html[data-workspace='planner'] .btn.gold{background:#ebba7710!important;color:#ebba77!important;border-color:#ebba7760!important}
html[data-workspace='planner'] #hdr{height:auto;min-height:58px;flex-wrap:wrap}
html[data-workspace='planner'] #main,html[data-workspace='planner'] .tab-panel{min-width:0}
html[data-workspace='planner'] #tbl-ctrl{flex-wrap:wrap;padding:10px;gap:8px;max-height:140px;overflow:auto}
html[data-workspace='planner'] #tbl-ctrl>span{white-space:normal;max-width:100%;line-height:1.5}
html[data-workspace='planner'] .fi{margin-bottom:4px}
html[data-workspace='planner'] .fi input,html[data-workspace='planner'] .fi select{padding:4px 8px}
html[data-workspace='kill-sheet'] #topbar>div[style*='color']{color:#9aa9af!important}
@media(max-width:1000px){
 html[data-workspace='planner'] #survey-top{max-height:46vh;overflow:auto;flex-shrink:1;min-height:180px}
 html[data-workspace='planner'] #survey-table-wrap{min-height:160px}
}
@media(max-width:700px){
 html[data-workspace='calculator'] .layout>nav{position:relative;top:0;height:auto}
 html[data-workspace='planner'] #plan-layout{flex-direction:column;overflow:auto}
 html[data-workspace='planner'] #plan-left{width:100%;overflow:visible}
 html[data-workspace='planner'] #plan-right{flex:none;min-height:350px;overflow:auto}
 html[data-workspace='planner'] #gfx-panel{flex-direction:column;overflow:auto}
 html[data-workspace='planner'] .gfx-view{min-height:360px;flex:none}
 html[data-workspace='planner'] .gfx-wrap{min-height:290px}
 html[data-workspace='planner'] .gfx-hdr{flex-wrap:wrap;gap:6px}
 html[data-workspace='planner'] #tbl-ctrl .info{margin-left:0}
 html[data-workspace='planner'] #tbl-ctrl>span[style]{margin-left:0!important}
}