/* ============================================================
   Component Library
   :root tokens. Theme-ready.
   ============================================================ */
   
/* --- C19: CHARTS (DONUT + BAR) --- */
.donut{position:relative;width:200px;height:200px;margin:0 auto 1rem;border-radius:50%}.donut__slice{position:absolute;width:100%;height:100%;border-radius:50%;clip:rect(0px,200px,200px,100px)}.donut__slice .fill{position:absolute;width:100%;height:100%;border-radius:50%;clip:rect(0px,100px,200px,0px)}.donut__slice--1{transform:rotate(0deg)}.donut__slice--1 .fill{background:var(--color-link);transform:rotate(var(--s1,76deg))}.donut__slice--2{transform:rotate(var(--s1,76deg))}.donut__slice--2 .fill{background:var(--color-secondary);transform:rotate(var(--s2,96deg))}.donut__slice--3{transform:rotate(calc(var(--s1,76deg) + var(--s2,96deg)))}.donut__slice--3 .fill{background:var(--color-bg-secondary);transform:rotate(var(--s3,120deg))}.donut__slice--4{transform:rotate(calc(var(--s1,76deg) + var(--s2,96deg) + var(--s3,120deg)))}.donut__slice--4 .fill{background:var(--color-text-secondary);transform:rotate(var(--s4,68deg))}.donut__center{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:128px;height:128px;border-radius:50%;background:var(--dash-card-bg,var(--color-bg));display:flex;flex-direction:column;align-items:center;justify-content:center}.donut__center-val{font-size:26px;font-weight:700;color:var(--color-text);font-family:'Consolas',monospace;line-height:1}.donut__center-label{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.donut-legend{display:flex}.donut-legend__item{flex:1;text-align:center;padding:10px 0 12px;border-left:1px solid rgba(0,0,0,.07)}.donut-legend__item:first-child{border-left:none}.donut-legend__item p{margin:0;width:auto}.donut-legend__label{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;padding-top:8px;border-top:4px solid var(--lbl-clr,var(--color-link))}.donut-legend__pct{font-size:17px;font-weight:700;color:var(--color-text);font-family:'Consolas',monospace;margin:0}.donut-legend__pct sup{font-size:inherit;vertical-align:baseline;top:auto}
.bar-row{display:flex;align-items:center;margin-bottom:12px;gap:10px}.bar-row:last-child{margin-bottom:0}.bar-row__label{width:38px;font-size:.72rem;color:var(--color-text);font-weight:500;flex-shrink:0}.bar-row__track{flex:1;height:19px;background:var(--dash-bar-track,color-mix(in srgb,var(--color-bg-secondary)60%,transparent));border-radius:var(--border-radius);overflow:hidden}.bar-row__fill{height:100%;border-radius:var(--border-radius);width:var(--bar-w,50%);transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-row__val{width:34px;font-size:.72rem;font-weight:600;color:var(--color-text-secondary);font-family:'Consolas',monospace;text-align:right;flex-shrink:0}