/*
 * LocFit WCFM Overdue Badge — polimento visual.
 *
 * ATENÇÃO: os estilos ESSENCIAIS do selo (cor, tamanho, pílula) já vão
 * INLINE no HTML gerado pelo PHP (via atributo style="..."). Este arquivo
 * só adiciona coisas que não podem ser inline: animações (@keyframes) e
 * pseudo-classes (:hover).
 *
 * Se por qualquer motivo este arquivo NÃO carregar, o selo continua colorido,
 * arredondado e visível — só perde o pulso da versão crítica.
 */

/* Pulso sutil para atrasos críticos (3ª+ mensalidade em atraso). */
.locfit-overdue-badge--critical {
    animation: locfit-overdue-pulse 2.4s ease-in-out infinite;
}

@keyframes locfit-overdue-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.35); }
    50%      { box-shadow: 0 0 0 6px rgba(220, 38, 38, 0); }
}

/* Wrapper adicionado pelo JS na célula do cliente. */
.locfit-overdue-badge-wrap {
    display: block;
    margin-bottom: 6px;
}

/* Ícone de alerta na coluna de ações (redundância). */
.locfit-overdue-action--info .wcfmfa      { color: #eab308 !important; }
.locfit-overdue-action--warn .wcfmfa      { color: #ea580c !important; }
.locfit-overdue-action--critical .wcfmfa  { color: #dc2626 !important; }

.locfit-overdue-action .wcfmfa {
    transition: transform 120ms ease;
}
.locfit-overdue-action:hover .wcfmfa {
    transform: scale(1.15);
}

/* Responsivo — no mobile o WCFM empilha colunas; garante que o selo respire. */
@media (max-width: 782px) {
    .locfit-overdue-badge-wrap {
        margin-bottom: 4px;
    }
}