/* Administração indireta: listagem e ficha.
   Reusa a régua de espaçamento e as cores do restante do site; o que muda
   aqui é só o que a Carta e as unidades não tinham. */

.autarquia-sigla {
    color: var(--c-text-muted, #555);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.autarquia-resumo {
    border-left: 4px solid var(--c-primary, #1351b4);
    padding: 8px 0 8px 12px;
    margin-bottom: 24px;
}

/* Pares rótulo/valor em duas colunas no desktop e empilhados no celular —
   o valor precisa caber sem quebrar o CNPJ no meio. */
.autarquia-dl,
.autarquia-meta {
    margin: 0;
    display: grid;
    gap: 8px 16px;
}
.autarquia-dl dt,
.autarquia-meta dt {
    font-weight: 600;
    color: var(--c-text-muted, #555);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.autarquia-dl dd,
.autarquia-meta dd {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
}

.autarquia-dl {
    margin-bottom: 28px;
}

/* Na listagem o par fica em linha: o cartão é um resumo, não uma ficha. */
@media (min-width: 576px) {
    .autarquia-meta {
        grid-template-columns: max-content 1fr;
        align-items: baseline;
    }
    .autarquia-meta dd {
        margin-top: 0;
    }
}

.autarquia-card .card-content {
    padding: 16px;
}