/* ═══════════════════════════════════════════════════════════════
   Holter Monitoring – Classic Medical Blue Theme
   Professional Blue & White palette with minimal Crimson accents.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* Primary: Classic Medical Blue */
    --blue-primary: #1a4d8f;
    --blue-dark: #0f2f5a;
    --blue-light: #3b82f6;
    --blue-lighter: #eff6ff;

    /* Minimal Accent: Crimson Red (Used ONLY for medical icons/urgency) */
    --accent-red: #be123c;
    --accent-red-light: #fff1f2;

    /* Neutrals: Professional Slate */
    --slate-600: #64748b;
    --slate-800: #1e293b;
    --border: #e2e8f5;

    --shadow-sm: 0 1px 4px rgba(26, 77, 143, .08);
    --shadow-md: 0 4px 16px rgba(26, 77, 143, .12);
    --shadow-lg: 0 8px 32px rgba(26, 77, 143, .16);
}

/* ── Sidebar ── */
.sidebar {
    background: #0f2f5a;
    /* Classic Dark Blue */
}

.brand-icon {
    background: linear-gradient(135deg, #3b82f6, #0ea5e9);
}

.nav-link.active {
    background: linear-gradient(135deg, rgba(59, 130, 246, .35), rgba(14, 165, 233, .25));
    border-left: 3px solid #3b82f6;
    color: #fff !important;
}

/* ── UI Elements ── */
.btn-primary {
    background: linear-gradient(135deg, #1a4d8f, #3b82f6) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(26, 77, 143, 0.2);
}

.btn-primary:hover {
    background: linear-gradient(135deg, #0f2f5a, #1a4d8f) !important;
    transform: translateY(-1px);
}

/* ── Auth Layout (Pure Classic Blue/White) ── */
.auth-bg {
    background: linear-gradient(135deg, #0f2f5a 0%, #1a4d8f 40%, #0ea5e9 100%) !important;
}

.auth-icon {
    background: linear-gradient(135deg, #3b82f6, #0ea5e9) !important;
    box-shadow: 0 8px 24px rgba(26, 77, 143, 0.3) !important;
}

.auth-card {
    background: #ffffff !important;
    border: none !important;
}

/* ── Tables ── */
.table-head th {
    background: #eff6ff;
    color: #1a4d8f;
    border-bottom: 2px solid #dbeafe;
}

/* Minimal Crimson for icons only */
.fas.fa-heartbeat,
.fas.fa-user-injured {
    color: var(--accent-red) !important;
}