/* Quant desk (K108), restyled for the bento redesign (worker B, 7 Oct). Tokens come from base.css; flat colours only. */
.dk .section-head{max-width:68ch}
.dk-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:0 0 var(--s4)}
.dk-big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 var(--s5);background:var(--hairline);border:1px solid var(--hairline);border-radius:calc(var(--radius,10px) * .6);overflow:hidden}
.dk-big > div{background:var(--surface-2);padding:var(--s3) var(--s4);min-width:0}
.dk-big dt{font:500 .6875rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:0 0 var(--s1)}
.dk-big dd{margin:0;font:500 1.375rem/1.2 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-strong);overflow-wrap:anywhere}
.dk-big dd.dk-sub{margin-top:var(--s1);font:400 var(--fs-xs)/1.4 var(--font-mono);color:var(--text-dim);min-height:1.4em}
.dk-big .is-pos{color:var(--green)} .dk-big .is-neg{color:var(--red)} .dk-big .is-amber{color:var(--amber)}
@media(max-width:760px){.dk-big{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dk-two{display:grid;gap:var(--s4);grid-template-columns:minmax(0,1fr);margin-top:var(--s4)}
@media(min-width:900px){.dk-two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dk-panel{margin:0;min-width:0}
.dk > .wrap > .dk-panel{margin-top:var(--s4)}
.dk-stage{position:relative;width:100%;height:300px;border:1px solid var(--hairline);border-radius:calc(var(--radius,10px) * .5);background:var(--plot,var(--bg));overflow:hidden}
.dk-stage:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.dk-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.dk-empty{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;padding:var(--s4);text-align:center;color:var(--text-dim);font:400 var(--fs-sm)/1.4 var(--font-mono);max-width:none}
.dk-empty[hidden]{display:none}
.dk-tip{position:absolute;z-index:2;pointer-events:none;min-width:150px;max-width:240px;padding:var(--s2) var(--s3);background:var(--plot,var(--surface-2));border:1px solid var(--hairline-strong);border-radius:var(--radius-ctl);font:400 var(--fs-xs)/1.4 var(--font-mono);color:var(--text)}
.dk-tip[hidden]{display:none}
.dk-tip b{display:block;color:var(--text-strong);font-weight:600}
.dk-sel{margin:var(--s2) 0 0;min-height:1.4em;font:400 var(--fs-xs)/1.4 var(--font-mono);color:var(--text-dim);max-width:none}
.dk-legend{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:var(--s3) 0 0;font:400 var(--fs-xs)/1.4 var(--font-mono);color:var(--text-dim);max-width:none}
.dk-legend i{display:inline-block;width:14px;height:10px;margin-right:6px;vertical-align:-1px;border-radius:2px}
.dk-legend .k-fill{background:var(--amber);opacity:.5}
.dk-legend .k-ghost{border:1.5px dashed var(--text-dim)}
.dk-legend .k-spot{height:2px;background:var(--text-strong);vertical-align:3px}
.dk-legend .k-amber{height:2px;background:var(--amber);vertical-align:3px}
.dk-legend .k-dot{width:8px;height:8px;border-radius:50%;background:var(--text-strong)}
.dk-notes{display:grid;gap:var(--s3);max-width:78ch}
.dk-notes p{margin:0;font-size:var(--fs-sm);color:var(--text-dim)}
@media(max-width:480px){.dk-stage{height:260px}.dk-big dd{font-size:1.125rem}}