/* =====================================================================
   AGGalvão · Componente — Tabelas
   ===================================================================== */

/* position: relative — sem ele, o .so-leitores (absoluto) de dentro da tabela
   escapa da rolagem e a página inteira rola de lado no celular. */
.tabela-rolagem { overflow-x: auto; position: relative; }
table.tabela { width: 100%; border-collapse: collapse; font-size: .82rem; }
table.tabela th {
    text-align: left;
    padding: .6rem .75rem;
    font-size: .66rem; text-transform: uppercase; letter-spacing: .07em;
    color: var(--cinza); font-weight: 700;
    border-bottom: 1px solid var(--borda);
    background: var(--superficie-2);
    white-space: nowrap;
}
table.tabela td { padding: .62rem .75rem; border-bottom: 1px solid var(--borda); vertical-align: middle; }
table.tabela tbody tr:last-child td { border-bottom: none; }
table.tabela tbody tr:hover { background: var(--superficie-2); }
table.tabela .num { text-align: right; font-variant-numeric: tabular-nums; }
table.tabela .acoes { text-align: right; white-space: nowrap; }
.linha-alerta { background: var(--ambar-claro) !important; }

.vazio {
    padding: 2.5rem 1.5rem; text-align: center; color: var(--cinza);
}
.vazio h3 { color: var(--texto); margin-bottom: .35rem; }
.vazio .icone-grande { width: 40px; height: 40px; color: var(--borda-forte); margin-bottom: .6rem; }