/* análise de abstenção (pedido do Elvis, 19/10) */
.pag-abst { --verm: #6d28d9; }
.pag-abst .selo { background: #6d28d9; }
.pag-abst .layout { height: calc(100vh - 160px); }
.ref { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--suave); }
.ref select { font-size: 13px; padding: 6px 8px; max-width: 300px; }
.metricas { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 6px 18px; background: #fff; border-bottom: 1px solid var(--linha); font-size: 12px; color: var(--suave); font-weight: 600; }
.metricas .seg button { padding: 6px 10px; font-size: 13px; }
.rolagem { max-height: 520px; overflow: auto; }
table.prio { font-size: 12px; }
table.prio th { position: sticky; top: 0; background: #fff; cursor: pointer; white-space: nowrap; user-select: none; }
table.prio th.ord { color: var(--verm); }
table.prio td, table.prio th { padding: 5px 3px; }
.rot-br.abst span.ab { background: #54278f; color: #fff; }
.legenda .escala span { min-width: 54px; }
.legenda .escala i { width: 54px; }
@media (max-width: 900px) { .pag-abst .layout { height: auto; } }
table.prio td { white-space: nowrap; } table.prio td:first-child { white-space: normal; min-width: 110px; }
.pag-abst .layout.br { grid-template-columns: 1fr 500px; }
/* lista de prioridades em cartões (pedido do Elvis, 19/10) */
.ordenar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 6px; font-size: 12px; color: var(--suave); font-weight: 600; }
.ordenar label { display: flex; gap: 6px; align-items: center; } .ordenar select { font-size: 13px; padding: 5px 8px; } .ordenar .btn { margin: 0; }
ol.prio-lista { list-style: none; margin: 0; padding: 0; max-height: 640px; overflow-y: auto; overflow-x: hidden; }
ol.prio-lista li { padding: 8px 4px; border-bottom: 1px solid var(--linha); cursor: pointer; }
ol.prio-lista li:hover { background: #f5f3ff; }
ol.prio-lista .l1 { display: flex; gap: 6px; align-items: baseline; } ol.prio-lista .l1 b { font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
ol.prio-lista .l1 .pt { flex: none; margin: 0; } .rk { flex: none; min-width: 20px; color: var(--suave); font-size: 11px; font-weight: 700; text-align: right; }
ol.prio-lista .l2 { color: var(--suave); font-size: 11px; margin: 1px 0 0 42px; }
ol.prio-lista .l3 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; margin: 5px 0 0 42px; }
.chip { background: #f9fafb; border-radius: 6px; padding: 2px 4px; text-align: center; min-width: 0; }
.chip small { display: block; font-size: 9.5px; color: var(--suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chip b { font-size: 11.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.chip.ativo { background: #ede9fe; outline: 1px solid #a78bfa; }