/* 
    ========================================================
    CORPORATE THEME OVERRIDE
    Premium Modern Corporate Appearance (Blue & Orange)
    ========================================================
*/

/* 1. Base Variables Overrides */
:root {
    /* Primary: Logo Blue (#2E6CBA) */
    --primary: #2E6CBA;
    --primary-hover: #23589B;
    --primary-light: #4A84CA;
    --primary-dark: #1E4D8A;

    /* Primary Transparencies */
    --rgba-primary-1: rgba(46, 108, 186, 0.1);
    --rgba-primary-2: rgba(46, 108, 186, 0.2);
    --rgba-primary-3: rgba(46, 108, 186, 0.3);
    --rgba-primary-4: rgba(46, 108, 186, 0.4);
    --rgba-primary-5: rgba(46, 108, 186, 0.5);
    --rgba-primary-6: rgba(46, 108, 186, 0.6);
    --rgba-primary-7: rgba(46, 108, 186, 0.7);
    --rgba-primary-8: rgba(46, 108, 186, 0.8);
    --rgba-primary-9: rgba(46, 108, 186, 0.9);

    /* Secondary: Logo Orange (#F7931E) */
    --secondary: #F7931E;
    --secondary-hover: #DF8012;
    --secondary-light: #F9A845;
    --secondary-dark: #C66E0C;

    /* UI Colors */
    --card: #FFFFFF;
    --text-dark: #1E293B;
    --text-gray: #64748B;
    --text: #475569;
    --body-bg: #F8FAFC;
    --light: #F1F5F9;
    --border: #E2E8F0;

    /* Semantic */
    --success: #10B981;
    --warning: #F59E0B;
    --error: #EF4444;

    /* Typography Override */
    --font-family-base: 'Inter', sans-serif;
    --font-family-title: 'Inter', sans-serif;
    --bs-body-font-family: 'Inter', sans-serif;
}

/* 2. Global Typography & Backgrounds */
body, html {
    font-family: var(--font-family-base) !important;
    background-color: var(--body-bg) !important;
    color: var(--text) !important;
    letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .brand-title {
    font-family: var(--font-family-title) !important;
    color: var(--text-dark) !important;
    font-weight: 600;
}

p {
    color: var(--text) !important;
    line-height: 1.6;
}

/* 3. Modern Corporate UI Components */

/* Buttons */
.btn {
    border-radius: 6px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    transition: all 0.3s ease !important;
    border: none;
    padding: 0.625rem 1.25rem;
}

.btn-primary {
    background: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px var(--rgba-primary-3) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: var(--primary-hover) !important;
    box-shadow: 0 6px 16px var(--rgba-primary-4) !important;
    transform: translateY(-1px);
}

.btn-secondary {
    background: var(--secondary) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(240, 92, 34, 0.3) !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background: var(--secondary-hover) !important;
    box-shadow: 0 6px 16px rgba(240, 92, 34, 0.4) !important;
    transform: translateY(-1px);
}

/* Cards (Soft Shadows & Rounded Corners) */
.card {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s ease;
    margin-bottom: 1.5rem;
}

.card:hover {
    box-shadow: 0 8px 30px rgba(10, 43, 78, 0.08) !important;
    transform: translateY(-3px);
}

.card-header {
    background: transparent !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 1.25rem 1.5rem !important;
}

.card-header .card-title {
    color: var(--primary) !important;
    font-weight: 600;
}

/* 4. Navigation & Layout Elements */

/* Sidebar */
.dlabnav {
    background: #ffffff !important;
    box-shadow: 2px 0 20px rgba(0,0,0,0.03) !important;
    border-right: 1px solid var(--border);
}

.dlabnav .metismenu > li > a {
    color: var(--text-dark) !important;
    border-radius: 8px;
    margin: 0 10px;
    transition: all 0.3s ease;
}

.dlabnav .metismenu > li > a:hover, 
.dlabnav .metismenu > li.mm-active > a {
    background: var(--rgba-primary-1) !important;
    color: var(--primary) !important;
}

.dlabnav .metismenu > li > a i {
    color: var(--primary-light) !important;
}

.dlabnav .metismenu > li:hover > a i, 
.dlabnav .metismenu > li.mm-active > a i {
    color: var(--primary) !important;
}

/* Header & Logo Container */
.nav-header {
    background: #ffffff !important; /* Solid white background for perfect logo blending */
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    display: flex;
    align-items: center;
}

.header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
}

.brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    padding-left: 1.5rem !important;
}

.brand-logo img {
    max-height: 60px !important;
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    filter: contrast(1.1) brightness(1.05); /* Removes off-white background from JPEG */
}


/* Forms & Inputs */
.form-control {
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--text-dark) !important;
    transition: all 0.2s ease;
    padding: 0.6rem 1rem;
}

.form-control:focus {
    border-color: var(--primary-light) !important;
    box-shadow: 0 0 0 3px var(--rgba-primary-2) !important;
}

label {
    font-weight: 500 !important;
    color: var(--text-dark) !important;
    margin-bottom: 0.5rem;
}

/* 5. Custom Elements & Highlights */

/* Badges */
.badge {
    border-radius: 4px;
    padding: 0.4em 0.8em;
    font-weight: 500;
}
.badge-primary { background: var(--rgba-primary-1) !important; color: var(--primary) !important; }
.badge-secondary { background: rgba(240, 92, 34, 0.1) !important; color: var(--secondary) !important; }

/* Links */
a {
    color: var(--primary);
    transition: all 0.3s ease;
}
a:hover {
    color: var(--secondary);
    text-decoration: none;
}

/* Custom Gradients Replacement */
.gradient-1, .gradient-2, .gradient-3, .gradient-4, .gradient-5, .gradient-6, .gradient-7, .gradient-8, .gradient-9, .gradient-10 {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%) !important;
}
.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }

/* Overriding loader color */
.sk-child {
    background-color: var(--secondary) !important;
}