/* L79/L83 — section headers stay slim; key numbers live inside the header; detail strip opens under an open section. Tokens only. */
html body .list .lg-no{display:none}
html body .list .lg-info{display:grid;gap:var(--sp-3);margin-top:-1px;padding:var(--sp-3) var(--sp-4) var(--sp-4);border:1px solid rgba(var(--g-rgb),.22);border-top:0;border-inline-start:6px solid var(--g);border-radius:0 0 var(--rd-md) var(--rd-md);background:var(--bg-surface);box-shadow:var(--sh-1)}
html body .list .lg:has(.lg-info)>.lg-h{border-bottom-left-radius:0;border-bottom-right-radius:0}
.lg-mix{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}
.lg-bar{flex:1 1 240px;display:flex;gap:3px;height:9px;min-width:160px}
.lg-seg{height:100%;border-radius:var(--rd-pill);transform-origin:left center}
[dir=rtl] .lg-seg{transform-origin:right center}
.lg-m-new{background:var(--c-starlight)}.lg-m-work{background:var(--c-sand)}.lg-m-view{background:var(--c-blue)}.lg-m-close{background:var(--c-success)}.lg-m-end{background:var(--c-n300)}
.lg-leg{display:flex;gap:var(--sp-3);flex-wrap:wrap;font:var(--fs-sm) var(--font-body);color:var(--tx-muted)}
.lg-lg{display:inline-flex;align-items:center;gap:5px}.lg-lg i{width:9px;height:9px;border-radius:50%}.lg-lg b{color:var(--tx-strong);font-variant-numeric:tabular-nums}
.lg-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.lg-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:var(--rd-pill);background:var(--bg-sunken,#f4f1ea);border:1px solid var(--ln);font:700 var(--fs-xs) var(--font-body);color:var(--tx-strong)}
.lg-chip svg{width:13px;height:13px}
.lg-chip.bad{background:var(--c-danger-soft);color:var(--c-danger);border-color:rgba(var(--c-danger-rgb),.3)}
.lg-chip.sand{background:rgba(var(--c-sand-rgb),.2);border-color:rgba(var(--c-sand-rgb),.6)}
.lg-chip.blue{background:var(--c-blue-soft);color:var(--c-blue)}
.lg-tops{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:var(--sp-2);align-items:stretch}
.lg-tops em{align-self:center;font:700 var(--fs-xs) var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--tx-muted);padding-inline-end:var(--sp-2)}
.lg-pick{display:grid;gap:2px;padding:9px 14px;border:1px solid var(--ln);border-radius:var(--rd-md);background:var(--bg-sunken,#f4f1ea);cursor:pointer;min-width:0;transition:transform var(--dur-md) var(--ease),border-color var(--dur-md),box-shadow var(--dur-md)}
.lg-pick:hover,.lg-pick:focus-visible{transform:translateY(-2px);border-color:var(--c-sand);box-shadow:var(--sh-2);outline:0}
.lg-pick b{font:700 var(--fs-sm) var(--font-body);color:var(--tx-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-pick small{font:var(--fs-xs) var(--font-body);color:var(--tx-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:900px){
  html body .list .lg-no{display:block;flex:none;min-width:48px;font:italic 700 34px/1 var(--font-head,inherit);color:rgba(var(--c-sand-dark-rgb),.75)}
}
@media(max-width:899px){.lg-chips,.lg-tops{display:none}}
@keyframes lgRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lgGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.list.lf-enter .lg-chip,.list.lf-enter .lg-pick,.list.lf-enter .lg-lg{animation:lgRise .45s var(--ease) both}
.list.lf-enter .lg-seg{animation:lgGrow .7s var(--ease) var(--d,0ms) both}
.list.lf-enter .lg-pick{animation-delay:calc(.3s + var(--d,0ms))}
/* L83 — section header stays slim (64px); the key numbers sit INSIDE it. The detail strip only opens under an open section. */
html body .list .lg-info{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}
.lg-row1{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}
.lg-sum{flex:none;display:flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto;min-width:0}
.lg-sc{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--rd-pill);background:var(--bg-sunken,#f4f1ea);border:1px solid var(--ln);font:600 var(--fs-xs) var(--font-body);color:var(--tx-muted);white-space:nowrap}
.lg-sc b{color:var(--tx-strong);font-variant-numeric:tabular-nums}
.lg-sc svg{width:12px;height:12px}
.lg-sc.bad{background:var(--c-danger-soft);color:var(--c-danger);border-color:rgba(var(--c-danger-rgb),.35)}.lg-sc.bad b{color:var(--c-danger)}
.lg-sc.sand{background:rgba(var(--c-sand-rgb),.2);border-color:rgba(var(--c-sand-rgb),.6)}
.lg-sc.warn{background:var(--c-warning-soft);border-color:rgba(var(--c-sand-dark-rgb),.4)}
.lg-sc.ok{background:var(--c-success-soft);color:var(--c-success);border-color:rgba(var(--c-success-rgb),.3)}
.lg-ok-dot{width:7px;height:7px;border-radius:50%;background:var(--c-success)}
.lg-mini{display:flex;gap:2px;width:clamp(70px,9vw,140px);height:7px;flex:none}
.lg-mini .lg-seg{min-width:4px}
html body .list .lg-h:hover .lg-mini{height:9px}
.lg-mini{transition:height var(--dur-fast,.15s)}
@media(max-width:1199px){.lg-sc.lg-opt{display:none}}
@media(max-width:899px){.lg-mini{display:none}.lg-sc{height:22px;padding:0 8px}.lg-sub,.lg-t small{display:none}}
@media(max-width:599px){.lg-sum{display:none}}
/* guiding motion (runs once per screen open / per section open; never loops except the single urgent cue) */
@keyframes lgChipIn{from{opacity:0;transform:translateX(10px) scale(.92)}to{opacity:1;transform:none}}
@keyframes lgDrop{from{opacity:0;transform:translateY(-10px) scaleY(.96)}to{opacity:1;transform:none}}
@keyframes lgSweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@keyframes lgDot{0%,100%{box-shadow:0 0 0 0 rgba(var(--c-danger-rgb),.45)}60%{box-shadow:0 0 0 6px rgba(var(--c-danger-rgb),0)}}
.list.lf-enter .lg-sc{animation:lgChipIn .5s var(--ease) both;animation-delay:calc(.25s + var(--i,0s))}
.list.lf-enter .lg-sc:nth-child(2){--i:.07s}.list.lf-enter .lg-sc:nth-child(3){--i:.14s}.list.lf-enter .lg-sc:nth-child(4){--i:.21s}
.list.lf-enter .lg-mini .lg-seg{animation:lgGrow .7s var(--ease) calc(.4s + var(--d,0ms)) both}
.lg-sc.lg-attn svg{animation:lgDot 2.4s ease-out infinite;border-radius:50%}
html body .list .lg-hot>.lg-h::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(var(--g-rgb),.16) 50%,transparent 65%);transform:translateX(-120%);animation:lgSweep 1.1s var(--ease) .5s 1 both}
.lg.lg-just .lg-info{animation:lgDrop .38s var(--ease) both;transform-origin:top}
.lg.lg-just .lg-pick,.lg.lg-just .lg-chip,.lg.lg-just .lg-lg{animation:lgRise .4s var(--ease) both;animation-delay:calc(.12s + var(--d,0ms))}
.lg.lg-just .lg-seg{animation:lgGrow .6s var(--ease) var(--d,0ms) both}
.lg-chev{transition:transform var(--dur-md,.25s) var(--ease)}
@media(prefers-reduced-motion:reduce){.list.lf-enter .lg-sc,.list.lf-enter .lg-mini .lg-seg,.lg-sc.lg-attn svg,.lg.lg-just .lg-info,.lg.lg-just .lg-pick,.lg.lg-just .lg-chip,.lg.lg-just .lg-lg,.lg.lg-just .lg-seg{animation:none!important}html body .list .lg-hot>.lg-h::after{display:none}}
body.motion-reduced .list.lf-enter .lg-sc,body.motion-reduced .lg-sc.lg-attn svg,body.motion-reduced .lg.lg-just .lg-info,body.motion-reduced .lg.lg-just .lg-pick,body.motion-reduced .lg.lg-just .lg-chip,body.motion-reduced .lg.lg-just .lg-seg{animation:none!important}body.motion-reduced html body .list .lg-hot>.lg-h::after{display:none}