/* public/assets/css/components/badge.css */
/* Selos de status com ícone + texto obrigatórios (03-FRONTEND_GUIDE.md §2) */
/* José (Frontend) */

.selo-status {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    line-height: 1.2;
    border: 1px solid transparent;
    white-space: nowrap;
}

.selo-icone {
    display: inline-block;
    font-style: normal;
    font-weight: 900;
}

/* 1. Pendente: neutro / âmbar */
.selo-pendente {
    background-color: var(--cor-pendente-fundo);
    color: var(--cor-pendente);
    border-color: var(--cor-pendente-borda);
}

/* 2. Aprovado: verde */
.selo-aprovado {
    background-color: var(--cor-sucesso-fundo);
    color: var(--cor-sucesso);
    border-color: var(--cor-sucesso-borda);
}

/* 3. Com Ressalva: laranja */
.selo-ressalva {
    background-color: var(--cor-alerta-fundo);
    color: var(--cor-alerta);
    border-color: var(--cor-alerta-borda);
}

/* 4. Reprovado: vermelho acessível (#B3202A) */
.selo-reprovado {
    background-color: var(--cor-erro-fundo);
    color: var(--cor-erro);
    border-color: var(--cor-erro-borda);
}