:root {
    --primary-brand-color: #1e3a8a; /* Deep Corporate Royal Blue */
    --accent-brand-color: #0ea5e9;  /* Vivid Light Blue Accent */
    --background-grey: #f8fafc;     /* Workspace Canvas Light Grey */
    --text-dark: #0f172a;           /* Sharp dark gray for content text */
    --text-muted: #475569;          /* Subtext slate gray */
    --border-light: #cbd5e1;
}

/* Master Reset & Base Canvas Structure */
html, body, body.hrms-portal-frame, #page, #wrapper, .site {
    margin: 0 !important;
    padding: 0 !important;
    background-color: var(--background-grey) !important;
    background: var(--background-grey) !important;
    color: var(--text-dark) !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Core Dashboard Layout Grid */
.hrms-dashboard-grid {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    min-height: 100vh !important;
    width: 100vw !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* ========================================================
   LOCKED BLUE SIDEBAR CONSOLE STYLING (WHITE FONTS)
   ======================================================== */
div.hrms-sidebar, aside.hrms-sidebar, .hrms-sidebar {
    background: #1e3a8a !important; /* Pure Corporate Blue Background */
    background-color: #1e3a8a !important;
    color: #ffffff !important; 
    padding: 30px 24px !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 100vh !important;
    box-shadow: 4px 0 10px rgba(0, 0, 0, 0.05);
}

/* Universal Typography Overrides for Left Sidebar Items */
.hrms-sidebar h3, 
.hrms-sidebar h4, 
.hrms-sidebar p, 
.hrms-sidebar span, 
.hrms-sidebar div,
.hrms-sidebar small,
.hrms-sidebar .app-branding {
    color: #ffffff !important; /* Crispy white for visibility */
    fill: #ffffff !important;
    opacity: 1 !important;
}

/* Application Sub-Labels in Left Panel */
.hrms-sidebar span, 
.hrms-sidebar p {
    color: #93c5fd !important; /* Soft, light sky-blue for less important text */
}

/* Left Sidebar Navigation Link Buttons */
.hrms-sidebar a {
    color: #ffffff !important; /* White links */
    text-decoration: none !important;
    font-weight: 600 !important;
    display: block !important;
    padding: 12px 14px !important;
    border-radius: 6px !important;
    margin-bottom: 6px !important;
    background: transparent !important;
    transition: all 0.2s ease-in-out;
}

/* Navigation Links Hover State */
.hrms-sidebar a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Transparent white hover capsule */
    color: #ffffff !important; 
    padding-left: 18px !important; /* Smooth sliding layout response animation */
}

/* Specialized High-Contrast Red Session Termination Link */
.hrms-sidebar a[href*="logout"] {
    color: #fca5a5 !important; /* Soft pastel red */
    margin-top: 30px !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}
.hrms-sidebar a[href*="logout"]:hover {
    background-color: #ef4444 !important; /* Solid vibrant red on hover */
    color: #ffffff !important;
}

/* ========================================================
   MAIN DATA VIEWPORT LAYER (RIGHT SIDE CANVAS)
   ======================================================== */
.hrms-main-viewport {
    padding: 40px !important;
    background-color: var(--background-grey) !important;
    overflow-y: auto !important;
    box-sizing: border-box;
}

.hrms-main-viewport h2, 
.hrms-main-viewport h3 {
    color: var(--text-dark) !important; 
    font-weight: 700;
}

/* White Content Information Cards */
.hrms-metric-card {
    background: #ffffff !important; 
    border: 1px solid var(--border-light) !important;
    border-radius: 8px !important;
    padding: 24px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    color: var(--text-dark) !important; 
}

/* Form Fields Fix inside Cards */
input[type="text"], input[type="number"], input[type="email"], input[type="password"], select, textarea {
    background-color: #ffffff !important;
    color: var(--text-dark) !important; 
    border: 1px solid var(--border-light) !important;
    padding: 10px 12px !important;
    border-radius: 6px !important;
}

/* Production Efficiency Badge Architecture Matrix */
.efficiency-badge {
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 0.8rem;
    display: inline-block;
}
.efficiency-low { background-color: #fee2e2 !important; color: #ef4444 !important; }
.efficiency-medium { background-color: #fef3c7 !important; color: #b45309 !important; }
.efficiency-good { background-color: #dcfce7 !important; color: #15803d !important; }