.head{padding-block:var(--space-8) var(--space-6)}.head__title{font-size:var(--text-2xl);margin-block:var(--space-3) var(--space-4)}.meta{gap:var(--space-2) var(--space-5);color:var(--color-fg-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.chip{font-size:var(--text-xs);border-radius:var(--radius-pill);align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.chip--warn{background:var(--color-accent-soft);color:var(--color-accent-text)}.body{background:var(--color-bg-alt);padding-block:var(--space-7) var(--space-8)}.body__stack{gap:var(--space-5);flex-direction:column;display:flex}.kpis{gap:var(--space-4);grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));display:grid}.kpi{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.kpi__k{font-size:var(--text-sm);color:var(--color-fg-muted);font-weight:500}.kpi__v{letter-spacing:-.03em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1}.kpi--main .kpi__v{color:var(--color-accent-text);font-size:clamp(2.75rem,6vw,4rem)}.kpi__h{font-size:var(--text-xs);color:var(--color-fg-muted)}.state{font-weight:600}.state--ok{color:var(--color-ok)}.state--warn{color:var(--color-warn)}.state--bad{color:var(--color-bad)}.grid{gap:var(--space-5);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;display:grid}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.card__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.card__title{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.legend{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-fg-muted);display:flex}.sw{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.sw--a{background:var(--color-series-a)}.sw--b{background:var(--color-series-b)}.temas{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tema{gap:var(--space-4);grid-template-columns:140px minmax(0,1fr) 64px;align-items:center;display:grid}.tema__n{font-size:var(--text-sm);font-weight:600}.tema__bars{flex-direction:column;gap:5px;display:flex}.bar{min-width:3px;height:9px;transition:width .8s var(--ease);border-radius:5px;display:block}.bar--a{background:var(--color-series-a)}.bar--b{background:var(--color-series-b)}.tema__d{font-family:var(--font-mono);font-size:var(--text-sm);text-align:right;color:var(--color-fg-muted)}.tema__d.pos{color:var(--color-accent-text);font-weight:600}.ruta{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ruta li{flex-direction:column;gap:2px;display:flex}.ruta__k{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-text);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th{text-align:left;font-size:var(--text-xs);color:var(--color-fg-muted);padding:0 var(--space-4) var(--space-3) 0;white-space:nowrap;font-weight:600}td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-top:1px solid var(--color-line-soft);vertical-align:middle}.meter{background:var(--color-line-soft);width:72px;height:6px;margin-right:var(--space-3);vertical-align:middle;border-radius:3px;display:inline-block;overflow:hidden}.meter span{background:var(--color-accent);height:100%;display:block}.nota{font-size:var(--text-xs);color:var(--color-warn);margin-top:2px;display:block}.foot{font-size:var(--text-xs);color:var(--color-fg-muted)}.foot--page{text-align:center}@media (width<=900px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi--main{grid-column:1/-1}.grid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.kpis{grid-template-columns:minmax(0,1fr)}.kpi:not(.kpi--main){align-items:center;column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.kpi:not(.kpi--main) .kpi__v{grid-area:1/2/span 2;font-size:2rem}}@media (width<=480px){.card{padding:var(--space-5)}.tema{gap:var(--space-3);grid-template-columns:92px minmax(0,1fr) 52px}}
