/* ============================================================
   PGO — Alertas (.alert / .alert-*)
   ------------------------------------------------------------
   Camada central que faltava. Alertas eram o único componente
   Bootstrap de alto tráfego sem adaptador em components/ — o
   resultado foi cada página remendar o seu (asbuilt, reports,
   dashboard, chamados, admin_cadastros, login, first-login,
   change-password, esqueci-senha), com resultado diferente em
   cada uma e nenhum contrato comum.

   CONTRATO
   1. A COR do alerta não mora aqui. Vem da família
      --bs-{cor}-bg-subtle / -border-subtle / -text-emphasis,
      definida por tema em tokens.css. Se um alerta estiver com a
      cor errada, o conserto é lá — nunca redeclarando .alert-*
      num CSS de página.
   2. No tema escuro a superfície do alerta é ESCURA. Portanto os
      filhos herdam a paleta normal do app: não force --text-charcoal
      nem hex claro dentro de alerta "porque o fundo é claro".
   3. Aqui ficam só os filhos que NÃO herdam a cor do alerta
      sozinhos — os que trazem paleta própria da página.
   ============================================================ */

/* Link dentro de alerta. A lib só cobre `.alert-link`; um <a> pelado herda o
   magenta de link do app, que mede 3,95:1 na tintura ciano do escuro. Dentro
   do alerta a cor de contraste correta é a do próprio alerta. */
.alert a,
.alert .alert-link {
    color: var(--bs-alert-link-color);
    text-decoration: underline;
    font-weight: var(--font-semibold);
}

/* Alerta como contêiner de conteúdo (tabela de preview, listas).
   A .table traz --bs-table-color/-bg do :root, pensados para o fundo de
   página — dentro do alerta ela tem que seguir a cor do alerta.
   currentColor, não inherit: em custom property `inherit` herdaria a
   VARIÁVEL do :root, não a cor em vigor no elemento.
   `body` no seletor para empatar (0,2,1) com `[data-theme="dark"] body .table`
   de components/tables.css e vencer por ordem — alerts.css carrega depois. */
body .alert .table {
    --bs-table-color: currentColor;
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-alert-border-color);
    color: inherit;
}

body .alert .table > thead th {
    color: inherit;
    background-color: transparent;
}