/* Abas (.tabs-nav/.tab-btn/.tab-pane) agora vivem em components.css — compartilhadas com Configurações. */

/* Painel branco por trás da tabela — sem isso ela fica sobre o cinza do fundo da página */
.audit-log-panel {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    overflow: hidden;
}

/* ---------- Filtros (.audit-filters promovida pra components.css — Dashboard reusa) ---------- */

/* ---------- Badges de ação de LOGIN — só faz sentido aqui, o histórico de Pedido não tem isso.
   Badges de CRIACAO/ALTERACAO/EXCLUSAO (.badge-acao base + as 3 variantes) moraram aqui antes
   de serem promovidas pra components.css quando o histórico do Pedido passou a usá-las também. */
.badge-acao-login     { background-color: var(--c-success-light); color: var(--c-success); }
.badge-acao-loginfalha{ background-color: var(--c-warning-light); color: var(--c-warning); }

/* ---------- Diff de detalhe ---------- */
.audit-detalhe-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px var(--space-md);
    margin-bottom: var(--space-md);
    padding-bottom: var(--space-md);
    border-bottom: 1px solid var(--c-border);
    font-size: 0.88rem;
}

.audit-detalhe-meta strong {
    color: var(--c-text-secondary);
}

.audit-diff-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

.audit-diff-table th {
    text-align: left;
    padding: 6px 8px;
    background-color: var(--c-surface-alt);
    border-bottom: 1px solid var(--c-border);
    font-weight: 600;
    color: var(--c-text-secondary);
}

.audit-diff-table td {
    padding: 6px 8px;
    border-bottom: 1px solid var(--c-border);
    vertical-align: top;
}

.audit-val-old {
    color: var(--c-danger);
    text-decoration: line-through;
    display: block;
}

.audit-val-new {
    color: var(--c-success);
    display: block;
}

/* Classes .uso-* (KPI cards + chart cards + tabela + área de scroll) promovidas pra
   components.css: mesmo visual reaproveitado pelo Dashboard (ver claude.md). */