/* Variant 2 «Робочий простір»: the site is a workbench window, dense, mono-led */
:root{--bg:var(--bone);--cut:var(--bone);--surface:var(--paper)}
[data-theme=dark]{--bg:#0A0D10;--cut:#0A0D10}
.bar{display:flex;align-items:center;gap:var(--s3);height:60px;border-bottom:2px solid var(--line);padding:0 var(--gut);background:var(--bg);position:sticky;top:0;z-index:20}
.crumbs{font:600 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px}.crumbs b{color:var(--text)}
.kbd{font:600 11px var(--f-mono);padding:6px 10px;border:2px solid var(--line);margin-left:auto;display:flex;gap:10px;align-items:center;min-width:220px;justify-content:space-between}
.kbd i{font-style:normal;background:var(--ink);color:var(--paper);padding:2px 6px}[data-theme=dark] .kbd i{background:var(--signal);color:#12151A}
.h2c{display:grid;grid-template-columns:5fr 7fr;gap:var(--s5);padding:var(--s6) 0 var(--s5);align-items:center}
.win{border:2px solid var(--line);background:var(--surface);box-shadow:12px 12px 0 var(--ink);position:relative}[data-theme=dark] .win{box-shadow:12px 12px 0 var(--signal)}
.wt{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--line);padding:0 14px;height:44px;font:600 12px var(--f-mono)}
.wt i{width:10px;height:10px;background:var(--line);display:inline-block;margin-right:4px}.wt i:first-child{background:var(--signal)}
.wtabs{display:flex;border-bottom:2px solid var(--line);overflow-x:auto}.wtabs button{flex:none;height:44px;padding:0 18px;border:0;border-right:2px solid var(--line);background:transparent;color:var(--text);font:600 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s}.wtabs button:hover{background:var(--surface-2)}.wtabs button[aria-selected=true]{background:var(--signal);color:#12151A}
.wbody{padding:var(--s3);display:grid;gap:var(--s3);min-height:420px;align-content:start}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--line)}.kpis div{padding:12px 14px;border-left:2px solid var(--line)}.kpis div:first-child{border:0}.kpis b{display:block;font:800 34px/1 var(--f-sans);font-stretch:75%}.kpis span{font:600 10px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;border-bottom:2px solid var(--line);color:var(--muted);cursor:default;white-space:nowrap}.tbl th[data-k]{cursor:pointer}.tbl th[data-k]:hover{color:var(--text)}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--hair);vertical-align:middle}.tbl tr:hover td{background:var(--surface-2)}.tbl .num{white-space:nowrap}
.dock{display:grid;grid-template-columns:repeat(6,1fr);border:2px solid var(--line);background:var(--surface)}.dock div{padding:20px;border-left:2px solid var(--line)}.dock div:first-child{border:0}.dock b{font:800 44px/1 var(--f-sans);font-stretch:75%;display:block}.dock span{font:600 11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sec2{padding:var(--s7) 0 0}.sec2 h2{margin:14px 0 var(--s4)}
.split{display:grid;grid-template-columns:5fr 7fr;gap:var(--s4);align-items:start}
.acc button{display:grid;grid-template-columns:40px 1fr auto;width:100%;text-align:left;gap:12px;padding:20px 0;border:0;border-top:2px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font:700 24px var(--f-sans);font-stretch:85%;align-items:center}.acc button span:first-child{font:600 12px var(--f-mono);color:var(--muted)}.acc button:last-of-type{border-bottom:2px solid var(--line)}
.acc button .t{transition:transform .3s var(--ease)}.acc button[aria-selected=true]{color:var(--signal-deep)}.acc button[aria-selected=true] .t{transform:translateX(8px)}.acc button:hover .t{transform:translateX(8px)}
.acc p{margin:-8px 0 20px 52px;color:var(--muted);max-width:30em}
.plan{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:2px solid var(--line);background:var(--surface)}.plan>div{padding:14px 18px;border-bottom:1px solid var(--hair);display:flex;align-items:center}.plan .hd{font:800 28px var(--f-sans);font-stretch:75%;text-transform:uppercase;border-bottom:2px solid var(--line);align-items:end;padding-top:24px}.plan .hd.ex{background:var(--ink);color:var(--paper)}[data-theme=dark] .plan .hd.ex{background:var(--signal);color:#12151A}.plan .y{font:700 18px var(--f-mono);color:var(--ok)}.plan .n{color:var(--muted)}
.cta2{margin-top:var(--s7);border-top:2px solid var(--line);padding:var(--s6) 0;display:grid;grid-template-columns:7fr 5fr;gap:var(--s4);align-items:center}
.msticky{display:none}
@media(max-width:900px){
 .h2c,.split,.cta2{grid-template-columns:1fr}.h2c{padding-top:var(--s4);gap:var(--s4)}.kbd,.crumbs span:nth-child(n+3){display:none}.kpis{grid-template-columns:repeat(2,1fr)}.kpis div:nth-child(3){border-left:0}.kpis div:nth-child(n+3){border-top:2px solid var(--line)}
 .dock{grid-template-columns:repeat(2,1fr)}.dock div:nth-child(odd){border-left:0}.dock div:nth-child(n+3){border-top:2px solid var(--line)}.win{box-shadow:6px 6px 0 var(--ink)}.sec2{padding-top:var(--s6)}
 .tbl .hm{display:none}.plan{grid-template-columns:1.1fr 1fr 1fr}.plan>div{padding:12px 10px;font-size:14px}.wbody{padding:16px;min-height:0}.acc button{font-size:20px}.acc p{margin-left:0}
 .msticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--ink);padding:10px var(--gut);gap:12px;align-items:center;justify-content:space-between;color:var(--paper);border-top:2px solid var(--line)}.msticky .q-btn{clip-path:none}
}