/* Portal Informes - bento indigo. Prefijo --inf-*. */
:root {
    --inf-primary: #303F9F;
    --inf-primary-dark: #1A237E;
    --inf-accent: #5C6BC0;
    --inf-bg: #f5f6fa;
    --inf-card: #ffffff;
    --inf-ink: #1a1c2a;
    --inf-muted: #6b7280;
    --inf-hair: #e5e7eb;
}
[data-theme="dark"] {
    --inf-bg: #11131f;
    --inf-card: #1b1e2e;
    --inf-ink: #e8eaf2;
    --inf-muted: #9aa0b4;
    --inf-hair: #2a2e44;
}

body.inf-body {
    background: var(--inf-bg);
    color: var(--inf-ink);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.navbar-informes {
    background: linear-gradient(135deg, var(--inf-primary-dark) 0%, var(--inf-primary) 100%);
}
.navbar-informes .navbar-brand,
.navbar-informes .nav-link { color: #fff !important; }
.navbar-informes .nav-link:hover { color: #e8eaf2 !important; }
.navbar-informes .dropdown-menu { border: 1px solid var(--inf-hair); box-shadow: 0 6px 18px rgba(0,0,0,0.15); }
.navbar-informes .dropdown-item.active { background: var(--inf-accent); color: #fff; }

/* Cards bento */
.inf-bento .card,
.inf-tile {
    background: var(--inf-card);
    border: 1px solid var(--inf-hair);
    border-radius: 12px;
}
.inf-hero {
    display: flex; align-items: center; gap: .75rem;
    margin-bottom: 1rem;
}
.inf-hero h1 { font-size: 1.3rem; font-weight: 700; margin: 0; }
.inf-hero .badge { background: #e3f2fd; color: #0d47a1; font-weight: 600; }
[data-theme="dark"] .inf-hero .badge { background: #1e3a5f; color: #90caf9; }

/* KPIs */
.inf-kpi { padding: 1rem 1.2rem; border-radius: 12px; background: var(--inf-card); border: 1px solid var(--inf-hair); }
.inf-kpi .n { font-size: 1.8rem; font-weight: 700; color: var(--inf-primary); line-height: 1; }
.inf-kpi .l { font-size: .75rem; color: var(--inf-muted); text-transform: uppercase; letter-spacing: .04em; }

/* Tabla zebra */
.inf-bento table.inf-table td, .inf-bento table.inf-table th { font-size: .85rem; }
.inf-table tbody tr:nth-child(odd) td { background: #f1f3f5; }
[data-theme="dark"] .inf-table tbody tr:nth-child(odd) td { background: rgba(255,255,255,0.06); }
.inf-table tbody tr:hover td { background: #e3f2fd; }
[data-theme="dark"] .inf-table tbody tr:hover td { background: rgba(144,202,249,0.12); }

/* Badge colors del menu/legacy (blue/green/purple/orange/red/cyan/pink) */
.badge.bg-blue { background: #1565C0 !important; color: #fff; }
.badge.bg-green { background: #2E7D32 !important; color: #fff; }
.badge.bg-purple { background: #6A1B9A !important; color: #fff; }
.badge.bg-orange { background: #E65100 !important; color: #fff; }
.badge.bg-red { background: #C62828 !important; color: #fff; }
.badge.bg-cyan { background: #00838F !important; color: #fff; }
.badge.bg-pink { background: #AD1457 !important; color: #fff; }