/* ============================================================================
   ISP Badges — Padrão global Dark Tech v8.9 ULTRA PREMIUM
   Aplica-se a TODAS as views: clientes, faturas, OS, contratos, etc.
   Use: <span class="isp-badge isp-badge-{cor}"><i class="fas fa-..."></i> Label</span>
   Cores: success, warning, danger, info, secondary, primary, purple
   ============================================================================ */

.isp-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1.5px solid transparent;
    line-height: 1;
    white-space: nowrap;
    transition: all .25s ease;
    vertical-align: middle;
}
.isp-badge i { font-size: 0.85em; }

/* ── SUCCESS (verde) — Ativo, Pago, Concluído, Aprovado ─────────────────── */
.isp-badge.isp-badge-success {
    background: linear-gradient(135deg, rgba(46,204,113,0.22), rgba(6,214,160,0.12));
    color: #2ecc71;
    border-color: rgba(46,204,113,0.55);
    box-shadow: 0 0 12px rgba(46,204,113,0.20), inset 0 0 0 1px rgba(46,204,113,0.10);
}

/* ── DANGER (vermelho) — Bloqueado, Cancelado, Erro, Vencido ─────────────── */
.isp-badge.isp-badge-danger {
    background: linear-gradient(135deg, rgba(231,76,60,0.28), rgba(239,71,111,0.14));
    color: #ef476f;
    border-color: rgba(231,76,60,0.60);
    box-shadow: 0 0 14px rgba(231,76,60,0.25), inset 0 0 0 1px rgba(231,76,60,0.10);
    font-weight: 800;
}

/* ── WARNING (amarelo) — Suspenso, Pendente, Atenção, Aguardando ────────── */
.isp-badge.isp-badge-warning {
    background: linear-gradient(135deg, rgba(255,183,3,0.25), rgba(243,156,18,0.12));
    color: #ffb703;
    border-color: rgba(255,183,3,0.55);
    box-shadow: 0 0 12px rgba(255,183,3,0.22), inset 0 0 0 1px rgba(255,183,3,0.10);
}

/* ── INFO (ciano) — Prospecção, Em análise, Informativo ──────────────────── */
.isp-badge.isp-badge-info {
    background: linear-gradient(135deg, rgba(6,182,212,0.22), rgba(67,97,238,0.12));
    color: #06b6d4;
    border-color: rgba(6,182,212,0.55);
    box-shadow: 0 0 12px rgba(6,182,212,0.22), inset 0 0 0 1px rgba(6,182,212,0.10);
}

/* ── PRIMARY (azul) — Em andamento, Processando, Ativo premium ───────────── */
.isp-badge.isp-badge-primary {
    background: linear-gradient(135deg, rgba(67,97,238,0.25), rgba(54,81,212,0.14));
    color: #6580ff;
    border-color: rgba(67,97,238,0.55);
    box-shadow: 0 0 12px rgba(67,97,238,0.22), inset 0 0 0 1px rgba(67,97,238,0.10);
}

/* ── SECONDARY (cinza) — Inativo, Desconhecido, Cancelado neutro ─────────── */
.isp-badge.isp-badge-secondary {
    background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04));
    color: rgba(255,255,255,0.70);
    border-color: rgba(255,255,255,0.25);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

/* ── PURPLE (roxo) — VIP, Especial, Premium ─────────────────────────────── */
.isp-badge.isp-badge-purple {
    background: linear-gradient(135deg, rgba(114,9,183,0.28), rgba(67,97,238,0.14));
    color: #c084fc;
    border-color: rgba(114,9,183,0.60);
    box-shadow: 0 0 14px rgba(114,9,183,0.25), inset 0 0 0 1px rgba(114,9,183,0.10);
}

.isp-badge:hover { transform: translateY(-1px); filter: brightness(1.10); }

/* ── Dot pulsante — para status críticos (danger / warning) ─────────────── */
.isp-badge.isp-badge-danger::before,
.isp-badge.isp-badge-warning::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 8px currentColor;
    animation: isp-badge-pulse 1.6s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes isp-badge-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.45; transform: scale(0.7); }
}

/* ── Tamanhos opcionais ─────────────────────────────────────────────────── */
.isp-badge.isp-badge-sm { padding: 3px 7px; font-size: 0.62rem; }
.isp-badge.isp-badge-lg { padding: 7px 14px; font-size: 0.78rem; }