/* =====================================================================
   MTECH SYSTEMS ERP - selectable themes   (public/css/mtech-themes.css)
   Loaded after mtech-theme.css. Driven by two attributes on <html>:
     data-mt-mode   = midnight (default, no attribute needed) | daylight | dark
     data-mt-accent = blue | indigo | violet | teal | emerald | sky | rose | orange | slate
                      (no attribute = the business theme colour from Settings)
   Set by the header palette button (mtech-theme.js) and remembered per browser.
   Screen only; printing is never affected. To undo: remove its <link>.
   ===================================================================== */

/* ---------- Accent colours (override the business colour) ---------- */
html[data-mt-accent="blue"]    { --theme-700: #004EEB; --theme-800: #0040C1; --theme-900: #00359E; }
html[data-mt-accent="indigo"]  { --theme-700: #4338CA; --theme-800: #3730A3; --theme-900: #312E81; }
html[data-mt-accent="violet"]  { --theme-700: #6D28D9; --theme-800: #5B21B6; --theme-900: #4C1D95; }
html[data-mt-accent="teal"]    { --theme-700: #0F766E; --theme-800: #115E59; --theme-900: #134E4A; }
html[data-mt-accent="emerald"] { --theme-700: #047857; --theme-800: #065F46; --theme-900: #064E3B; }
html[data-mt-accent="sky"]     { --theme-700: #026AA2; --theme-800: #065986; --theme-900: #0B4A6F; }
html[data-mt-accent="rose"]    { --theme-700: #BE123C; --theme-800: #9F1239; --theme-900: #881337; }
html[data-mt-accent="orange"]  { --theme-700: #B93815; --theme-800: #932F19; --theme-900: #772917; }
html[data-mt-accent="slate"]   { --theme-700: #334155; --theme-800: #1E293B; --theme-900: #0F172A; }

@media screen {

/* ---------- Theme switcher (header button + panel) ---------- */
#mt-theme-switch { position: relative; display: inline-flex; }
.mt-theme-panel {
    --mtp-bg: rgba(255, 255, 255, .98); --mtp-ink: #0f172a; --mtp-muted: #64748b; --mtp-line: #e6ebf3;
    display: none;
    position: absolute; right: 0; top: calc(100% + 10px);
    width: 310px; padding: 16px;
    background: var(--mtp-bg); color: var(--mtp-ink);
    border: 1px solid var(--mtp-line); border-radius: 18px;
    box-shadow: 0 24px 60px rgba(8, 15, 32, .35);
    z-index: 1000; text-align: left;
}
.mt-theme-panel.open { display: block; animation: mtPop .16s ease-out; }
.mt-theme-panel h4 { margin: 0 0 10px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mtp-muted); }
.mt-modes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }
.mt-mode {
    padding: 8px 8px 7px; text-align: center; cursor: pointer;
    background: transparent; color: var(--mtp-ink);
    border: 2px solid var(--mtp-line); border-radius: 14px;
    font-size: 12px; font-weight: 600;
    transition: border-color .15s ease, transform .15s ease;
}
.mt-mode:hover { transform: translateY(-2px); }
.mt-mode.active { border-color: var(--theme-700); }
.mt-mode-prev { display: flex; height: 44px; margin-bottom: 7px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(15, 23, 42, .12); }
.mt-mode-prev i { display: block; }
.mt-accents { display: flex; flex-wrap: wrap; gap: 9px; }
.mt-chip {
    width: 28px; height: 28px; padding: 0; border-radius: 50%; cursor: pointer;
    border: 2px solid transparent; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .55), 0 2px 6px rgba(0, 0, 0, .25);
    transition: transform .15s ease;
}
.mt-chip:hover { transform: scale(1.12); }
.mt-chip.active { border-color: var(--mtp-ink); }
.mt-chip-auto { background: conic-gradient(#004EEB, #6D28D9, #BE123C, #B93815, #047857, #004EEB); }
.mt-theme-note { margin: 14px 0 0; font-size: 11.5px; color: var(--mtp-muted); }

/* shown on screens without the normal header (e.g. POS) */
.mt-theme-fab {
    position: fixed; right: 16px; bottom: 16px; z-index: 99990;
    width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer; color: #fff;
    background: var(--theme-800); box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    display: flex; align-items: center; justify-content: center;
}
.mt-theme-fab .mt-theme-panel { right: 0; top: auto; bottom: calc(100% + 12px); }
.mt-fab-btn { width: 100%; height: 100%; padding: 0; border: 0; border-radius: 50%; background: none; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.mt-fab-btn svg { width: 22px; height: 22px; }
.mt-theme-fab .mt-theme-panel { max-width: calc(100vw - 32px); }

@media (max-width: 1023px) {
    #mt-theme-switch .mt-theme-panel { position: fixed; left: 8px; right: 8px; top: 64px; width: auto; max-height: calc(100dvh - 80px); overflow-y: auto; }
}

/* =====================================================================
   DAYLIGHT : light menu, light pages
   ===================================================================== */
html[data-mt-mode="daylight"] aside.side-bar {
    background: #ffffff !important;
    border-right: 1px solid #e6ebf3;
    box-shadow: 4px 0 24px rgba(15, 23, 42, .06);
}
html[data-mt-mode="daylight"] aside.side-bar .theme-logo-bg { background-color: var(--theme-800) !important; border-bottom: 0; }
html[data-mt-mode="daylight"] aside.side-bar .side-bar-heading { background: none; -webkit-text-fill-color: #ffffff; color: #ffffff; }
html[data-mt-mode="daylight"] .mt-side-search .mt-side-search-box { background: #f1f5f9 !important; border-color: #e2e8f0 !important; }
html[data-mt-mode="daylight"] .mt-side-search svg, html[data-mt-mode="daylight"] .mt-side-search #sidebar-search::placeholder { color: #94a3b8; }
html[data-mt-mode="daylight"] .mt-side-search #sidebar-search { color: #334155 !important; }
html[data-mt-mode="daylight"] .mt-side-search .mt-side-search-box:focus-within { border-color: var(--theme-700) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-700) 18%, transparent); }
html[data-mt-mode="daylight"] #sidebar-no-results { color: #94a3b8 !important; }
html[data-mt-mode="daylight"] .side-bar #side-bar, html[data-mt-mode="daylight"] .side-bar #side-bar ul, html[data-mt-mode="daylight"] .side-bar #side-bar li { border-color: #e9eef6 !important; }
html[data-mt-mode="daylight"] .side-bar #side-bar a, html[data-mt-mode="daylight"] .side-bar #side-bar a span:not(.label):not(.badge) { color: #475569; }
html[data-mt-mode="daylight"] .side-bar #side-bar a svg, html[data-mt-mode="daylight"] .side-bar #side-bar a i { color: #94a3b8; }
html[data-mt-mode="daylight"] .side-bar #side-bar a:hover, html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-hover:hover, html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-hover:focus {
    background-color: color-mix(in srgb, var(--theme-700) 8%, #ffffff); color: var(--theme-700);
}
html[data-mt-mode="daylight"] .side-bar #side-bar a:hover span:not(.label):not(.badge) { color: var(--theme-700); }
html[data-mt-mode="daylight"] .side-bar #side-bar a:hover svg, html[data-mt-mode="daylight"] .side-bar #side-bar a:hover i { color: var(--theme-700); }
html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-active, html[data-mt-mode="daylight"] .side-bar #side-bar a.theme-sidebar-active {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--theme-700) 16%, #ffffff), color-mix(in srgb, var(--theme-700) 4%, #ffffff));
    box-shadow: inset 3px 0 0 var(--theme-700);
    color: var(--theme-700);
}
html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-active span:not(.label):not(.badge), html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-active svg,
html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-active i { color: var(--theme-700); }
html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-child-hover:hover, html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-child-active,
html[data-mt-mode="daylight"] .side-bar #side-bar .theme-sidebar-child-active span:not(.label):not(.badge) { color: var(--theme-700); }
html[data-mt-mode="daylight"] .side-bar #side-bar .chiled > div.tw-absolute { background-color: #e2e8f0 !important; }
html[data-mt-mode="daylight"] .side-bar #side-bar .tw-uppercase { color: #94a3b8; }
html[data-mt-mode="daylight"] #side-bar { scrollbar-color: #cdd5df transparent; }
html[data-mt-mode="daylight"] #side-bar::-webkit-scrollbar-thumb { background-color: #cdd5df; }

/* =====================================================================
   DARK : whole app (pages that use the main layout; login/home keep their own look)
   ===================================================================== */
html[data-mt-mode="dark"] {
    color-scheme: dark;
    background: #0a1020 !important;
    --mt-ink: #e6edf8; --mt-muted: #93a3c2; --mt-line: rgba(255, 255, 255, .09); --mt-bg: #0a1020;
    --mt-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .35);
    --mt-shadow-md: 0 2px 4px rgba(0, 0, 0, .4), 0 18px 44px rgba(0, 0, 0, .5);
}
html[data-mt-mode="dark"] .mt-theme-panel { --mtp-bg: rgba(18, 27, 48, .98); --mtp-ink: #e6edf8; --mtp-muted: #93a3c2; --mtp-line: rgba(255, 255, 255, .1); }
html[data-mt-mode="dark"] body:not(.mt-auth) .thetop > main {
    background:
        radial-gradient(900px 420px at 100% -10%, color-mix(in srgb, var(--theme-700) 18%, transparent), transparent 60%),
        radial-gradient(700px 380px at -10% 110%, rgba(34, 211, 238, .06), transparent 60%),
        #0a1020 !important;
}

/* Tailwind utility classes used all over the pages */
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-bg-white, .\!tw-bg-white):not(.side-bar, .side-bar *) { background-color: #121b30 !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-bg-gray-50, .tw-bg-slate-50):not(.side-bar, .side-bar *) { background-color: #151f36 !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-bg-gray-100, .tw-bg-slate-100):not(.side-bar, .side-bar *) { background-color: #18233b !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-text-gray-900, .tw-text-black, .tw-text-gray-800, .tw-text-slate-900, .tw-text-slate-800):not(.side-bar *, main > .theme-header-bg *) { color: #f4f7fc !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-text-gray-700, .tw-text-gray-600, .tw-text-slate-700, .tw-text-slate-600):not(.side-bar *, main > .theme-header-bg *) { color: #d6deef !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-text-gray-500, .tw-text-gray-400, .tw-text-slate-500, .tw-text-slate-400):not(.side-bar *, main > .theme-header-bg *) { color: #aab8d3 !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-border-gray-200, .tw-border-gray-100, .tw-border-gray-300, .tw-border-slate-200):not(.side-bar *) { border-color: rgba(255, 255, 255, .10) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-ring-gray-200, .tw-ring-gray-100, .tw-ring-gray-300) { --tw-ring-color: rgba(255, 255, 255, .10) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) .hover\:tw-bg-gray-50:hover, html[data-mt-mode="dark"] body:not(.mt-auth) .hover\:tw-bg-gray-100:hover { background-color: #1d2a47 !important; }

/* dark brand colours (titles, chips) become light tints of the accent */
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-text-primary-600, .tw-text-primary-700, .tw-text-primary-800, .tw-text-primary-900, .tw-text-indigo-700, .tw-text-indigo-800, .tw-text-blue-700, .tw-text-blue-800):not(.side-bar *, main > .theme-header-bg *) { color: color-mix(in srgb, var(--theme-700) 35%, #ffffff) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-bg-primary-50, .tw-bg-primary-100, .tw-bg-indigo-50, .tw-bg-blue-50):not(.side-bar *) { background-color: color-mix(in srgb, var(--theme-700) 22%, #121b30) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.tw-border-primary-200, .tw-border-primary-300):not(.side-bar *) { border-color: color-mix(in srgb, var(--theme-700) 45%, #121b30) !important; }

/* dashboard follows the theme: base text colour for anything without its own colour class,
   and the stat-card amounts (Total Sales, Net, Invoice due, ...) */
html[data-mt-mode="dark"] body:not(.mt-auth) { color: #f4f7fc; }
html[data-mt-mode="dark"] body:not(.mt-auth) .thetop > main, html[data-mt-mode="dark"] body:not(.mt-auth) #scrollable-container { color: #f4f7fc; }
html[data-mt-mode="dark"] body:not(.mt-auth) :is(.total_sell, .net, .invoice_due, .total_sell_return, .total_purchase, .purchase_due, .total_purchase_return, .total_expense) { color: #f4f7fc !important; }

/* AdminLTE / Bootstrap components */
html[data-mt-mode="dark"] body:not(.mt-auth) .box, html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs-custom, html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs-custom > .tab-content { background: #121b30; color: var(--mt-ink); border-color: rgba(255, 255, 255, .07); }
html[data-mt-mode="dark"] body:not(.mt-auth) .box-header, html[data-mt-mode="dark"] body:not(.mt-auth) .box-body { color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .box-footer { background: #121b30; border-top-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .box-header.with-border { border-bottom-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .content h1, html[data-mt-mode="dark"] body:not(.mt-auth) .content h2, html[data-mt-mode="dark"] body:not(.mt-auth) .content h3, html[data-mt-mode="dark"] body:not(.mt-auth) .content h4, html[data-mt-mode="dark"] body:not(.mt-auth) .content h5, html[data-mt-mode="dark"] body:not(.mt-auth) .content h6, html[data-mt-mode="dark"] body:not(.mt-auth) .content-header > h1 { color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .content-header > h1 small, html[data-mt-mode="dark"] body:not(.mt-auth) .text-muted { color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) .table { color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .table > thead > tr > th { background: #18233b; color: var(--mt-muted); border-bottom-color: rgba(255, 255, 255, .12) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) .table > tbody > tr > td, html[data-mt-mode="dark"] body:not(.mt-auth) .table > tfoot > tr > td, html[data-mt-mode="dark"] body:not(.mt-auth) .table > tbody > tr > th { border-top-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .table-bordered, html[data-mt-mode="dark"] body:not(.mt-auth) .table-bordered > thead > tr > th, html[data-mt-mode="dark"] body:not(.mt-auth) .table-bordered > tbody > tr > td, html[data-mt-mode="dark"] body:not(.mt-auth) .table-bordered > tfoot > tr > td { border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .03); }
html[data-mt-mode="dark"] body:not(.mt-auth) .table-hover > tbody > tr:hover, html[data-mt-mode="dark"] body:not(.mt-auth) .table > tbody > tr:hover { background-color: rgba(255, 255, 255, .06); }
html[data-mt-mode="dark"] body:not(.mt-auth) tr.bg-gray, html[data-mt-mode="dark"] body:not(.mt-auth) .bg-gray { background-color: #1a2742 !important; color: var(--mt-ink) !important; }
html[data-mt-mode="dark"] body:not(.mt-auth) .form-control, html[data-mt-mode="dark"] body:not(.mt-auth) .input-group-addon, html[data-mt-mode="dark"] body:not(.mt-auth) select.form-control, html[data-mt-mode="dark"] body:not(.mt-auth) textarea.form-control { background-color: #0e1729; color: var(--mt-ink); border-color: rgba(255, 255, 255, .14); }
html[data-mt-mode="dark"] body:not(.mt-auth) .form-control:focus { background-color: #101a30; border-color: var(--theme-700); }
html[data-mt-mode="dark"] body:not(.mt-auth) .form-control[disabled], html[data-mt-mode="dark"] body:not(.mt-auth) .form-control[readonly], html[data-mt-mode="dark"] body:not(.mt-auth) fieldset[disabled] .form-control { background-color: #0c1424; color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) .form-control::placeholder { color: #6f7d9c; }
html[data-mt-mode="dark"] body:not(.mt-auth) .input-group-addon { background-color: #16213a; color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) .form-group > label { color: #c3cee3; }
html[data-mt-mode="dark"] body:not(.mt-auth) select option { background: #121b30; color: #e6edf8; }
html[data-mt-mode="dark"] body:not(.mt-auth) .btn-default { background: #18233b; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .btn-default:hover, html[data-mt-mode="dark"] body:not(.mt-auth) .btn-default:focus { background: #1f2d4d; border-color: rgba(255, 255, 255, .2); color: #fff; }
html[data-mt-mode="dark"] body:not(.mt-auth) .dropdown-menu { background-color: #121b30 !important; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .dropdown-menu > li > a { color: #c3cee3; }
html[data-mt-mode="dark"] body:not(.mt-auth) .dropdown-menu > li > a:hover, html[data-mt-mode="dark"] body:not(.mt-auth) .dropdown-menu > li > a:focus { background-color: rgba(255, 255, 255, .07); color: #fff; }
html[data-mt-mode="dark"] body:not(.mt-auth) .dropdown-menu .divider { background-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .modal-content { background: #121b30; color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .modal-header { border-bottom-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .modal-footer { border-top-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .close { color: #fff; text-shadow: none; opacity: .6; }
html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs { border-bottom-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs-custom > .nav-tabs > li > a { color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs-custom > .nav-tabs > li.active > a, html[data-mt-mode="dark"] body:not(.mt-auth) .nav-tabs-custom > .nav-tabs > li.active:hover > a { background: #121b30; color: var(--mt-accent); border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .well, html[data-mt-mode="dark"] body:not(.mt-auth) .panel, html[data-mt-mode="dark"] body:not(.mt-auth) .list-group-item { background: #151f36; color: var(--mt-ink); border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .panel-default > .panel-heading { background: #18233b; color: var(--mt-ink); border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) hr { border-top-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) code { background: #1a2742; color: #f0abfc; }
html[data-mt-mode="dark"] body:not(.mt-auth) .popover { background: #16213a; border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .popover-title { background: #1a2742; border-bottom-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .popover-content { color: #c3cee3; }
html[data-mt-mode="dark"] body:not(.mt-auth) .popover.bottom > .arrow::after { border-bottom-color: #16213a; }

/* select2 */
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-selection--single, html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-selection--multiple { background-color: #0e1729; border-color: rgba(255, 255, 255, .14); }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1f2d4d; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-dropdown { background-color: #121b30; border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-search--dropdown .select2-search__field { background-color: #0e1729; color: var(--mt-ink); border-color: rgba(255, 255, 255, .14); }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-results__option { color: #c3cee3; }
html[data-mt-mode="dark"] body:not(.mt-auth) .select2-container--default .select2-results__option[aria-selected=true] { background-color: #1a2742; }

/* DataTables + pagination */
html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_wrapper, html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_wrapper label, html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_info { color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_wrapper .dataTables_filter input, html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_wrapper .dataTables_length select { background: #0e1729; color: var(--mt-ink); border-color: rgba(255, 255, 255, .14); }
html[data-mt-mode="dark"] body:not(.mt-auth) .dataTables_empty { color: var(--mt-muted); }
html[data-mt-mode="dark"] body:not(.mt-auth) div.dataTables_processing { background: rgba(18, 27, 48, .94) !important; border-color: var(--mt-line); color: var(--mt-accent); }
html[data-mt-mode="dark"] body:not(.mt-auth) .pagination > li > a, html[data-mt-mode="dark"] body:not(.mt-auth) .pagination > li > span { background: #18233b; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .pagination > .disabled > a, html[data-mt-mode="dark"] body:not(.mt-auth) .pagination > .disabled > span { background: #121b30; color: #5d6b88; }

/* date range picker */
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker { background: #121b30; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .calendar-table { background: #121b30; border-color: #121b30; }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.available:hover, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker th.available:hover { background: #1f2d4d; }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.off, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.off.in-range, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.off.start-date, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.off.end-date { background: #121b30; color: #5d6b88; }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker td.in-range { background-color: color-mix(in srgb, var(--theme-700) 28%, #121b30); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .ranges li { background: #18233b; border-color: var(--mt-line); color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .ranges li:hover { background: #1f2d4d; }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker select.monthselect, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker select.yearselect, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .calendar-time select { background: #0e1729; color: var(--mt-ink); border-color: var(--mt-line); }
html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .drp-buttons, html[data-mt-mode="dark"] body:not(.mt-auth) .daterangepicker .calendar-table { border-color: var(--mt-line); }

/* dialogs, footer, palette */
html[data-mt-mode="dark"] body:not(.mt-auth) .swal-modal { background: #121b30; }
html[data-mt-mode="dark"] body:not(.mt-auth) .swal-text { color: #c3cee3; }
html[data-mt-mode="dark"] body:not(.mt-auth) .swal-button--cancel { background: #1f2d4d; color: var(--mt-ink); }
html[data-mt-mode="dark"] body:not(.mt-auth) .mt-footer { background: rgba(18, 27, 48, .72); border-color: var(--mt-line); color: var(--mt-muted); }
html[data-mt-mode="dark"] #mt-cmdk .mt-cmdk-box { background: rgba(18, 27, 48, .98); border-color: var(--mt-line); }
html[data-mt-mode="dark"] #mt-cmdk li { color: #c3cee3; }
html[data-mt-mode="dark"] #mt-cmdk li.active { background-image: linear-gradient(90deg, color-mix(in srgb, var(--theme-700) 34%, #121b30), color-mix(in srgb, var(--theme-700) 8%, #121b30)); color: #fff; }
html[data-mt-mode="dark"] #mt-cmdk .mt-cmdk-hint { background: #0e1729; border-top-color: var(--mt-line); }
html[data-mt-mode="dark"] #mt-cmdk kbd { background: #18233b; color: #c3cee3; border-color: var(--mt-line); box-shadow: 0 1px 0 var(--mt-line); }

/* scrollbars */
html[data-mt-mode="dark"] body:not(.mt-auth) #scrollable-container { scrollbar-color: #2a3a5e transparent; }
html[data-mt-mode="dark"] body:not(.mt-auth) #scrollable-container::-webkit-scrollbar-thumb, html[data-mt-mode="dark"] body:not(.mt-auth) .table-responsive::-webkit-scrollbar-thumb { background: #2a3a5e; }

} /* end @media screen */

/* Never print the theme switcher, quick-jump palette or loading bar (keeps receipts/invoices clean) */
@media print {
    #mt-theme-switch,
    .mt-theme-fab,
    .mt-theme-panel,
    #mt-cmdk,
    #mt-progress { display: none !important; }
}