/* ==========================================================================
   Ajudo — Calendário Abono Salarial PIS 2026
   Resultado do seletor de mês + destaque da linha na tabela.
   Tabela de calendário (centrada) sobrescreve a base global .sl-table só aqui.
   ========================================================================== */

/* Tabela centrada (estilo calendário, não a .sl-table global de números). */
.ab-table { text-align: center; }
.sl-table.ab-table th, .sl-table.ab-table td {
  text-align: center;
  padding: 10px 12px;
  font-variant-numeric: normal;
}
.sl-table.ab-table thead th {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ink-soft);
  background: var(--paper-deep);
}
.ab-table th[scope="row"] { font-weight: 700; background: var(--paper-deep); }
.ab-table tbody tr:last-child td, .ab-table tbody tr:last-child th { border-bottom: none; }
.ab-table td { transition: background 0.15s ease; }
.ab-table tr.is-active th[scope="row"] { background: var(--mustard); color: var(--ink); }
.ab-table tr.is-active td { background: rgba(227, 169, 47, 0.18); font-weight: 700; color: var(--ink); }

/* Card de resultado (mesmo visual do calendário Bolsa Família). */
.bf-result {
  margin-top: 16px;
  padding: 18px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}
.bf-result.is-empty { background: transparent; border-style: dashed; }
.bf-result-hint { color: var(--ink-soft); font-size: 0.95rem; margin: 0; }
.bf-result-title {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-weight: 600; margin: 0 0 10px;
}
.bf-result-nis {
  font-size: 0.78rem; font-weight: 700; color: var(--ink);
  background: var(--mustard); padding: 2px 10px; border-radius: 999px;
}
.ab-date { margin: 0; font-size: 1.05rem; color: var(--ink); }
.ab-date strong { font-family: var(--font-display); font-size: 1.6rem; color: var(--green-deep); display: inline-block; }
.ab-saque { margin: 6px 0 0; font-size: 0.9rem; color: var(--ink-soft); }

.bf-source { font-size: 0.85rem; color: var(--ink-soft); margin-top: 10px; }