/* ==========================================================================
   Maritime Maintenance - Unified Modern Theme System
   - Typography: Inter (UI & Headings) / JetBrains Mono (Codes & Data)
   - Brand Primary: #305CDE (Ocean Deep Blue)
   - Light Theme Palette: Crisp White & Slate Navy (#0F172A)
   - Dark Theme Palette: Sleek Deep Charcoal (#151728 / #1E1E2D)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Typography & Global Font Definitions
   -------------------------------------------------------------------------- */
:root {
    --bs-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --bs-font-monospace: 'JetBrains Mono', monospace !important;
    --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

    /* Primary Accent Blue */
    --bs-primary: #305CDE !important;
    --bs-primary-rgb: 48, 92, 222 !important;
    --bs-primary-active: #2448b8 !important;
    --bs-primary-hover: #264bba !important;
    --bs-primary-light: #eff3fe !important;
    --bs-primary-inverse: #ffffff !important;
    --bs-link-color: #305CDE !important;
    --bs-link-hover-color: #2448b8 !important;
    --bs-link-color-rgb: 48, 92, 222 !important;
    --bs-primary-bg-subtle: #eff3fe !important;
    --bs-primary-border-subtle: #b6c7f8 !important;
    --bs-primary-text-emphasis: #1e3a96 !important;
}

body,
input,
button,
select,
textarea,
optgroup,
.form-control,
.form-select,
.btn,
.card,
.card-title,
.card-header,
.menu-title,
.menu-link,
.menu-content,
.badge,
.table,
.table th,
.table td,
.breadcrumb,
.breadcrumb-item,
.modal-title,
.modal-content,
.dropdown-menu,
.dropdown-item,
.nav-link,
.tooltip,
.popover,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    letter-spacing: -0.01em;
}

/* Monospace only for code, statutory numbers, IMO IDs */
code,
kbd,
samp,
pre,
.font-monospace,
.statutory-code,
.tech-code,
[data-monospace="true"] {
    font-family: 'JetBrains Mono', monospace !important;
    letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   2. Light Theme Defaults
   -------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
    --bs-dark: #0F172A !important;
    --bs-dark-rgb: 15, 23, 42 !important;
    --bs-heading-color: #0F172A !important;
    --bs-dark-text-emphasis: #0F172A !important;
}

/* Headings and Dark Elements in Light Mode */
:root:not([data-bs-theme="dark"]) h1,
:root:not([data-bs-theme="dark"]) h2,
:root:not([data-bs-theme="dark"]) h3,
:root:not([data-bs-theme="dark"]) h4,
:root:not([data-bs-theme="dark"]) h5,
:root:not([data-bs-theme="dark"]) h6,
:root:not([data-bs-theme="dark"]) .h1,
:root:not([data-bs-theme="dark"]) .h2,
:root:not([data-bs-theme="dark"]) .h3,
:root:not([data-bs-theme="dark"]) .h4,
:root:not([data-bs-theme="dark"]) .h5,
:root:not([data-bs-theme="dark"]) .h6,
:root:not([data-bs-theme="dark"]) .text-dark,
[data-bs-theme="light"] h1,
[data-bs-theme="light"] h2,
[data-bs-theme="light"] h3,
[data-bs-theme="light"] h4,
[data-bs-theme="light"] h5,
[data-bs-theme="light"] h6,
[data-bs-theme="light"] .h1,
[data-bs-theme="light"] .h2,
[data-bs-theme="light"] .h3,
[data-bs-theme="light"] .h4,
[data-bs-theme="light"] .h5,
[data-bs-theme="light"] .h6,
[data-bs-theme="light"] .text-dark {
    color: #0F172A !important;
}

:root:not([data-bs-theme="dark"]) .bg-dark,
[data-bs-theme="light"] .bg-dark {
    background-color: #0F172A !important;
}

/* Light Mode Badges & Accents */
:root:not([data-bs-theme="dark"]) .bg-light-primary,
[data-bs-theme="light"] .bg-light-primary {
    background-color: #eff3fe !important;
}

:root:not([data-bs-theme="dark"]) .btn-light-primary,
[data-bs-theme="light"] .btn-light-primary {
    color: #305CDE !important;
    border-color: transparent !important;
    background-color: #eff3fe !important;
    transition: all 0.2s ease-in-out;
}

:root:not([data-bs-theme="dark"]) .btn-light-primary i,
:root:not([data-bs-theme="dark"]) .btn-light-primary .ki-duotone,
:root:not([data-bs-theme="dark"]) .btn-light-primary svg,
[data-bs-theme="light"] .btn-light-primary i,
[data-bs-theme="light"] .btn-light-primary .ki-duotone,
[data-bs-theme="light"] .btn-light-primary svg {
    color: #305CDE !important;
    transition: all 0.2s ease-in-out;
}

/* Light Mode Light-Primary Hover / Active / Focus */
:root:not([data-bs-theme="dark"]) .btn-light-primary:hover,
:root:not([data-bs-theme="dark"]) .btn-light-primary:focus,
:root:not([data-bs-theme="dark"]) .btn-light-primary:active,
:root:not([data-bs-theme="dark"]) .btn-light-primary.active,
:root:not([data-bs-theme="dark"]) .btn-check:checked + .btn.btn-light-primary,
:root:not([data-bs-theme="dark"]) .btn-check:active + .btn.btn-light-primary,
:root:not([data-bs-theme="dark"]) .show > .btn.btn-light-primary,
[data-bs-theme="light"] .btn-light-primary:hover,
[data-bs-theme="light"] .btn-light-primary:focus,
[data-bs-theme="light"] .btn-light-primary:active,
[data-bs-theme="light"] .btn-light-primary.active,
[data-bs-theme="light"] .btn-check:checked + .btn.btn-light-primary,
[data-bs-theme="light"] .btn-check:active + .btn.btn-light-primary,
[data-bs-theme="light"] .show > .btn.btn-light-primary {
    color: #FFFFFF !important;
    background-color: #305CDE !important;
    border-color: #305CDE !important;
}

:root:not([data-bs-theme="dark"]) .btn-light-primary:hover *,
:root:not([data-bs-theme="dark"]) .btn-light-primary:focus *,
:root:not([data-bs-theme="dark"]) .btn-light-primary:active *,
[data-bs-theme="light"] .btn-light-primary:hover *,
[data-bs-theme="light"] .btn-light-primary:focus *,
[data-bs-theme="light"] .btn-light-primary:active * {
    color: #FFFFFF !important;
}

/* Comprehensive Button Light Variants Hover Fixes */
.btn.btn-light-success {
    color: #059669 !important;
    background-color: #d1fae5 !important;
    border-color: transparent !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-success i,
.btn.btn-light-success .ki-duotone,
.btn.btn-light-success svg {
    color: #059669 !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-success:hover,
.btn.btn-light-success:focus,
.btn.btn-light-success:active,
.btn.btn-light-success.active,
.btn-check:checked + .btn.btn-light-success,
.btn-check:active + .btn.btn-light-success,
.show > .btn.btn-light-success {
    color: #FFFFFF !important;
    background-color: #10b981 !important;
    border-color: #10b981 !important;
}
.btn.btn-light-success:hover *,
.btn.btn-light-success:focus *,
.btn.btn-light-success:active * {
    color: #FFFFFF !important;
}

.btn.btn-light-danger {
    color: #e11d48 !important;
    background-color: #ffe4e6 !important;
    border-color: transparent !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-danger i,
.btn.btn-light-danger .ki-duotone,
.btn.btn-light-danger svg {
    color: #e11d48 !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-danger:hover,
.btn.btn-light-danger:focus,
.btn.btn-light-danger:active,
.btn.btn-light-danger.active,
.btn-check:checked + .btn.btn-light-danger,
.btn-check:active + .btn.btn-light-danger,
.show > .btn.btn-light-danger {
    color: #FFFFFF !important;
    background-color: #f43f5e !important;
    border-color: #f43f5e !important;
}
.btn.btn-light-danger:hover *,
.btn.btn-light-danger:focus *,
.btn.btn-light-danger:active * {
    color: #FFFFFF !important;
}

.btn.btn-light-warning {
    color: #d97706 !important;
    background-color: #fef3c7 !important;
    border-color: transparent !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-warning:hover,
.btn.btn-light-warning:focus,
.btn.btn-light-warning:active,
.btn.btn-light-warning.active {
    color: #FFFFFF !important;
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
}
.btn.btn-light-warning:hover *,
.btn.btn-light-warning:focus *,
.btn.btn-light-warning:active * {
    color: #FFFFFF !important;
}

.btn.btn-light-info {
    color: #0284c7 !important;
    background-color: #e0f2fe !important;
    border-color: transparent !important;
    transition: all 0.2s ease-in-out;
}
.btn.btn-light-info:hover,
.btn.btn-light-info:focus,
.btn.btn-light-info:active,
.btn.btn-light-info.active {
    color: #FFFFFF !important;
    background-color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}
.btn.btn-light-info:hover *,
.btn.btn-light-info:focus *,
.btn.btn-light-info:active * {
    color: #FFFFFF !important;
}

:root:not([data-bs-theme="dark"]) .badge-light-primary,
[data-bs-theme="light"] .badge-light-primary {
    color: #305CDE !important;
    background-color: #eff3fe !important;
}

:root:not([data-bs-theme="dark"]) .menu-state-primary .menu-item .menu-link.active,
[data-bs-theme="light"] .menu-state-primary .menu-item .menu-link.active {
    color: #305CDE !important;
    background-color: #eff3fe !important;
}

/* --------------------------------------------------------------------------
   3. Universal Primary Color Overrides (Light & Dark)
   -------------------------------------------------------------------------- */
.text-primary,
a.text-primary {
    color: #305CDE !important;
}

.text-hover-primary:hover,
a.text-hover-primary:hover {
    color: #305CDE !important;
}

.link-primary {
    color: #305CDE !important;
}
.link-primary:hover,
.link-primary:focus {
    color: #2448b8 !important;
}

.bg-primary {
    background-color: #305CDE !important;
}

.border-primary {
    border-color: #305CDE !important;
}

/* Primary Buttons */
.btn-primary {
    color: #ffffff !important;
    border-color: #305CDE !important;
    background-color: #305CDE !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffff !important;
    border-color: #2448b8 !important;
    background-color: #2448b8 !important;
}

.btn-primary:hover *,
.btn-primary:focus *,
.btn-primary:active * {
    color: #ffffff !important;
}

.btn-check:checked + .btn.btn-primary,
.btn-check:active + .btn.btn-primary {
    color: #ffffff !important;
    border-color: #2448b8 !important;
    background-color: #2448b8 !important;
}

.btn-outline.btn-outline-primary {
    color: #305CDE !important;
    border-color: #305CDE !important;
}

.btn-outline.btn-outline-primary:hover,
.btn-outline.btn-outline-primary:active,
.btn-outline.btn-outline-primary.active {
    color: #ffffff !important;
    background-color: #305CDE !important;
    border-color: #305CDE !important;
}

/* Form Controls & Focus States */
.form-control:focus,
.form-select:focus {
    border-color: #305CDE !important;
    box-shadow: 0 0 0 0.25rem rgba(48, 92, 222, 0.2) !important;
}

.form-check-input:checked {
    background-color: #305CDE !important;
    border-color: #305CDE !important;
}

.form-check-input:focus {
    border-color: #305CDE !important;
    box-shadow: 0 0 0 0.25rem rgba(48, 92, 222, 0.2) !important;
}

/* Badges */
.badge-primary {
    color: #ffffff !important;
    background-color: #305CDE !important;
}

/* Bullets */
.bullet.bg-primary {
    background-color: #305CDE !important;
}

/* Menu & Sidebar Active / Hover States */
.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.menu-state-primary .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #305CDE !important;
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
.menu-state-primary .menu-item:not(.here) > .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon {
    color: #305CDE !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-title {
    font-weight: 600 !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-icon,
.menu-state-primary .menu-item .menu-link.active .menu-icon i {
    color: #305CDE !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: #305CDE !important;
}

.menu-item.show > .menu-link > .menu-title,
.menu-item.show > .menu-link > .menu-icon,
.menu-item.show > .menu-link > .menu-icon i {
    color: #305CDE !important;
}

/* Pagination */
.page-item.active .page-link {
    background-color: #305CDE !important;
    border-color: #305CDE !important;
    color: #ffffff !important;
}

.page-link:hover {
    color: #305CDE !important;
}

/* Tabs */
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover {
    color: #305CDE !important;
    border-bottom-color: #305CDE !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #305CDE !important;
    color: #ffffff !important;
}

/* Progress bar & Scroll top */
.progress-bar.bg-primary {
    background-color: #305CDE !important;
}

#kt_scrolltop {
    background-color: #305CDE !important;
}

#kt_scrolltop:hover {
    background-color: #2448b8 !important;
}

/* Toastr notifications */
.toast-primary,
#toast-container > .toast-info {
    background-color: #305CDE !important;
}

/* --------------------------------------------------------------------------
   4. Comprehensive Dark Mode Theme Engine ([data-bs-theme="dark"])
   Fixes all invisible text, contrast issues, and jarring white boxes
   -------------------------------------------------------------------------- */
[data-bs-theme="dark"],
html[data-bs-theme="dark"],
body[data-bs-theme="dark"] {
    --bs-body-bg: #151728 !important;
    --bs-body-bg-rgb: 21, 23, 40 !important;
    --bs-body-color: #CDCDDE !important;
    --bs-heading-color: #FFFFFF !important;
    --bs-dark-text-emphasis: #FFFFFF !important;
    --bs-primary-light: rgba(48, 92, 222, 0.16) !important;
    --bs-primary-bg-subtle: rgba(48, 92, 222, 0.16) !important;
    --bs-border-color: #2B2B40 !important;
}

/* Body & Backgrounds in Dark Mode */
[data-bs-theme="dark"] body,
body[data-bs-theme="dark"] {
    background-color: #151728 !important;
    color: #CDCDDE !important;
}

[data-bs-theme="dark"] .bg-body {
    background-color: #151728 !important;
}

/* Headings & Text in Dark Mode - MUST BE PURE WHITE / CRISP */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .h1,
[data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] .h3,
[data-bs-theme="dark"] .h4,
[data-bs-theme="dark"] .h5,
[data-bs-theme="dark"] .h6,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-gray-900,
[data-bs-theme="dark"] .text-gray-800,
html[data-bs-theme="dark"] .text-dark,
html[data-bs-theme="dark"] h1,
html[data-bs-theme="dark"] h2,
html[data-bs-theme="dark"] h3 {
    color: #FFFFFF !important;
}

/* Labels in Dark Mode */
[data-bs-theme="dark"] label.text-dark,
[data-bs-theme="dark"] .form-label.text-dark,
[data-bs-theme="dark"] .form-label {
    color: #E1E3EA !important;
}

/* Secondary & Muted Text in Dark Mode */
[data-bs-theme="dark"] .text-gray-700 {
    color: #E1E3EA !important;
}

[data-bs-theme="dark"] .text-gray-600 {
    color: #B5B5C3 !important;
}

[data-bs-theme="dark"] .text-gray-500,
[data-bs-theme="dark"] .text-muted {
    color: #92929F !important;
}

/* Breadcrumbs in Dark Mode */
[data-bs-theme="dark"] .breadcrumb-item.text-dark {
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .breadcrumb-item,
[data-bs-theme="dark"] .breadcrumb-item a {
    color: #92929F !important;
}

[data-bs-theme="dark"] .breadcrumb-item a:hover {
    color: #6184EB !important;
}

/* Cards & Modals in Dark Mode */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content {
    background-color: #1E1E2D !important;
    border-color: #2B2B40 !important;
    color: #CDCDDE !important;
}

[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: #2B2B40 !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .modal-title {
    color: #FFFFFF !important;
}

/* Form Controls in Dark Mode */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-control-solid,
[data-bs-theme="dark"] .form-select-solid {
    background-color: #1B1B29 !important;
    border: 1px solid #323248 !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #1B1B29 !important;
    border-color: #305CDE !important;
    color: #FFFFFF !important;
    box-shadow: 0 0 0 0.25rem rgba(48, 92, 222, 0.25) !important;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #6D6D80 !important;
}

[data-bs-theme="dark"] .form-check-input {
    background-color: #1B1B29 !important;
    border-color: #323248 !important;
}

[data-bs-theme="dark"] .form-check-input:checked {
    background-color: #305CDE !important;
    border-color: #305CDE !important;
}

[data-bs-theme="dark"] .input-group-text {
    background-color: #25283D !important;
    border-color: #323248 !important;
    color: #92929F !important;
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #1E1E2D !important;
    border-color: #2B2B40 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #CDCDDE !important;
}

[data-bs-theme="dark"] .dropdown-item:hover {
    background-color: #25283D !important;
    color: #FFFFFF !important;
}

/* Tables in Dark Mode */
[data-bs-theme="dark"] .table {
    color: #CDCDDE !important;
    border-color: #2B2B40 !important;
}

[data-bs-theme="dark"] .table thead tr th {
    color: #92929F !important;
    border-bottom: 1px dashed #2B2B40 !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .table tbody tr td {
    color: #CDCDDE !important;
    border-bottom: 1px dashed #2B2B40 !important;
    background-color: transparent !important;
}

[data-bs-theme="dark"] .table-row-dashed tr {
    border-bottom: 1px dashed #2B2B40 !important;
}

[data-bs-theme="dark"] .table.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Badges in Dark Mode - Soft Neon Glowing Look instead of jarring white */
[data-bs-theme="dark"] .bg-light-primary {
    background-color: rgba(48, 92, 222, 0.16) !important;
}

[data-bs-theme="dark"] .badge-light-primary {
    background-color: rgba(48, 92, 222, 0.18) !important;
    color: #8AB4F8 !important;
    border: 1px solid rgba(48, 92, 222, 0.35) !important;
}

[data-bs-theme="dark"] .badge-light-info {
    background-color: rgba(114, 57, 234, 0.18) !important;
    color: #B794F6 !important;
    border: 1px solid rgba(114, 57, 234, 0.35) !important;
}

[data-bs-theme="dark"] .badge-light-success {
    background-color: rgba(80, 205, 137, 0.18) !important;
    color: #50CD89 !important;
    border: 1px solid rgba(80, 205, 137, 0.35) !important;
}

[data-bs-theme="dark"] .badge-light-danger {
    background-color: rgba(241, 65, 108, 0.18) !important;
    color: #F1416C !important;
    border: 1px solid rgba(241, 65, 108, 0.35) !important;
}

[data-bs-theme="dark"] .badge-light-warning {
    background-color: rgba(255, 199, 0, 0.18) !important;
    color: #FFC700 !important;
    border: 1px solid rgba(255, 199, 0, 0.35) !important;
}

[data-bs-theme="dark"] .badge-light {
    background-color: #25283D !important;
    color: #92929F !important;
}

/* Light-Style Buttons in Dark Mode */
[data-bs-theme="dark"] .btn-light-primary {
    background-color: rgba(48, 92, 222, 0.16) !important;
    color: #8AB4F8 !important;
    border: 1px solid rgba(48, 92, 222, 0.28) !important;
}

[data-bs-theme="dark"] .btn-light-primary:hover,
[data-bs-theme="dark"] .btn-light-primary:active,
[data-bs-theme="dark"] .btn-light-primary:focus {
    background-color: #305CDE !important;
    color: #FFFFFF !important;
    border-color: #305CDE !important;
}

[data-bs-theme="dark"] .btn-light-danger {
    background-color: rgba(241, 65, 108, 0.16) !important;
    color: #F1416C !important;
    border: 1px solid rgba(241, 65, 108, 0.28) !important;
}

[data-bs-theme="dark"] .btn-light-danger:hover {
    background-color: #F1416C !important;
    color: #FFFFFF !important;
    border-color: #F1416C !important;
}

[data-bs-theme="dark"] .btn-light {
    background-color: #25283D !important;
    color: #CDCDDE !important;
    border-color: #323248 !important;
}

[data-bs-theme="dark"] .btn-light:hover {
    background-color: #2E324D !important;
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .btn-bg-light {
    background-color: #25283D !important;
    border-color: #323248 !important;
    color: #92929F !important;
}

[data-bs-theme="dark"] .btn-bg-light:hover {
    background-color: #2E324D !important;
    color: #FFFFFF !important;
}

/* Sidebar & Navigation in Dark Mode */
[data-bs-theme="dark"] .aside-default {
    background-color: #1E1E2D !important;
    border-right: 1px solid #2B2B40 !important;
}

[data-bs-theme="dark"] .header {
    background-color: #1E1E2D !important;
    border-bottom: 1px solid #2B2B40 !important;
}

[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link.active {
    background-color: rgba(48, 92, 222, 0.2) !important;
    color: #8AB4F8 !important;
}

[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link.active .menu-title {
    color: #8AB4F8 !important;
}

[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link.active .menu-icon,
[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link.active .menu-icon i {
    color: #8AB4F8 !important;
}

[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

[data-bs-theme="dark"] .menu-state-primary .menu-item .menu-link:hover:not(.active) .menu-title {
    color: #FFFFFF !important;
}

[data-bs-theme="dark"] .menu-title {
    color: #92929F;
}

/* Pagination in Dark Mode */
[data-bs-theme="dark"] .page-link {
    background-color: #1E1E2D !important;
    border-color: #2B2B40 !important;
    color: #92929F !important;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #305CDE !important;
    border-color: #305CDE !important;
    color: #FFFFFF !important;
}

/* Symbol Labels in Dark Mode */
[data-bs-theme="dark"] .symbol-label.bg-light-primary {
    background-color: rgba(48, 92, 222, 0.2) !important;
    color: #8AB4F8 !important;
}

[data-bs-theme="dark"] .symbol-label.bg-light-info {
    background-color: rgba(114, 57, 234, 0.2) !important;
    color: #B794F6 !important;
}

[data-bs-theme="dark"] .symbol-label.bg-light-success {
    background-color: rgba(80, 205, 137, 0.2) !important;
    color: #50CD89 !important;
}

[data-bs-theme="dark"] .symbol-label.bg-light-danger {
    background-color: rgba(241, 65, 108, 0.2) !important;
    color: #F1416C !important;
}

/* Links & Auth Page in Dark Mode */
[data-bs-theme="dark"] .link-primary,
html[data-bs-theme="dark"] .link-primary {
    color: #6184EB !important;
}

[data-bs-theme="dark"] .link-primary:hover,
html[data-bs-theme="dark"] .link-primary:hover {
    color: #8AB4F8 !important;
}

[data-bs-theme="dark"] body.auth-bg,
html[data-bs-theme="dark"] body.auth-bg {
    background-color: #13141F !important;
}

[data-bs-theme="dark"] body.auth-bg .card,
html[data-bs-theme="dark"] body.auth-bg .card {
    background-color: #1E1E2D !important;
    border: 1px solid #2B2B40 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-bs-theme="dark"] #togglePasswordBtn,
html[data-bs-theme="dark"] #togglePasswordBtn {
    color: #92929F !important;
}

[data-bs-theme="dark"] #togglePasswordBtn:hover,
html[data-bs-theme="dark"] #togglePasswordBtn:hover {
    color: #305CDE !important;
}