/* ═══════════════════════════════════════════════════════════════
   XRISK 360 — COMPATIBILIDADE DE CORES
   Mapeia cores legadas dos templates para a paleta unificada:
   #30343F, #FAFAFF, #E4D9FF, #273469, #1E2749
   ═══════════════════════════════════════════════════════════════ */

/* ── Botões primários antigos (#2563eb, #6366f1) → #273469 ─── */
.btn-primary,
button[style*="background-color: #2563eb"],
button[style*="background: #2563eb"],
button[style*="background-color: #6366f1"],
button[style*="background: #6366f1"] {
    background-color: #273469 !important;
    background: linear-gradient(135deg, #273469, #1e2749) !important;
    color: #fafaff !important;
}

/* Links com azul antigo → #273469 */
a[style*="color: #2563eb"],
a[style*="color:#2563eb"],
a[style*="color: #6366f1"],
a[style*="color:#6366f1"],
a[style*="color: #3b82f6"],
a[style*="color:#3b82f6"] {
    color: #273469 !important;
}

/* ── Tabs ativas → Gradiente #273469 ───────────────────────── */
.tab-btn.active {
    background: linear-gradient(135deg, #273469, #1e2749) !important;
}

.tab-btn:hover {
    color: #273469 !important;
    background: rgba(228, 217, 255, 0.3) !important;
}

/* ── Badge padrão (genérico) → #273469 ─────────────────────── */
/* Apenas badges SEM variante (sem classe badge-*) para não quebrar
   as cores definidas nos templates (metodologia, status, roles...). */
.badge:not([class*="badge-"]):not([class*="status"]) {
    background-color: #273469 !important;
    color: #fafaff !important;
}

/* ── Forms: foco → #273469 ─────────────────────────────────── */
input:focus,
select:focus,
textarea:focus {
    border-color: #273469 !important;
    box-shadow: 0 0 0 3px rgba(39, 52, 105, 0.12) !important;
}

/* ── Cards com #fff → branco com borda lavanda ─────────────── */
.card,
.card-premium,
.list-card,
.chart-card {
    background: #ffffff !important;
    border: 1px solid #e4d9ff !important;
}

/* ── Borders #e2e8f0 → #e4d9ff ─────────────────────────────── */
[style*="border: 1px solid #e2e8f0"],
[style*="border:1px solid #e2e8f0"],
[style*="border: 1px solid #f1f5f9"],
[style*="border:1px solid #f1f5f9"] {
    border-color: #e4d9ff !important;
}

/* ── Fundo #f8fafc → #fafaff ───────────────────────────────── */
[style*="background: #f8fafc"],
[style*="background:#f8fafc"],
[style*="background: #f8f9fa"],
[style*="background:#f8f9fa"] {
    background: #fafaff !important;
}

/* ── Separadores #f1f5f9 → #f0eaff ─────────────────────────── */
[style*="border-bottom: 1px solid #f1f5f9"],
[style*="border-bottom:1px solid #f1f5f9"] {
    border-bottom-color: #f0eaff !important;
}

/* ── Texto #64748b (muted) → #8f95a8 ───────────────────────── */
[style*="color: #64748b"],
[style*="color:#64748b"],
[style*="color: #6b7280"],
[style*="color:#6b7280"] {
    color: #8f95a8 !important;
}

/* ── Texto #1e293b (título) → #30343f ──────────────────────── */
[style*="color: #1e293b"],
[style*="color:#1e293b"],
[style*="color: #0f172a"],
[style*="color:#0f172a"] {
    color: #30343f !important;
}

/* ── Fundo #f1f5f9 (hover/gray) → #f4f1ff ──────────────────── */
[style*="background: #f1f5f9"],
[style*="background:#f1f5f9"] {
    background: #f4f1ff !important;
}

/* ── Sombras antigas → sombras índigo ───────────────────────── */
[style*="box-shadow: 0 2px 4px rgba(0,0,0,0.05)"],
[style*="box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05)"] {
    box-shadow: 0 1px 3px rgba(30, 39, 73, 0.06), 0 1px 2px rgba(30, 39, 73, 0.04) !important;
}

/* ── Tabelas antigas → estilo DS com lavanda ───────────────── */
table[style*="border-collapse: collapse"] thead {
    background: linear-gradient(135deg, #fafaff, #f4f1ff) !important;
}

table[style*="border-collapse: collapse"] th {
    border-bottom: 2px solid #e4d9ff !important;
    color: #273469 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

table[style*="border-collapse: collapse"] td {
    border-bottom: 1px solid #f0eaff !important;
    color: #30343f !important;
}

/* ── Gradiente antigo #6366f1→#06b6d4 → #273469→#6b7cb8 ────── */
[style*="background: linear-gradient(135deg, #6366f1, #06b6d4)"] {
    background: linear-gradient(135deg, #273469, #6b7cb8) !important;
    color: #fafaff !important;
}

/* ── Glow rgba(99,102,241) → rgba(39,52,105) ───────────────── */
[style*="rgba(99, 102, 241, 0.3)"],
[style*="rgba(99,102,241,0.3)"],
[style*="rgba(99, 102, 241, 0.25)"],
[style*="rgba(99,102,241,0.25)"] {
    box-shadow: 0 4px 15px rgba(39, 52, 105, 0.3) !important;
}