/* Painel › Agência (Central da agência Box6, V.1). Cores sempre das variáveis da marca (marca.css). */
.agencia-cartoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; margin: 12px 0 20px; }
.agencia-cartao { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: var(--white, #fff); border: 1px solid #e4e4e8; border-top: 3px solid var(--green-600); border-radius: 12px; }
.agencia-cartao-titulo { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #5c5c66; }
.agencia-cartao strong { font-size: 22px; color: var(--green-900); }
.agencia-cartao small { color: #5c5c66; }
.agencia-cartao.is-alerta { border-top-color: #b3261e; }
.agencia-cartao.is-ok { border-top-color: #1f7a4d; }
.agencia-sub { font-size: 12px; color: #5c5c66; }
.agencia-vazio { color: #5c5c66; text-align: center; padding: 18px !important; }
.agencia-tabela tr.is-inativo td { opacity: .6; }
.agencia-selo { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--green-100); color: var(--green-900); }
.agencia-selo.is-suspenso, .agencia-selo.is-atrasada { background: #fdeeee; color: #8c1d18; }
.agencia-selo.is-paga { background: #dff3e6; color: #14532d; }
.agencia-selo.is-cancelada { background: #ececf0; color: #45454d; }
.agencia-input-curto { width: 110px; }
.agencia-form h2 { margin-bottom: 8px; }
.agencia-corpo h3 { margin: 18px 0 8px; color: var(--green-900); }
.agencia-ghost { color: var(--green-900); border: 1px solid var(--green-900); background: transparent; }