/*  VOLURR — density mode  ·  density.css
    Adds an institutional "Pro / compact" data-density (Bloomberg-grade tightness) WITHOUT touching the
    default look: EVERY rule here is scoped under html[data-density="compact"]. With no attribute (the
    default = "comfortable"), nothing below matches → current rendering is byte-identical.
    Two mechanisms: (a) remap the --sp-* scale down so token-driven surfaces (cmdk, DS, future) shrink
    automatically; (b) targeted overrides for the legacy hardcoded chrome that doesn't yet use the scale. */

/* (a) compact remaps the spacing scale — anything consuming var(--sp-*) tightens for free */
html[data-density="compact"]{
  --sp-3:6px; --sp-4:8px; --sp-5:10px; --sp-6:11px; --sp-7:13px; --sp-8:14px; --sp-9:18px; --sp-10:24px;
}

/* (b) legacy chrome (hardcoded px in base.css/dashboard.css) — compact-only overrides */
html[data-density="compact"] .view{padding:var(--sp-7,13px)}
html[data-density="compact"] .topbar{height:54px;padding:0 var(--sp-8,16px)}
html[data-density="compact"] .topbar h1{font-size:16px}
html[data-density="compact"] .nav{padding:6px 8px}
html[data-density="compact"] .nav .it{padding:6px 11px;font-size:12.5px;margin-bottom:1px}
html[data-density="compact"] .sideuser{padding:7px 9px;margin:5px 8px 3px}
html[data-density="compact"] .brand{padding:12px 13px}
html[data-density="compact"] .card{padding:var(--sp-6,11px)}
html[data-density="compact"] .mkt{padding:5px 11px;font-size:11.5px}