/* ============================================
   BADGE MEDICAO — apenas classes usadas em produção
   (PubMinhasMedicoesPendentes e afins)
   ============================================ */

.badge.badge-medicao {
    display: inline-flex;
    align-items: flex-start;
    justify-content: left;
    gap: 5px;
    padding: 6px 7px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    letter-spacing: 0.3px;
    flex-direction: row;
    width: 140px;
}

.badge.badge-medicao:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.badge.badge-medicao i {
    font-size: 13px;
}

/* Aprovação - Verde */
.badge-aprovacao {
    background: linear-gradient(135deg, #D4F4DD 0%, #E8F9EF 100%);
    border-color: #10B981;
    color: #10B981;
}
.badge-aprovacao:hover {
    background: linear-gradient(135deg, #C1EDD0 0%, #D9F5E8 100%);
    border-color: #059669;
}

/* Comprador - Azul */
.badge-comprador {
    background: linear-gradient(135deg, #DBEAFE 0%, #EFF6FF 100%);
    border-color: #3B82F6;
    color: #3B82F6;
}
.badge-comprador:hover {
    background: linear-gradient(135deg, #BFDBFE 0%, #DBEAFE 100%);
    border-color: #2563EB;
}

/* Doc Entrada */
.badge-doc-entrada {
    background: linear-gradient(135deg, #E0E7FF 0%, #EEF2FF 100%);
    border-color: #6366F1;
    color: #6366F1;
}
.badge-doc-entrada:hover {
    background: linear-gradient(135deg, #C7D2FE 0%, #E0E7FF 100%);
    border-color: #4F46E5;
}

/* Recusa Financeiro */
.badge-recusou-fin {
    background: linear-gradient(135deg, #FEE2E2 0%, #FEF2F2 100%);
    border-color: #EF4444;
    color: #EF4444;
}
.badge-recusou-fin:hover {
    background: linear-gradient(135deg, #FECACA 0%, #FEE2E2 100%);
    border-color: #DC2626;
}