/* style.panels.css — F2: estilos extras dos painéis (prefixo .pn-). */

.pn-alert-row { cursor: pointer; }
.pn-alert-row:hover td { background: rgba(155, 189, 212, 0.05); }

.pn-replay-btn { margin-left: 6px; }

/* cabeçalhos de tabela ordenáveis */
#tbl-ranking thead th { user-select: none; }
#tbl-ranking thead th:hover { color: var(--text-title, #F1F2F2); }

/* candidatos: garante alinhamento dos números */
#cand-col-22 .cand-votos,
#cand-col-13 .cand-votos { font-variant-numeric: tabular-nums; }

/* feed: limita a altura e rola */
#feed-lista { max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }

/* regiões: espaçamento entre itens */
#regioes-lista { display: flex; flex-direction: column; gap: 14px; }

/* contagem regressiva com número tabular */
#countdown { font-variant-numeric: tabular-nums; color: var(--accent, #00E9A5); }

/* histograma compacto não colapsa quando vazio */
#ch-conf-hist:empty { min-height: 0; }

/* painel do município: flags em linha */
#mun-panel-flags { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0; }

/* alertas: coluna de descrição respira */
#tbl-alertas td:last-child { color: var(--text-body, #D1D5D6); }

/* ranking: célula com barra alinhada */
#tbl-ranking .bar-cell { white-space: nowrap; }