.kpi-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;animation:.35s both fadeInUp;display:flex;position:relative}.kpi-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.kpi-accent-bar{border-radius:var(--radius) 0 0 var(--radius);flex-shrink:0;width:4px}.kpi-accent-bar--critical{background:var(--critical)}.kpi-accent-bar--warning{background:var(--warning)}.kpi-accent-bar--ok{background:var(--ok)}.kpi-accent-bar--info{background:var(--info)}.kpi-accent-bar--cria{background:var(--cria)}.kpi-accent-bar--saude{background:var(--cat-saude)}.kpi-accent-bar--educacao{background:var(--cat-educacao)}.kpi-accent-bar--social{background:var(--cat-social)}.kpi-accent-bar--gestao{background:var(--cat-gestao)}.kpi-accent-bar--neutral{background:var(--border-mid)}.kpi-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px;display:flex}.kpi-top{align-items:flex-start;gap:6px;display:flex}.kpi-icon{color:var(--muted);flex-shrink:0;margin-top:1px}.kpi-label{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex:1;font-weight:500;line-height:1.4}.kpi-proxy-badge{color:var(--warning);cursor:help;margin-left:4px;font-size:10px}.kpi-helper-wrap{position:relative}.kpi-helper-icon{background:var(--border);width:14px;height:14px;color:var(--muted);cursor:help;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.kpi-helper-tooltip{background:var(--ink);color:#fff;width:220px;font-size:var(--fs-xs);border-radius:var(--radius-sm);z-index:9999;box-shadow:var(--shadow);padding:8px 10px;line-height:1.5;display:none;position:absolute;top:calc(100% + 6px);right:0}.kpi-helper-wrap:hover .kpi-helper-tooltip{display:block}.kpi-value-wrap{align-items:baseline;gap:4px;display:flex}.kpi-value{font-size:var(--fs-2xl);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.kpi-card--sm .kpi-value{font-size:var(--fs-xl)}.kpi-card--lg .kpi-value{font-size:var(--fs-3xl)}.kpi-unit{font-size:var(--fs-sm);color:var(--muted);font-weight:500}.kpi-trend{font-size:var(--fs-xs);align-items:center;gap:3px;font-weight:500;display:flex}.trend--good{color:var(--ok)}.trend--bad{color:var(--critical)}.trend--flat{color:var(--neutral)}.kpi-source{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:8px;padding-top:6px;font-size:10px;font-weight:600;line-height:1.3;display:flex}.kpi-source:before{content:"📅";font-size:10px}
.chart-wrap{width:100%}.chart-title{font-size:var(--fs-base);color:var(--ink);margin-bottom:2px;font-weight:600}.chart-subtitle{font-size:var(--fs-xs);color:var(--muted);margin-bottom:12px}.chart-source{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--border);align-items:center;gap:4px;margin-top:8px;padding-top:6px;font-size:10px;font-weight:600;line-height:1.3;display:flex}.chart-source:before{content:"📅";font-size:10px}
.progress-row{flex-direction:column;gap:4px;padding:6px 0;display:flex}.progress-row--compact{padding:3px 0}.progress-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.progress-label{font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.progress-value{font-size:var(--fs-sm);color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.progress-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-row--compact .progress-track{height:4px}.progress-fill{border-radius:3px;width:0;height:100%}
.ranking-table-wrap{overflow:hidden}.ranking-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.ranking-table thead tr{border-bottom:2px solid var(--border)}.ranking-table th{font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:8px 12px;font-weight:600}.ranking-row{border-bottom:1px solid var(--border);transition:background .1s;animation:.2s both fadeIn}.ranking-row--clickable{cursor:pointer}.ranking-row--clickable:hover{background:var(--surface-2)}.ranking-row td{vertical-align:middle;padding:9px 12px}.col-rank{width:40px}.col-val{text-align:right;white-space:nowrap}.rank-num{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:inline-flex}.rank-num--top{background:var(--cria-soft);color:var(--cria)}.mun-name{color:var(--ink);font-weight:500}.criticidade-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.critic--alta{background:var(--critical)}.critic--media{background:var(--warning)}.critic--baixa{background:var(--ok)}.rank-val{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.ranking-expand-btn{border:none;border-top:1px solid var(--border);width:100%;font-size:var(--fs-xs);color:var(--cria);cursor:pointer;letter-spacing:.02em;background:0 0;padding:10px;font-weight:600;transition:background .1s}.ranking-expand-btn:hover{background:var(--surface-2)}.ranking-info-icon{background:var(--muted,#94a3b8);color:#fff;cursor:help;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:5px;font-size:9px;font-style:italic;font-weight:700;display:inline-flex}.ranking-legend{border-top:1px solid var(--border,#e2e8f0);flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding-top:8px;display:flex}.ranking-legend-item{color:var(--muted,#64748b);align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.ranking-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}
.heatmap-wrap{overflow:hidden}.heatmap-scroll{border-radius:var(--radius-sm);border:1px solid var(--border);overflow-x:auto}.heatmap-table{border-collapse:collapse;width:100%;font-size:12px}.heatmap-table th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:6px 8px;font-size:10px;font-weight:600}.heatmap-row-label{text-overflow:ellipsis;white-space:nowrap;min-width:140px;max-width:180px;color:var(--ink-soft);border-right:1px solid var(--border);z-index:1;font-weight:500;position:sticky;left:0;overflow:hidden;background:var(--surface)!important;padding:5px 10px!important}.heatmap-col{min-width:68px;text-align:center!important}.heatmap-cell{text-align:center;color:#0009;padding:5px 4px;font-size:11px;font-weight:600;transition:opacity .15s}.heatmap-cell:hover{opacity:.8;cursor:default}