/* ============================================
   Gateway Theme Override
   - White sidebar so logo is visible
   - Dark header bar
   - Warning accent for active states
   ============================================ */

:root {
    --theme-primary: #121A26;
    --theme-secondary: #21245B;
    --theme-success: #7F9C3D;
    --theme-info: #1A80B6;
    --theme-warning: #DEAC11;
    --theme-danger: #E51A38;
    --theme-light: #fff;
    --theme-dark: #121A26;

    --theme-rgb-primary: 18, 26, 38;
    --theme-rgb-secondary: 33, 36, 91;
    --theme-rgb-success: 127, 156, 61;
    --theme-rgb-info: 26, 128, 182;
    --theme-rgb-warning: 222, 172, 17;
    --theme-rgb-danger: 229, 26, 56;
    --theme-rgb-fusion: 18, 26, 38;

    /* Primary scale (#121A26) */
    --theme-primary-50: #e7e8ea;
    --theme-primary-100: #c4c7cc;
    --theme-primary-200: #9da2ab;
    --theme-primary-300: #767d89;
    --theme-primary-400: #586170;
    --theme-primary-500: #3b4557;
    --theme-primary-600: #2d3545;
    --theme-primary-700: #1f2735;
    --theme-primary-800: #121A26;
    --theme-primary-900: #090d13;

    /* Secondary scale (#21245B) */
    --theme-secondary-50: #e9e9f0;
    --theme-secondary-100: #c7c8d9;
    --theme-secondary-200: #a2a3bf;
    --theme-secondary-300: #7d7fa6;
    --theme-secondary-400: #616493;
    --theme-secondary-500: #454980;
    --theme-secondary-600: #3b3e72;
    --theme-secondary-700: #2e3164;
    --theme-secondary-800: #21245B;
    --theme-secondary-900: #141536;

    /* Info scale (#1A80B6) */
    --theme-info-50: #e3f1f8;
    --theme-info-100: #b9dcef;
    --theme-info-200: #8dc6e5;
    --theme-info-300: #60b0db;
    --theme-info-400: #3d9fd3;
    --theme-info-500: #1A80B6;
    --theme-info-600: #1670a1;
    --theme-info-700: #115e87;
    --theme-info-800: #0c4d6e;
    --theme-info-900: #073b54;

    /* Success scale (#7F9C3D) */
    --theme-success-50: #f2f5e8;
    --theme-success-100: #dfe6c6;
    --theme-success-200: #c9d5a0;
    --theme-success-300: #b3c47a;
    --theme-success-400: #a3b85e;
    --theme-success-500: #7F9C3D;
    --theme-success-600: #6f8a34;
    --theme-success-700: #5d742b;
    --theme-success-800: #4c5e22;
    --theme-success-900: #3a4819;

    /* Warning scale (#DEAC11) */
    --theme-warning-50: #fdf6e3;
    --theme-warning-100: #fae8b8;
    --theme-warning-200: #f7d989;
    --theme-warning-300: #f3ca5a;
    --theme-warning-400: #f1bf36;
    --theme-warning-500: #DEAC11;
    --theme-warning-600: #c4970e;
    --theme-warning-700: #a67f0c;
    --theme-warning-800: #886809;
    --theme-warning-900: #6a5006;

    /* Danger scale (#E51A38) */
    --theme-danger-50: #fde8ec;
    --theme-danger-100: #f9c5ce;
    --theme-danger-200: #f59eae;
    --theme-danger-300: #f1778e;
    --theme-danger-400: #ee5975;
    --theme-danger-500: #E51A38;
    --theme-danger-600: #cc1631;
    --theme-danger-700: #b01229;
    --theme-danger-800: #950e22;
    --theme-danger-900: #7a0a1b;
}

/* ============================================
   BACKGROUND UTILITIES (.bg-*)
   ============================================ */
.bg-primary    { background-color: #121A26 !important; }
.bg-secondary  { background-color: #21245B !important; }
.bg-info       { background-color: #1A80B6 !important; }
.bg-success    { background-color: #7F9C3D !important; }
.bg-warning    { background-color: #DEAC11 !important; }
.bg-danger     { background-color: #E51A38 !important; }

a.bg-primary:hover, a.bg-primary:focus   { background-color: #090d13 !important; }
a.bg-secondary:hover, a.bg-secondary:focus { background-color: #141536 !important; }
a.bg-info:hover, a.bg-info:focus         { background-color: #1670a1 !important; }
a.bg-success:hover, a.bg-success:focus   { background-color: #6f8a34 !important; }
a.bg-warning:hover, a.bg-warning:focus   { background-color: #c4970e !important; }
a.bg-danger:hover, a.bg-danger:focus     { background-color: #cc1631 !important; }

/* Primary bg scale */
.bg-primary-50  { background-color: #e7e8ea !important; }
.bg-primary-100 { background-color: #c4c7cc !important; }
.bg-primary-200 { background-color: #9da2ab !important; }
.bg-primary-300 { background-color: #767d89 !important; }
.bg-primary-400 { background-color: #586170 !important; }
.bg-primary-500 { background-color: #3b4557 !important; }
.bg-primary-600 { background-color: #2d3545 !important; }
.bg-primary-700 { background-color: #1f2735 !important; }
.bg-primary-800 { background-color: #121A26 !important; }
.bg-primary-900 { background-color: #090d13 !important; }

/* Secondary bg scale */
.bg-secondary-50  { background-color: #e9e9f0 !important; }
.bg-secondary-100 { background-color: #c7c8d9 !important; }
.bg-secondary-200 { background-color: #a2a3bf !important; }
.bg-secondary-300 { background-color: #7d7fa6 !important; }
.bg-secondary-400 { background-color: #616493 !important; }
.bg-secondary-500 { background-color: #454980 !important; }
.bg-secondary-600 { background-color: #3b3e72 !important; }
.bg-secondary-700 { background-color: #2e3164 !important; }
.bg-secondary-800 { background-color: #21245B !important; }
.bg-secondary-900 { background-color: #141536 !important; }

/* Info bg scale */
.bg-info-50  { background-color: #e3f1f8 !important; }
.bg-info-100 { background-color: #b9dcef !important; }
.bg-info-200 { background-color: #8dc6e5 !important; }
.bg-info-300 { background-color: #60b0db !important; }
.bg-info-400 { background-color: #3d9fd3 !important; }
.bg-info-500 { background-color: #1A80B6 !important; }
.bg-info-600 { background-color: #1670a1 !important; }
.bg-info-700 { background-color: #115e87 !important; }
.bg-info-800 { background-color: #0c4d6e !important; }
.bg-info-900 { background-color: #073b54 !important; }

/* Success bg scale */
.bg-success-50  { background-color: #f2f5e8 !important; }
.bg-success-100 { background-color: #dfe6c6 !important; }
.bg-success-200 { background-color: #c9d5a0 !important; }
.bg-success-300 { background-color: #b3c47a !important; }
.bg-success-400 { background-color: #a3b85e !important; }
.bg-success-500 { background-color: #7F9C3D !important; }
.bg-success-600 { background-color: #6f8a34 !important; }
.bg-success-700 { background-color: #5d742b !important; }
.bg-success-800 { background-color: #4c5e22 !important; }
.bg-success-900 { background-color: #3a4819 !important; }

/* Warning bg scale */
.bg-warning-50  { background-color: #fdf6e3 !important; }
.bg-warning-100 { background-color: #fae8b8 !important; }
.bg-warning-200 { background-color: #f7d989 !important; }
.bg-warning-300 { background-color: #f3ca5a !important; }
.bg-warning-400 { background-color: #f1bf36 !important; }
.bg-warning-500 { background-color: #DEAC11 !important; }
.bg-warning-600 { background-color: #c4970e !important; }
.bg-warning-700 { background-color: #a67f0c !important; }
.bg-warning-800 { background-color: #886809 !important; }
.bg-warning-900 { background-color: #6a5006 !important; }

/* Danger bg scale */
.bg-danger-50  { background-color: #fde8ec !important; }
.bg-danger-100 { background-color: #f9c5ce !important; }
.bg-danger-200 { background-color: #f59eae !important; }
.bg-danger-300 { background-color: #f1778e !important; }
.bg-danger-400 { background-color: #ee5975 !important; }
.bg-danger-500 { background-color: #E51A38 !important; }
.bg-danger-600 { background-color: #cc1631 !important; }
.bg-danger-700 { background-color: #b01229 !important; }
.bg-danger-800 { background-color: #950e22 !important; }
.bg-danger-900 { background-color: #7a0a1b !important; }

/* Gradient helpers */
.bg-primary-gradient { background: linear-gradient(270deg, #1f2735 0%, #121A26 100%) !important; }
.bg-trans-gradient   { background: linear-gradient(250deg, #1A80B6, #121A26) !important; }

/* ============================================
   TEXT UTILITIES (.text-*)
   ============================================ */
.text-primary    { color: #121A26 !important; }
.text-secondary  { color: #21245B !important; }
.text-info       { color: #1A80B6 !important; }
.text-success    { color: #7F9C3D !important; }
.text-warning    { color: #DEAC11 !important; }
.text-danger     { color: #E51A38 !important; }

a.text-primary:hover, a.text-primary:focus     { color: #090d13 !important; }
a.text-secondary:hover, a.text-secondary:focus { color: #141536 !important; }
a.text-info:hover, a.text-info:focus           { color: #115e87 !important; }
a.text-success:hover, a.text-success:focus     { color: #5d742b !important; }
a.text-warning:hover, a.text-warning:focus     { color: #a67f0c !important; }
a.text-danger:hover, a.text-danger:focus       { color: #b01229 !important; }

/* SmartAdmin color-* text scale (used in panel headers, etc.) */
.color-primary-50  { color: #e7e8ea !important; }
.color-primary-100 { color: #c4c7cc !important; }
.color-primary-200 { color: #9da2ab !important; }
.color-primary-300 { color: #767d89 !important; }
.color-primary-400 { color: #586170 !important; }
.color-primary-500 { color: #3b4557 !important; }
.color-primary-600 { color: #2d3545 !important; }
.color-primary-700 { color: #1f2735 !important; }
.color-primary-800 { color: #121A26 !important; }
.color-primary-900 { color: #090d13 !important; }

.color-secondary-50  { color: #e9e9f0 !important; }
.color-secondary-100 { color: #c7c8d9 !important; }
.color-secondary-200 { color: #a2a3bf !important; }
.color-secondary-300 { color: #7d7fa6 !important; }
.color-secondary-400 { color: #616493 !important; }
.color-secondary-500 { color: #454980 !important; }
.color-secondary-600 { color: #3b3e72 !important; }
.color-secondary-700 { color: #2e3164 !important; }
.color-secondary-800 { color: #21245B !important; }
.color-secondary-900 { color: #141536 !important; }

.color-info-50  { color: #e3f1f8 !important; }
.color-info-100 { color: #b9dcef !important; }
.color-info-200 { color: #8dc6e5 !important; }
.color-info-300 { color: #60b0db !important; }
.color-info-400 { color: #3d9fd3 !important; }
.color-info-500 { color: #1A80B6 !important; }
.color-info-600 { color: #1670a1 !important; }
.color-info-700 { color: #115e87 !important; }
.color-info-800 { color: #0c4d6e !important; }
.color-info-900 { color: #073b54 !important; }

.color-success-50  { color: #f2f5e8 !important; }
.color-success-100 { color: #dfe6c6 !important; }
.color-success-200 { color: #c9d5a0 !important; }
.color-success-300 { color: #b3c47a !important; }
.color-success-400 { color: #a3b85e !important; }
.color-success-500 { color: #7F9C3D !important; }
.color-success-600 { color: #6f8a34 !important; }
.color-success-700 { color: #5d742b !important; }
.color-success-800 { color: #4c5e22 !important; }
.color-success-900 { color: #3a4819 !important; }

.color-warning-50  { color: #fdf6e3 !important; }
.color-warning-100 { color: #fae8b8 !important; }
.color-warning-200 { color: #f7d989 !important; }
.color-warning-300 { color: #f3ca5a !important; }
.color-warning-400 { color: #f1bf36 !important; }
.color-warning-500 { color: #DEAC11 !important; }
.color-warning-600 { color: #c4970e !important; }
.color-warning-700 { color: #a67f0c !important; }
.color-warning-800 { color: #886809 !important; }
.color-warning-900 { color: #6a5006 !important; }

.color-danger-50  { color: #fde8ec !important; }
.color-danger-100 { color: #f9c5ce !important; }
.color-danger-200 { color: #f59eae !important; }
.color-danger-300 { color: #f1778e !important; }
.color-danger-400 { color: #ee5975 !important; }
.color-danger-500 { color: #E51A38 !important; }
.color-danger-600 { color: #cc1631 !important; }
.color-danger-700 { color: #b01229 !important; }
.color-danger-800 { color: #950e22 !important; }
.color-danger-900 { color: #7a0a1b !important; }

/* ============================================
   BADGE UTILITIES (.badge-*)
   ============================================ */
.badge-primary   { background-color: #121A26 !important; color: #fff !important; }
.badge-secondary { background-color: #21245B !important; color: #fff !important; }
.badge-info      { background-color: #1A80B6 !important; color: #fff !important; }
.badge-success   { background-color: #7F9C3D !important; color: #fff !important; }
.badge-warning   { background-color: #DEAC11 !important; color: #fff !important; }
.badge-danger    { background-color: #E51A38 !important; color: #fff !important; }

a.badge-primary:hover, a.badge-primary:focus     { background-color: #090d13 !important; }
a.badge-secondary:hover, a.badge-secondary:focus { background-color: #141536 !important; }
a.badge-info:hover, a.badge-info:focus           { background-color: #1670a1 !important; }
a.badge-success:hover, a.badge-success:focus     { background-color: #6f8a34 !important; }
a.badge-warning:hover, a.badge-warning:focus     { background-color: #c4970e !important; }
a.badge-danger:hover, a.badge-danger:focus       { background-color: #cc1631 !important; }

/* ============================================
   SIDEBAR: White background, dark text  (light mode)
   ============================================ */
body:not(.mod-skin-dark) .page-sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
}

/* Logo area - match header height, bg, and border for a seamless bar */
.page-logo {
    background: #121A26 !important;
    border-bottom: 2px solid #DEAC11 !important;
    height: 4.125rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Back-arrow in logo area: light color on dark bg */
.page-logo #btn-back .fa-arrow-left {
    color: #e2e8f0 !important;
}

.primary-nav .nav-menu:first-of-type {
    margin-top: 0 !important;
}

/* Nav menu text - dark on white (light mode) */
body:not(.mod-skin-dark) .nav-menu a {
    color: #2d3748 !important;
}

body:not(.mod-skin-dark) .nav-menu a .nav-link-text {
    color: #2d3748 !important;
}

body:not(.mod-skin-dark) .nav-menu a > .ni,
body:not(.mod-skin-dark) .nav-menu a > .fal,
body:not(.mod-skin-dark) .nav-menu a > .fas,
body:not(.mod-skin-dark) .nav-menu a > [class*="fa-"] {
    color: #718096 !important;
}

/* Nav hover (light mode) */
body:not(.mod-skin-dark) .nav-menu li > a:hover {
    background-color: #f7fafc !important;
}

/* ── Active nav item (light mode) ── */
body:not(.mod-skin-dark) .nav-menu li.active > a {
    color: #121A26 !important;
    background-color: #f0f4f8 !important;
    border-left: none !important;
    box-shadow: inset 3px 0 0 #DEAC11 !important;
    transition: background-color .15s ease, box-shadow .15s ease;
}

body:not(.mod-skin-dark) .nav-menu li.active > a > .nav-link-text {
    font-weight: 600;
    color: #121A26 !important;
}

body:not(.mod-skin-dark) .nav-menu li.active > a > .ni,
body:not(.mod-skin-dark) .nav-menu li.active > a > .fal,
body:not(.mod-skin-dark) .nav-menu li.active > a > .fas,
body:not(.mod-skin-dark) .nav-menu li.active > a > [class*="fa-"] {
    color: #DEAC11 !important;
}

/* ── Active sub-menu (expanded children, light mode) ── */
body:not(.mod-skin-dark) .nav-menu li.active > ul,
body:not(.mod-skin-dark) .nav-menu li > ul {
    background-color: #f7f9fb !important;
    border-left: none !important;
    margin-left: 0 !important;
}

/* Sub-menu items (light mode) */
body:not(.mod-skin-dark) .nav-menu li > ul li > a {
    color: #4a5568 !important;
    transition: color .15s ease, background-color .15s ease;
}

body:not(.mod-skin-dark) .nav-menu li > ul li > a:hover {
    color: #121A26 !important;
    background-color: #edf2f7 !important;
}

/* Active child item (light mode) */
body:not(.mod-skin-dark) .nav-menu li > ul li.active > a {
    color: #121A26 !important;
    background-color: transparent !important;
    font-weight: 600;
    box-shadow: none !important;
}

body:not(.mod-skin-dark) .nav-menu li > ul li.active > a > .nav-link-text {
    color: #121A26 !important;
}

/* ── Active marker arrow (SmartAdmin :before pseudo, light mode) ── */
body:not(.mod-skin-dark) .nav-menu li.active:not(.open) > a:before {
    color: #DEAC11 !important;
    right: 32px !important;
}

/* Nav section titles / parent items */
.nav-title {
    color: #a0aec0 !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

/* Nav footer area (light mode) */
body:not(.mod-skin-dark) .nav-footer {
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Collapse arrow color */
.nav-menu a .dl-ref {
    color: #a0aec0 !important;
}

/* Collapse sign (chevrons, light mode) */
body:not(.mod-skin-dark) .nav-menu li b.collapse-sign {
    color: #a0aec0 !important;
}

body:not(.mod-skin-dark) .nav-menu li.active > a b.collapse-sign {
    color: #DEAC11 !important;
}

/* ============================================
   SIDEBAR: Dark mode overrides
   ============================================ */
body.mod-skin-dark .page-sidebar {
    background: #1e2227 !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
}

body.mod-skin-dark .nav-footer {
    background: #1e2227 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

body.mod-skin-dark .nav-menu a {
    color: #c4c9d2 !important;
}

body.mod-skin-dark .nav-menu a .nav-link-text {
    color: #c4c9d2 !important;
}

body.mod-skin-dark .nav-menu a > .ni,
body.mod-skin-dark .nav-menu a > .fal,
body.mod-skin-dark .nav-menu a > .fas,
body.mod-skin-dark .nav-menu a > [class*="fa-"] {
    color: #8b909a !important;
}

body.mod-skin-dark .nav-menu li > a:hover {
    background-color: rgba(255,255,255,.06) !important;
}

body.mod-skin-dark .nav-menu li.active > a {
    color: #DEAC11 !important;
    background-color: rgba(222,172,17,.12) !important;
    border-left: none !important;
    box-shadow: inset 3px 0 0 #DEAC11 !important;
    transition: background-color .15s ease, box-shadow .15s ease;
}

body.mod-skin-dark .nav-menu li.active > a > .nav-link-text {
    font-weight: 600;
    color: #DEAC11 !important;
}

body.mod-skin-dark .nav-menu li.active > a > .ni,
body.mod-skin-dark .nav-menu li.active > a > .fal,
body.mod-skin-dark .nav-menu li.active > a > .fas,
body.mod-skin-dark .nav-menu li.active > a > [class*="fa-"] {
    color: #DEAC11 !important;
}

body.mod-skin-dark .nav-menu li.active > ul,
body.mod-skin-dark .nav-menu li > ul {
    background-color: rgba(0,0,0,.15) !important;
    border-left: none !important;
    margin-left: 0 !important;
}

body.mod-skin-dark .nav-menu li > ul li > a {
    color: #8b909a !important;
    transition: color .15s ease, background-color .15s ease;
}

body.mod-skin-dark .nav-menu li > ul li > a:hover {
    color: #c4c9d2 !important;
    background-color: rgba(255,255,255,.06) !important;
}

body.mod-skin-dark .nav-menu li > ul li.active > a {
    color: #DEAC11 !important;
    background-color: transparent !important;
    font-weight: 600;
    box-shadow: none !important;
}

body.mod-skin-dark .nav-menu li > ul li.active > a > .nav-link-text {
    color: #DEAC11 !important;
}

body.mod-skin-dark .nav-menu li.active:not(.open) > a:before {
    color: #DEAC11 !important;
    right: 32px !important;
}

body.mod-skin-dark .nav-menu li b.collapse-sign {
    color: #8b909a !important;
}

body.mod-skin-dark .nav-menu li.active > a b.collapse-sign {
    color: #DEAC11 !important;
}

/* ============================================
   TOP HEADER BAR: Dark primary background
   ============================================ */
.page-header {
    background: #121A26 !important;
    border-bottom: 2px solid #DEAC11 !important;
}

/* Header icons - white on dark */
.page-header .header-icon,
.page-header .header-btn {
    color: #e2e8f0 !important;
}

.page-header .header-icon:hover,
.page-header .header-btn:hover {
    color: #ffffff !important;
}

/* Search input styling on dark header */
.page-header .search .form-control {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.page-header .search .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.page-header .search .form-control:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #DEAC11 !important;
}

/* Nav hide/minify/lock icons on dark header */
.page-header .dropdown-icon-menu a,
.page-header .dropdown-icon-menu .btn {
    color: #e2e8f0 !important;
}

.page-header .dropdown-icon-menu a:hover,
.page-header .dropdown-icon-menu .btn:hover {
    color: #ffffff !important;
}

/* Mobile menu hamburger on dark header */
.page-header .hidden-lg-up a {
    color: #e2e8f0 !important;
}

/* ============================================
   USER AVATAR in header - ensure visible
   ============================================ */
.page-header .profile-image {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    object-fit: cover;
}

/* Notification badge */
.page-header .badge-icon {
    background-color: #E51A38 !important;
    color: #fff !important;
}

/* User dropdown text next to avatar */
.page-header .d-flex.align-items-center .header-icon {
    color: #e2e8f0 !important;
}

/* ============================================
   BUTTONS
   ============================================ */
.btn-primary {
    background-color: #121A26 !important;
    border-color: #121A26 !important;
}

.btn-primary:hover {
    background-color: #1c2838 !important;
    border-color: #1c2838 !important;
}

.btn-success {
    background-color: #7F9C3D !important;
    border-color: #7F9C3D !important;
}

.btn-success:hover {
    background-color: #6f8a34 !important;
    border-color: #6f8a34 !important;
}

/* Info buttons — override so hover is a darker Gateway blue (info-600 #1670a1),
   not the vendor SmartAdmin info teal that was bleeding through from the base theme. */
.btn-info {
    background-color: #1A80B6 !important;
    border-color: #1A80B6 !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #1670a1 !important;
    border-color: #1670a1 !important;
}

/* SmartAdmin (app.bundle.css) puts a bright Material-palette drop-shadow on every solid
   button variant (e.g. .btn-info = rgba(33,150,243) blue, .btn-success = rgba(29,201,183)),
   which clashes with the Gateway theme. Remove them across base/hover/focus/active. */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active,
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active,
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active,
.btn-dark, .btn-dark:hover, .btn-dark:focus, .btn-dark:active,
.btn-light, .btn-light:hover, .btn-light:focus, .btn-light:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* ============================================
   LOGIN PAGE
   ============================================ */
.bg-brand-gradient {
    background: #121A26 !important;
}

/* Page content area background */
.page-content {
    background: #f7fafc;
}

/* Breadcrumb area */
.subheader {
    border-bottom: 1px solid #e2e8f0;
}

/* DataTables pagination spacing */
.dataTables_paginate {
    margin-top: 0.5rem !important;
}

/* Custom switch / toggle theme color */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #7F9C3D !important;
    background-color: #7F9C3D !important;
}

/* Minified nav flyout: ensure popups appear above the fixed header */
.nav-function-minify:not(.nav-function-top) .page-sidebar {
    z-index: 1001 !important;
}

/* ============================================
   Gateway shell fixes — minified-nav flyout
   ============================================ */
/* The flyout submenu was rendering UNDER the fixed header. Root cause:
   .page-sidebar establishes a stacking context at z-index:1002, below the
   header (z-index:2000), so the flyout's own z-index can't escape it.
   While hovering the minified sidebar, lift the whole sidebar above the
   header so the flyout (and its tail) render over it instead of under. */
body.nav-function-minify:not(.nav-function-top) .page-sidebar:hover {
    z-index: 2001 !important;
}
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li > ul {
    z-index: 2010 !important;
}

/* SmartAdmin's minified-nav hover treatment shipped with leftover purple
   (#614b82, fixed at source) and a large decorative "tail" pseudo-element
   (a 3.5rem rotated glyph, originally #584475 → mapped to near-black #0d1117)
   that overlaps the first submenu item as a dark/navy blob against our light
   flyout. The tail only looked right on SmartAdmin's dark nav; with our light
   flyout it's just visual noise, so hide both tails for a clean white panel. */
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before,
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
    display: none !important;
}
/* Hide the hovered item's expanding parent label. With the flyout panel now
   sitting just below the header, this floating label only peeks out clipped
   under the header bar (it is positioned above its icon). The submenu flyout
   alone is the hover feedback, so drop the label for a clean panel. Targets
   the top-level item's own label only — submenu item text is untouched. */
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text {
    display: none !important;
}
/* The flyout reserved 3.75rem of padding-top for the (now-hidden) tail/title,
   leaving an empty gap above the first item. Trim that padding (and raise the
   box by the same amount so the items keep their position) for a tight panel. */
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
    margin-top: -1.75rem !important;
    padding-top: 0.5rem !important;
}
/* While the flyout is open, the hovered parent icon keeps a highlight behind it.
   Use the primary navy instead of the bluer #21245B. */
body.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
    background: #121A26 !important;
}

/* ============================================
   DARK MODE — page-level surface overrides
   (body.mod-skin-dark is toggled by SmartAdmin settings gear)
   ============================================ */

/* P1: page-content background in dark mode */
body.mod-skin-dark .page-content {
    background: #1b1e24;
}

/* P1: subheader border in dark mode */
body.mod-skin-dark .subheader {
    border-bottom-color: rgba(255,255,255,.08);
}