/* ====================================================================
   🏥 ACTICIS CLINICAL OPERATING SYSTEM - PREMIUM GRAPHITE NAVY DESIGN
   ==================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Global Low-Fatigue Modern Typographic Foundation */
body, .container-fluid, h3, h5, h6, p, th, td, label, button, .form-control {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    letter-spacing: -0.15px;
}

body {
    background-color: #f3f4f6 !important; /* Soft, clean gray background canvas */
}

/* 🚀 1. PREMIUM NATIVE NAVY BLUE SIDEBAR ARCHITECTURE */
div.bg-dark, 
nav.bg-dark, 
.col-md-2.bg-dark {
    background: linear-gradient(180deg, #0b192e 0%, #060f1d 100%) !important; /* Premium Midnight Navy Gradient */
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 4px 0 24px rgba(6, 15, 29, 0.15);
}

/* Sidebar Top Brand Header Title */
.bg-dark h5, .bg-dark .fw-bold.text-white {
    font-size: 19px !important;
    letter-spacing: 0.5px !important;
    background: linear-gradient(120deg, #ffffff 0%, #cbd5e1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 2px;
}

/* Sub-text labeling descriptive text under brand header */
.bg-dark .text-muted, div.bg-dark small {
    color: #64748b !important; /* Balanced contrast muted blue-slate */
    font-size: 11px !important;
    font-weight: 500;
}

/* Clean transparent dividers */
.bg-dark hr, .bg-dark hr.text-secondary {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin: 20px 0 !important;
    opacity: 1 !important;
}

/* 🚀 2. REFINED SIDEBAR LINKS & GLASSMORPHIC ACCENTS */
.bg-dark .nav-pills .nav-link {
    color: #94a3b8 !important; /* Soft muted iron for non-active links */
    font-weight: 500 !important;
    font-size: 13.5px !important;
    padding: 12px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 6px !important;
    display: flex;
    align-items: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Default state icon colors */
.bg-dark .nav-pills .nav-link i {
    color: #64748b !important;
    font-size: 16px !important;
    margin-right: 12px !important;
    transition: color 0.2s ease;
}

/* Hover States Interaction Interactivity */
.bg-dark .nav-pills .nav-link:hover {
    color: #f1f5f9 !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.bg-dark .nav-pills .nav-link:hover i {
    color: #94a3b8 !important;
}

/* Premium Selected Active Route Link Anchor Highlights */
.bg-dark .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important; /* Cyan-to-Sky Blue Premium Blend */
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

.bg-dark .nav-pills .nav-link.active i {
    color: #ffffff !important;
}

/* Workspace Overrides Title Dividers text labeling properties */
.bg-dark .text-uppercase.text-muted, .bg-dark small.text-uppercase {
    color: #475569 !important; /* Steel-blue label headers group tags */
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    margin-top: 15px;
    margin-bottom: 10px;
    display: block;
}

/* 🚀 3. PREMIUM MEDICAL WORKSPACE COUNTERS (SOFT GRADIENTS) */
/* Moving away from solid, aggressive neon card backgrounds to balanced clinical gradients */
.card-metric-consultation {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%) !important; /* Midnight Cobalt Navy */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 12px 24px -8px rgba(30, 58, 138, 0.25) !important;
    border-radius: 20px !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-metric-medicine {
    background: linear-gradient(135deg, #065f46 0%, #064e3b 100%) !important; /* Deep Forest Emerald */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 12px 24px -8px rgba(6, 78, 59, 0.25) !important;
    border-radius: 20px !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-metric-lab {
    background: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%) !important; /* Muted Terracotta Rust */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 12px 24px -8px rgba(124, 45, 18, 0.25) !important;
    border-radius: 20px !important;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-metric-consultation:hover, .card-metric-medicine:hover, .card-metric-lab:hover {
    transform: translateY(-3px);
}

/* 🚀 4. MINIMALIST CARD WRAPPERS & MODERN GRIDS */
.queue-card-container {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.005) !important;
    overflow: hidden;
}

/* Replaces old dark tables headers with low-contrast grid rows split rows styling */
thead.bg-light-override {
    background-color: #f9fafb !important;
    border-bottom: 2px solid #f3f4f6 !important;
}

thead.bg-light-override th {
    color: #4b5563 !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.75px !important;
    padding: 18px 20px !important;
}

/* Style the text details inside table cell structures safely */
.table tbody td {
    padding: 16px 20px !important;
    color: #1f2937 !important;
}