/* Eligen theme for the SFTP-Go Web Client (Bootstrap 5.3 / KeenThemes).
   COMPLETE light theme: instead of patching components one by one, this
   re-emits the theme's entire light token set (extracted from
   style.bundle.css) under BOTH :root and [data-bs-theme=dark], with a
   contrast-boosted gray scale. A browser with dark mode persisted (the theme
   JS reads localStorage "data-bs-theme-mode") therefore renders identical to
   light — no dark token can leak through — and every gray text lands at
   readable contrast on white. Brand: Eligen orange ramp + Exo 2. */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&display=swap');

/* ══ 1. Token parity: full light theme under any theme attribute ══ */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  color-scheme: light !important;
  --bs-blue: #0d6efd !important;
  --bs-indigo: #6610f2 !important;
  --bs-purple: #6f42c1 !important;
  --bs-pink: #d63384 !important;
  --bs-red: #dc3545 !important;
  --bs-orange: #fd7e14 !important;
  --bs-yellow: #ffc107 !important;
  --bs-green: #198754 !important;
  --bs-teal: #20c997 !important;
  --bs-cyan: #0dcaf0 !important;
  --bs-black: #000000 !important;
  --bs-white: #ffffff !important;
  --bs-gray: #78829D !important;
  --bs-gray-dark: #252F4A !important;
  --bs-gray-100: #F9F9F9 !important;
  --bs-gray-200: #F1F1F4 !important;
  --bs-gray-300: #DBDFE9 !important;
  --bs-gray-400: #8a94a3 !important;
  --bs-gray-500: #556270 !important;
  --bs-gray-600: #3f4a58 !important;
  --bs-gray-700: #2e3744 !important;
  --bs-gray-800: #1e2530 !important;
  --bs-gray-900: #12141a !important;
  --bs-light: #F9F9F9 !important;
  --bs-primary: #bc3019 !important;
  --bs-secondary: #F1F1F4 !important;
  --bs-success: #17C653 !important;
  --bs-info: #7239EA !important;
  --bs-warning: #F6C000 !important;
  --bs-danger: #F8285A !important;
  --bs-dark: #1E2129 !important;
  --bs-light-rgb: 249,249,249 !important;
  --bs-primary-rgb: 188,48,25 !important;
  --bs-secondary-rgb: 241,241,244 !important;
  --bs-success-rgb: 23,198,83 !important;
  --bs-info-rgb: 114,57,234 !important;
  --bs-warning-rgb: 246,192,0 !important;
  --bs-danger-rgb: 248,40,90 !important;
  --bs-dark-rgb: 30,33,41 !important;
  --bs-primary-text-emphasis: #002a5a !important;
  --bs-secondary-text-emphasis: #606062 !important;
  --bs-success-text-emphasis: #094f21 !important;
  --bs-info-text-emphasis: #2e175e !important;
  --bs-warning-text-emphasis: #624d00 !important;
  --bs-danger-text-emphasis: #631024 !important;
  --bs-light-text-emphasis: #4B5675 !important;
  --bs-dark-text-emphasis: #4B5675 !important;
  --bs-primary-bg-subtle: #cce1f9 !important;
  --bs-secondary-bg-subtle: #fcfcfd !important;
  --bs-success-bg-subtle: #d1f4dd !important;
  --bs-info-bg-subtle: #e3d7fb !important;
  --bs-warning-bg-subtle: #fdf2cc !important;
  --bs-danger-bg-subtle: #fed4de !important;
  --bs-light-bg-subtle: #fcfcfc !important;
  --bs-dark-bg-subtle: #C4CADA !important;
  --bs-primary-border-subtle: #99c3f3 !important;
  --bs-secondary-border-subtle: #f9f9fb !important;
  --bs-success-border-subtle: #a2e8ba !important;
  --bs-info-border-subtle: #c7b0f7 !important;
  --bs-warning-border-subtle: #fbe699 !important;
  --bs-danger-border-subtle: #fca9bd !important;
  --bs-light-border-subtle: #F1F1F4 !important;
  --bs-dark-border-subtle: #6D6D97 !important;
  --bs-white-rgb: 255,255,255 !important;
  --bs-black-rgb: 0,0,0 !important;
  --bs-font-sans-serif: Inter,Helvetica,"sans-serif" !important;
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) !important;
  --bs-body-font-family: var(--bs-font-sans-serif) !important;
  --bs-body-font-size: 1rem !important;
  --bs-body-font-weight: 400 !important;
  --bs-body-line-height: 1.5 !important;
  --bs-body-color: #12141a !important;
  --bs-body-color-rgb: 18,20,26 !important;
  --bs-body-bg: #ffffff !important;
  --bs-body-bg-rgb: 255,255,255 !important;
  --bs-emphasis-color: #000000 !important;
  --bs-emphasis-color-rgb: 0,0,0 !important;
  --bs-secondary-color: rgba(18, 20, 26, 0.72) !important;
  --bs-secondary-color-rgb: 7,20,55 !important;
  --bs-secondary-bg: #F1F1F4 !important;
  --bs-secondary-bg-rgb: 241,241,244 !important;
  --bs-tertiary-color: rgba(18, 20, 26, 0.55) !important;
  --bs-tertiary-color-rgb: 7,20,55 !important;
  --bs-tertiary-bg: #F9F9F9 !important;
  --bs-tertiary-bg-rgb: 249,249,249 !important;
  --bs-heading-color: #12141a !important;
  --bs-link-color: #bc3019 !important;
  --bs-link-color-rgb: 188,48,25 !important;
  --bs-link-decoration: none !important;
  --bs-link-hover-color: #9c270f !important;
  --bs-link-hover-color-rgb: 156,39,15 !important;
  --bs-link-hover-decoration: none !important;
  --bs-code-color: #b93993 !important;
  --bs-highlight-color: #071437 !important;
  --bs-highlight-bg: #fff3cd !important;
  --bs-border-width: 1px !important;
  --bs-border-style: solid !important;
  --bs-border-color: #F1F1F4 !important;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175) !important;
  --bs-border-radius: 0.475rem !important;
  --bs-border-radius-sm: 0.425rem !important;
  --bs-border-radius-lg: 0.625rem !important;
  --bs-border-radius-xl: 1rem !important;
  --bs-border-radius-xxl: 2rem !important;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl) !important;
  --bs-border-radius-pill: 50rem !important;
  --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075) !important;
  --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05) !important;
  --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1) !important;
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075) !important;
  --bs-focus-ring-width: 0.25rem !important;
  --bs-focus-ring-opacity: 0.25 !important;
  --bs-focus-ring-color: rgba(0, 105, 224, 0.25) !important;
  --bs-form-valid-color: #17C653 !important;
  --bs-form-valid-border-color: #17C653 !important;
  --bs-form-invalid-color: #F8285A !important;
  --bs-form-invalid-border-color: #F8285A !important;
  --bs-gray-400-rgb: 138,148,163 !important;
  --bs-gray-500-rgb: 85,98,112 !important;
  --bs-gray-600-rgb: 63,74,88 !important;
  --bs-gray-700-rgb: 46,55,68 !important;
  --bs-gray-800-rgb: 30,37,48 !important;
  --bs-gray-900-rgb: 18,20,26 !important;
  --bs-text-muted: #556270 !important;
  --bs-component-active-bg: #bc3019 !important;
}

/* ══ 2. Base surfaces + typography ══ */
html, body {
  background-color: #ffffff !important;
  color: var(--bs-body-color) !important;
}
body, .fw-normal, .form, .btn, .menu, .table, input, select, textarea {
  font-family: 'Exo 2', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
}
.app-blank, .app-default, .bg-body, .bgi-no-repeat,
.card, .app-content, .app-wrapper, .app-main, .app-sidebar, .app-header, .menu {
  background-color: #ffffff !important;
}
.bg-dark, .bg-gray-900, .bg-gray-800, .bg-black {
  background-color: #f5f8fa !important;
  color: #12141a !important;
}
.form-control-solid, .form-select-solid, .bg-light, .bg-gray-100, .bg-secondary {
  background-color: #f5f8fa !important;
  color: #12141a !important;
}
/* Anything Metronic left as light-on-dark text */
.text-white, .text-gray-100, .text-gray-200, .text-light { color: #12141a !important; }

/* ══ 3. Text scale (belt over the token braces) ══ */
.text-muted, .form-text, .text-secondary, .text-gray-400, .text-gray-500 { color: #556270 !important; }
.text-gray-600, .text-gray-700, label, .col-form-label, .form-check-label { color: #2e3744 !important; }
.text-gray-800, .text-gray-900, .text-dark, h1, h2, h3, h4, h5, h6,
.card-title, .card-label, .fw-bold, .fw-bolder { color: #12141a !important; }
.table th, .table thead th { color: #2e3744 !important; font-weight: 600 !important; }
.table td, .table tbody td { color: #12141a !important; }
.table a, [data-kt-filemanager-table] a { color: #12141a !important; }
.table a:hover, [data-kt-filemanager-table] a:hover { color: #bc3019 !important; }
.form-control { color: #12141a !important; }
.form-control::placeholder, input::placeholder { color: #8a94a3 !important; }
.dataTables_info, .dataTables_length, .dataTables_length label, .form-select { color: #2e3744 !important; }

/* ══ 4. Eligen brand accents ══ */
.btn.btn-primary, .btn-primary {
  background: linear-gradient(135deg, #f78017 0%, #bc3019 100%) !important;
  border-color: #bc3019 !important; color: #fff !important;
  box-shadow: 0 6px 16px rgba(188,48,25,0.25) !important;
}
.btn.btn-primary:hover, .btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background: linear-gradient(135deg, #e85d12 0%, #9c270f 100%) !important;
  border-color: #9c270f !important;
}
a { color: #bc3019; }
a:hover { color: #9c270f; }
.text-primary, .link-primary { color: #bc3019 !important; }
.bg-primary { background-color: #bc3019 !important; }
.bg-light-primary { background-color: #fdf4ee !important; }
.badge-primary { background-color: #bc3019 !important; color: #fff !important; }
.menu-link.active, .active > .menu-link { color: #bc3019 !important; background-color: #fdf4ee !important; }
.form-control:focus, .form-select:focus {
  border-color: #f59f5e !important; box-shadow: 0 0 0 0.2rem rgba(247,128,23,0.20) !important;
}
.form-check-input { background-color: #ffffff !important; border: 1px solid #d0d5dd !important; }
.form-check-input:checked { background-color: #bc3019 !important; border-color: #bc3019 !important; }
.progress-bar { background: linear-gradient(135deg, #f78017 0%, #bc3019 100%) !important; }
.card { border-radius: 16px !important; }
.page-item.active .page-link, .pagination .active {
  background-color: #bc3019 !important; border-color: #bc3019 !important; color: #fff !important;
}

/* ══ 5. Components the dark theme styles with literals (not tokens) ══ */
.btn.btn-secondary, .btn.btn-light, .btn.btn-active-light {
  background-color: #f5f8fa !important; border-color: #e4e6ef !important; color: #12141a !important;
}
.btn.btn-secondary:hover, .btn.btn-light:hover { background-color: #eef1f5 !important; color: #bc3019 !important; }
.btn.btn-light-primary { background-color: #fdf4ee !important; color: #bc3019 !important; border-color: transparent !important; }
.btn.btn-icon { background-color: #f5f8fa !important; color: #3f4a58 !important; }
.btn.btn-icon:hover { background-color: #eef1f5 !important; color: #bc3019 !important; }
.btn.btn-dark { background-color: #f5f8fa !important; color: #12141a !important; border-color: #e4e6ef !important; }
.menu-sub-dropdown, .dropdown-menu {
  background-color: #ffffff !important; border: 1px solid #eef1f5 !important;
  box-shadow: 0 10px 30px rgba(15,23,42,0.12) !important;
}
.badge.badge-light-primary, [data-kt-filemanager-table-nav-bar] {
  background-color: #fdf4ee !important; color: #bc3019 !important;
}
.badge.badge-light-primary a, [data-kt-filemanager-table-nav-bar] a { color: #bc3019 !important; }
.accordion-button::after { filter: none !important; }
.blockui-overlay { background-color: rgba(255,255,255,0.6) !important; }

/* ══ 6. Modals + dropzone (Upload Files) ══ */
.modal-content { background-color: #ffffff !important; color: #12141a !important; }
.modal-header { border-bottom: 0 !important; }
.modal-title, .modal-header h2, .modal-header h3, .modal-header h5,
.modal-content .fw-bold, .modal-content .text-dark { color: #12141a !important; }
.modal-content .form-label, .modal-content label { color: #2e3744 !important; }
.modal-content .form-control {
  background-color: #ffffff !important; border-color: #d0d5dd !important; color: #12141a !important;
}
.dropzone, .dropzone.dropzone-queue {
  background-color: #fdf4ee !important; border: 1px dashed #bc3019 !important; color: #12141a !important;
}
.dropzone .dz-message, .dropzone .dz-message h3, .dropzone .dz-message .fs-4,
.dropzone .dz-message .fs-5, .dropzone .dz-message span, .dropzone .dz-message div { color: #12141a !important; }
.dropzone .dz-message i, .dropzone .dz-message .svg-icon, .dropzone .dz-message .ki-duotone { color: #bc3019 !important; }
.dropzone .dz-preview, .dropzone .dz-preview .dz-details, .dropzone .dropzone-item, .dropzone .dropzone-file {
  background-color: #ffffff !important; color: #12141a !important;
}
.dropzone .dz-filename, .dropzone .dropzone-filename { color: #12141a !important; }
.dropzone .dz-size, .dropzone .dropzone-filesize { color: #556270 !important; }

/* ══ 7. Sidebar / navigation ══ */
.menu-title, .menu .menu-title, .aside .menu-title, .app-sidebar .menu-title {
  color: #12141a !important; font-weight: 600 !important;
}
.menu-icon i, .menu-icon .svg-icon, .menu .menu-icon { color: #3f4a58 !important; }
.menu-item .menu-link.active .menu-title, .menu-link.active .menu-title { color: #bc3019 !important; }

/* ══ 8. Hides: WebAdmin link, hardcoded brand text, theme switcher ══ */
a[href="/web/admin/login"], a[href*="/web/admin"] { display: none !important; }
.row.align-items-center .col-7 > h1, .container.mb-10 .col-7 h1 { display: none !important; }
.row.align-items-center .col-5 { flex: 0 0 auto; width: auto !important; }
img[alt="Logo"] { max-height: 90px; }
div.d-flex.align-items-center:has([data-kt-element="theme-mode-menu"]),
[data-kt-element="theme-mode-menu"] { display: none !important; }