/* SMSKODU dark mode — override layer, only active on html[data-theme="dark"] */
html[data-theme="dark"]{
  color-scheme:dark;
  --sk-bg:#141414; --sk-surface:#1e1e1e; --sk-elevated:#282828; --sk-input:#2d2d2d;
  --sk-border:#343434; --sk-border-soft:#2a2a2a;
  --sk-text:#e4e4e4; --sk-text-2:#c2c2c2; --sk-muted:#9a9a9a; --sk-faint:#6f6f6f;
  --bs-body-bg:#141414; --bs-body-color:#e4e4e4;
  --bs-border-color:#343434; --bs-secondary-bg:#1e1e1e; --bs-tertiary-bg:#1e1e1e;
  --bs-secondary-color:#9a9a9a; --bs-emphasis-color:#f2f2f2; --bs-heading-color:#f2f2f2;
  --bs-light:#2d2d2d; --bs-light-rgb:45,45,45;
  --kt-body-bg:#141414; --kt-body-bg-rgb:20,20,20;
}

html[data-theme="dark"] body{background-color:#141414 !important;color:#e4e4e4;}
html[data-theme="dark"] body,
html[data-theme="dark"] .card,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .aside,
html[data-theme="dark"] .header,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .menu-link,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] a{transition:background-color .35s ease,color .35s ease,border-color .35s ease;}

/* ---------- base backgrounds ---------- */
html[data-theme="dark"] .page,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .content,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .container-xxl{background-color:transparent;}

html[data-theme="dark"] .bg-body,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white *:not(.badge):not(.btn){}
html[data-theme="dark"] .bg-white{background-color:var(--sk-surface) !important;}
html[data-theme="dark"] .bg-body{background-color:var(--sk-bg) !important;}
html[data-theme="dark"] .bg-light{background-color:var(--sk-surface) !important;}
html[data-theme="dark"] .bg-gray-100,
html[data-theme="dark"] .bg-gray-200,
html[data-theme="dark"] .bg-secondary{background-color:var(--sk-elevated) !important;}

/* landing soft/section backgrounds */
html[data-theme="dark"] .bg-soft-primary,
html[data-theme="dark"] .bg-soft-primary.wrapper,
html[data-theme="dark"] header.bg-soft-primary,
html[data-theme="dark"] section.bg-soft-primary,
html[data-theme="dark"] .bg-soft-info,
html[data-theme="dark"] .bg-soft-yellow,
html[data-theme="dark"] .bg-soft-green{background-color:#1a1a1a !important;}
html[data-theme="dark"] section.wrapper.bg-light{background-color:#181818 !important;}

/* ---------- cards / surfaces ---------- */
html[data-theme="dark"] .card{background-color:var(--sk-surface) !important;border:1px solid #333 !important;box-shadow:0 1px 4px rgba(0,0,0,.45) !important;color:var(--sk-text);}
html[data-theme="dark"] .card-header{background-color:transparent !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .card-footer{background-color:transparent !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .modal-content{background-color:var(--sk-surface) !important;border-color:var(--sk-border) !important;color:var(--sk-text);}
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer{border-color:var(--sk-border) !important;}
html[data-theme="dark"] .offcanvas{background-color:var(--sk-surface) !important;color:var(--sk-text);}
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .menu-sub-dropdown{background-color:var(--sk-elevated) !important;border-color:var(--sk-border) !important;box-shadow:0 10px 34px rgba(0,0,0,.5) !important;}
/* dropdown items (server/country lists) — hover was light #e9ecef */
html[data-theme="dark"] .dropdown-item{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .dropdown-item .text-gray-800,html[data-theme="dark"] .dropdown-item span{color:var(--sk-text) !important;}
html[data-theme="dark"] .dropdown-item:hover,html[data-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .dropdown-item.active,html[data-theme="dark"] .dropdown-item:active{background-color:rgba(255,255,255,.08) !important;color:#ffffff !important;}
html[data-theme="dark"] .dropdown-item:hover .text-gray-800,html[data-theme="dark"] .dropdown-item:hover span{color:#ffffff !important;}
html[data-theme="dark"] .dropdown-item.border-light,html[data-theme="dark"] .dropdown-item.border-bottom{border-color:var(--sk-border) !important;}

/* ---------- text colors ---------- */
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-gray-900,
html[data-theme="dark"] .text-gray-800,
html[data-theme="dark"] .text-gray-700,
html[data-theme="dark"] .text-body,
html[data-theme="dark"] .link-dark,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,
html[data-theme="dark"] h4,html[data-theme="dark"] h5,html[data-theme="dark"] h6,
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .menu-title,
html[data-theme="dark"] .fw-bolder,
html[data-theme="dark"] .display-1,html[data-theme="dark"] .display-2,
html[data-theme="dark"] .display-3,html[data-theme="dark"] .display-4{color:var(--sk-text) !important;}
html[data-theme="dark"] .text-gray-600,
html[data-theme="dark"] .text-gray-500,
html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .lead{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .text-gray-400,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small.text-muted,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .menu-section{color:var(--sk-muted) !important;}
html[data-theme="dark"] .text-gray-300{color:var(--sk-faint) !important;}
html[data-theme="dark"] p,html[data-theme="dark"] span,html[data-theme="dark"] li,
html[data-theme="dark"] td,html[data-theme="dark"] label,html[data-theme="dark"] address{color:inherit;}
html[data-theme="dark"] body,html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,html[data-theme="dark"] .offcanvas{color:var(--sk-text);}

/* links keep accent but readable — NEVER recolor buttons */
html[data-theme="dark"] a:not(.btn):not([class*="btn-"]):not(.menu-link):not(.page-link){color:#7fb2ff;}
html[data-theme="dark"] a.text-dark,html[data-theme="dark"] a.link-dark,
html[data-theme="dark"] a.menu-link,html[data-theme="dark"] a.nav-link,
html[data-theme="dark"] .navbar-nav a{color:var(--sk-text);}
html[data-theme="dark"] a:not(.btn):not([class*="btn-"]):hover{color:#a9cbff;}
/* buttons keep their own designed text color */
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-success,html[data-theme="dark"] .btn-green,
html[data-theme="dark"] .btn-info,html[data-theme="dark"] .btn-danger,html[data-theme="dark"] .btn-primary *,
html[data-theme="dark"] .btn-success *,html[data-theme="dark"] .btn-green *{color:#fff !important;}
html[data-theme="dark"] .btn-warning,html[data-theme="dark"] .btn-warning *{color:#1a1a1a !important;}

/* ---------- navbar (landing) ---------- */
html[data-theme="dark"] .navbar-light .nav-link,
html[data-theme="dark"] .navbar .nav-link{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .navbar-light .nav-link:hover,
html[data-theme="dark"] .navbar .nav-link:hover{color:#fff !important;}
html[data-theme="dark"] .offcanvas-nav .offcanvas-body{background:var(--sk-surface);}
/* landing sticky/stuck navbar clone was white rgba(255,255,255,.97) */
html[data-theme="dark"] .navbar.navbar-stick,
html[data-theme="dark"] .navbar-clone.navbar-stick,
html[data-theme="dark"] .navbar.fixed.navbar-stick,
html[data-theme="dark"] .navbar-clone{background-color:#161616 !important;box-shadow:0 2px 16px rgba(0,0,0,.55) !important;}
/* inline menu collapse must be transparent on desktop (was dark, causing dark center) */
html[data-theme="dark"] .navbar-collapse.offcanvas{background-color:transparent !important;}
@media (max-width:991.98px){
  html[data-theme="dark"] .navbar-collapse.offcanvas.offcanvas-nav{background-color:var(--sk-surface) !important;}
}

/* ---------- aside / header (panel + admin) ---------- */
html[data-theme="dark"] .aside{background-color:var(--sk-surface) !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .header,
html[data-theme="dark"] #kt_header{background:linear-gradient(135deg,#245d70 0%,#193f4c 45%,#151a1d 100%) !important;background-color:#1c4b5b !important;border-bottom:none !important;box-shadow:0 8px 26px rgba(0,0,0,.5) !important;}
html[data-theme="dark"] .header-mobile,
html[data-theme="dark"] .header-tablet-and-mobile{background:linear-gradient(135deg,#245d70,#193f4c) !important;background-color:#1c4b5b !important;border-bottom:1px solid #1f4a58 !important;box-shadow:0 2px 12px rgba(0,0,0,.5) !important;}
html[data-theme="dark"] .header-mobile .btn i,
html[data-theme="dark"] .header-mobile .svg-icon,
html[data-theme="dark"] .header-mobile .menu-icon{color:var(--sk-muted) !important;}
html[data-theme="dark"] .aside .menu-link{color:var(--sk-text-2) !important;}
/* header profile/notification dropdown menu links (were faint #3f4254) */
html[data-theme="dark"] .menu-sub .menu-link,
html[data-theme="dark"] .menu-sub-dropdown .menu-link,
html[data-theme="dark"] .dropdown-menu .menu-link,
html[data-theme="dark"] .menu-sub .menu-link .menu-title,
html[data-theme="dark"] .menu-sub-dropdown .menu-link .menu-title{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .menu-sub .menu-link:hover,
html[data-theme="dark"] .menu-sub .menu-link:hover .menu-title,
html[data-theme="dark"] .menu-sub-dropdown .menu-link:hover,
html[data-theme="dark"] .dropdown-menu .menu-link:hover{color:#ffffff !important;background-color:rgba(255,255,255,.07) !important;}
html[data-theme="dark"] .aside .menu-link .menu-icon i,
html[data-theme="dark"] .aside .menu-link .menu-icon .svg-icon{color:var(--sk-muted) !important;}
html[data-theme="dark"] .menu-link:hover,
html[data-theme="dark"] .menu-item.here>.menu-link,
html[data-theme="dark"] .menu-link.active{background-color:var(--sk-elevated) !important;color:#fff !important;}
html[data-theme="dark"] .menu-link:hover .menu-title,
html[data-theme="dark"] .menu-link.active .menu-title{color:#fff !important;}

/* ---------- forms ---------- */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input-group-text{background-color:var(--sk-input) !important;border-color:var(--sk-border) !important;color:var(--sk-text) !important;box-shadow:none !important;}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus{background-color:#323232 !important;border-color:#5b8bd0 !important;color:#fff !important;}
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder{color:var(--sk-faint) !important;}
html[data-theme="dark"] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239a9a9a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;}
html[data-theme="dark"] .form-check-input,html[data-theme="dark"] .form-check.form-check-solid .form-check-input,html[data-theme="dark"] .form-check-input:not(:checked){background-color:#2b2b2b !important;border-color:#4a4a4a !important;}
html[data-theme="dark"] .form-check-input:checked,html[data-theme="dark"] .form-check.form-check-solid .form-check-input:checked{background-color:#4f9dff !important;border-color:#4f9dff !important;}
html[data-theme="dark"] .form-switch .form-check-input:not(:checked){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c2c2c2'/%3e%3c/svg%3e") !important;}
html[data-theme="dark"] .form-range{background:transparent;}
html[data-theme="dark"] .form-range::-webkit-slider-runnable-track{background-color:#3a3a3a;border-color:#3a3a3a;}
html[data-theme="dark"] .form-range::-moz-range-track{background-color:#3a3a3a;border-color:#3a3a3a;}
html[data-theme="dark"] .form-range::-webkit-slider-thumb{background-color:#4f9dff;border:0;}
html[data-theme="dark"] .form-range::-webkit-slider-thumb:active{background-color:#7fb6ff;}
html[data-theme="dark"] .form-range::-moz-range-thumb{background-color:#4f9dff;border:0;}
html[data-theme="dark"] .form-range::-moz-range-thumb:active{background-color:#7fb6ff;}
html[data-theme="dark"] .form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #141414,0 0 0 .25rem rgba(79,157,255,.35);}
html[data-theme="dark"] .form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #141414,0 0 0 .25rem rgba(79,157,255,.35);}
html[data-theme="dark"] .form-label,html[data-theme="dark"] label{color:var(--sk-text-2) !important;}

/* ---------- tables ---------- */
html[data-theme="dark"] .table{--bs-table-bg:transparent !important;--bs-table-color:var(--sk-text) !important;--bs-table-striped-bg:rgba(255,255,255,.045) !important;--bs-table-striped-color:var(--sk-text) !important;--bs-table-accent-bg:transparent !important;--bs-table-hover-bg:rgba(255,255,255,.07) !important;--bs-table-hover-color:#ffffff !important;--bs-table-border-color:var(--sk-border) !important;color:var(--sk-text) !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .table>:not(caption)>*>*{color:var(--sk-text);border-color:var(--sk-border) !important;}
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table .text-gray-800,
html[data-theme="dark"] .table .text-dark{color:var(--sk-text) !important;}
html[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(odd)>*{background-color:rgba(255,255,255,.045) !important;color:var(--sk-text) !important;box-shadow:none !important;}
html[data-theme="dark"] .table-striped>tbody>tr:nth-of-type(even)>*{background-color:transparent !important;}
html[data-theme="dark"] .table-hover>tbody>tr:hover>*{background-color:rgba(255,255,255,.08) !important;color:#fff !important;}
html[data-theme="dark"] .table-rounded{border:1px solid var(--sk-border);}
html[data-theme="dark"] .dataTables_wrapper .dataTables_length,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate{color:var(--sk-muted) !important;}
html[data-theme="dark"] .paginate_button,html[data-theme="dark"] .page-link{background:var(--sk-elevated) !important;color:var(--sk-text) !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .page-item.active .page-link{background:#3a6fd0 !important;border-color:#3a6fd0 !important;color:#fff !important;}

/* ---------- borders / dividers ---------- */
html[data-theme="dark"] .border,html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom,html[data-theme="dark"] .border-start,
html[data-theme="dark"] .border-end,html[data-theme="dark"] .border-light,
html[data-theme="dark"] .border-gray-300,html[data-theme="dark"] hr,
html[data-theme="dark"] .separator{border-color:var(--sk-border) !important;}
/* nav-tabs bottom border was light #EFF2F5 */
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .nav-tabs.nav-line-tabs,
html[data-theme="dark"] .nav-line-tabs{border-bottom-color:var(--sk-border) !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .nav-tabs .nav-link{border-color:transparent !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .nav-tabs .nav-link:hover{color:#ffffff !important;border-bottom-color:var(--sk-border) !important;}
html[data-theme="dark"] .nav-tabs .nav-link.active{background-color:transparent !important;color:#ffffff !important;border-color:transparent transparent #4f9dff !important;}
html[data-theme="dark"] hr{opacity:1;color:var(--sk-border);}

/* ---------- badges / soft backgrounds ---------- */
/* soft tint cards -> OPAQUE dark-tinted (no see-through over the header gradient) */
html[data-theme="dark"] .bg-light-primary{background-color:#1d2a3a !important;}
html[data-theme="dark"] .bg-light-success{background-color:#182a20 !important;}
html[data-theme="dark"] .bg-light-warning{background-color:#332c18 !important;}
html[data-theme="dark"] .bg-light-info{background-color:#1a2e37 !important;}
html[data-theme="dark"] .bg-light-danger{background-color:#331e1e !important;}
html[data-theme="dark"] .card.bg-light-primary,html[data-theme="dark"] .card.bg-light-success,
html[data-theme="dark"] .card.bg-light-warning,html[data-theme="dark"] .card.bg-light-info,
html[data-theme="dark"] .card.bg-light-danger{border-color:#333 !important;}
html[data-theme="dark"] .badge.badge-light,html[data-theme="dark"] .badge-secondary{background-color:var(--sk-elevated) !important;color:var(--sk-text) !important;}
/* soft-colored BADGES (were #fff5f8 etc. -> unreadable) */
html[data-theme="dark"] .badge.badge-light-primary{background-color:rgba(79,157,255,.16) !important;color:#9cc2ff !important;}
html[data-theme="dark"] .badge.badge-light-success{background-color:rgba(65,190,120,.16) !important;color:#6bdaa0 !important;}
html[data-theme="dark"] .badge.badge-light-info{background-color:rgba(90,190,220,.16) !important;color:#84d3e8 !important;}
html[data-theme="dark"] .badge.badge-light-warning{background-color:rgba(240,180,60,.16) !important;color:#f2c65c !important;}
html[data-theme="dark"] .badge.badge-light-danger{background-color:rgba(240,90,90,.16) !important;color:#f29090 !important;}
/* colored hero / KPI cards -> rich dark gradients (keep brand hue; not flat gray, not garish) */
html[data-theme="dark"] .card.bg-success,html[data-theme="dark"] .card-rounded.bg-success{background:linear-gradient(135deg,#1f6a4d 0%,#123a2b 100%) !important;background-image:linear-gradient(135deg,#1f6a4d 0%,#123a2b 100%) !important;border-color:#1c5a41 !important;}
html[data-theme="dark"] .card.bg-primary,html[data-theme="dark"] .card-rounded.bg-primary{background:linear-gradient(135deg,#2a4f86 0%,#152744 100%) !important;background-image:linear-gradient(135deg,#2a4f86 0%,#152744 100%) !important;border-color:#284a7a !important;}
html[data-theme="dark"] .card.bg-info,html[data-theme="dark"] .card-rounded.bg-info{background:linear-gradient(135deg,#1f5a6e 0%,#123842 100%) !important;background-image:linear-gradient(135deg,#1f5a6e 0%,#123842 100%) !important;border-color:#1d5162 !important;}
html[data-theme="dark"] .card.bg-warning,html[data-theme="dark"] .card-rounded.bg-warning{background:linear-gradient(135deg,#7d5a1e 0%,#3a2a12 100%) !important;background-image:linear-gradient(135deg,#7d5a1e 0%,#3a2a12 100%) !important;border-color:#6b4e1c !important;}
html[data-theme="dark"] .card.bg-danger,html[data-theme="dark"] .card-rounded.bg-danger{background:linear-gradient(135deg,#7a2f2f 0%,#3a1414 100%) !important;background-image:linear-gradient(135deg,#7a2f2f 0%,#3a1414 100%) !important;border-color:#6b2b2b !important;}
html[data-theme="dark"] .card.bg-dark,html[data-theme="dark"] .card-rounded.bg-dark,html[data-theme="dark"] .card-rounded.bg-body{background:var(--sk-elevated) !important;background-image:none !important;}
/* panel homepage hero (inline teal #54a8c7) */
html[data-theme="dark"] .card[style*="54a8c7"]{background:linear-gradient(135deg,#245d70 0%,#15333d 100%) !important;border:1px solid #21525f !important;}
html[data-theme="dark"] .card[style*="54a8c7"] .symbol-label,
html[data-theme="dark"] .card[style*="54a8c7"] [style*="35C7FF"]{background:rgba(255,255,255,.14) !important;}
html[data-theme="dark"] .card.bg-success .text-white,html[data-theme="dark"] .card-rounded.bg-success .text-white,
html[data-theme="dark"] .card.bg-primary .text-white,html[data-theme="dark"] .card-rounded.bg-primary .text-white,
html[data-theme="dark"] .card-rounded.bg-info .text-white,html[data-theme="dark"] .card[style*="54a8c7"] .text-white,
html[data-theme="dark"] .card[style*="54a8c7"] *{color:#ffffff;}

/* ---------- accordion (FAQ) ---------- */
html[data-theme="dark"] .accordion-item{background-color:var(--sk-surface) !important;border-color:var(--sk-border) !important;}
html[data-theme="dark"] .accordion-button{background-color:var(--sk-surface) !important;color:var(--sk-text) !important;}
html[data-theme="dark"] .accordion-button:not(.collapsed){background-color:var(--sk-elevated) !important;color:#fff !important;}
html[data-theme="dark"] .accordion-button::after{filter:invert(1) grayscale(1) brightness(1.6);}
html[data-theme="dark"] .accordion-body{color:var(--sk-text-2) !important;}
/* landing custom accordion (card-header > button.collapsed) */
html[data-theme="dark"] .accordion-wrapper .card,
html[data-theme="dark"] .accordion-item .card-header,
html[data-theme="dark"] .accordion-wrapper .card-header{background-color:var(--sk-surface) !important;}
html[data-theme="dark"] .card-header button,
html[data-theme="dark"] .accordion-wrapper button,
html[data-theme="dark"] .accordion-item button{color:var(--sk-text) !important;}
html[data-theme="dark"] .accordion-wrapper .card-body,
html[data-theme="dark"] .accordion-wrapper .card-body p,
html[data-theme="dark"] .accordion-collapse .card-body{color:var(--sk-text-2) !important;}

/* ---------- alerts ---------- */
html[data-theme="dark"] .alert.bg-primary{background-color:#22406b !important;}
html[data-theme="dark"] .alert{border-color:var(--sk-border);}

/* ---------- lang switcher menu (was white) ---------- */
html[data-theme="dark"] .sk-lang-menu{background:var(--sk-elevated) !important;box-shadow:0 10px 34px rgba(0,0,0,.55) !important;}
html[data-theme="dark"] .sk-lang-item{color:var(--sk-text) !important;}
html[data-theme="dark"] .sk-lang-item:hover{background:#333 !important;color:#fff !important;}
html[data-theme="dark"] .sk-lang-item.active{background:#22406b !important;color:#cfe0ff !important;}

/* ---------- dyn translations admin partial ---------- */
html[data-theme="dark"] .dyn-tr{background:#1a1a1a !important;border-color:#3a3a3a !important;}
html[data-theme="dark"] .dyn-tr-title{color:var(--sk-text) !important;}
html[data-theme="dark"] .dyn-tr-note{color:var(--sk-faint) !important;}
html[data-theme="dark"] .dyn-tr-pill{background:var(--sk-elevated) !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .dyn-tr-pill.active{background:#22406b !important;color:#cfe0ff !important;border-color:#3a5f9e !important;}
html[data-theme="dark"] .dyn-tr-field label{color:var(--sk-text-2) !important;}

/* ---------- misc ---------- */
html[data-theme="dark"] .symbol-label,html[data-theme="dark"] .bg-light.symbol-label{background-color:var(--sk-elevated) !important;color:var(--sk-text);}
html[data-theme="dark"] code,html[data-theme="dark"] pre,html[data-theme="dark"] kbd{background-color:#0d0d0d !important;color:#e6b3ff;border-color:var(--sk-border);}
html[data-theme="dark"] .btn-light,html[data-theme="dark"] .btn-secondary{background-color:var(--sk-elevated) !important;border-color:var(--sk-border) !important;color:var(--sk-text) !important;}
html[data-theme="dark"] .btn-custom{color:var(--sk-text) !important;}
/* outline / dashed selector buttons (payment methods etc.) */
html[data-theme="dark"] .btn-outline,html[data-theme="dark"] .btn-outline-dashed,
html[data-theme="dark"] .btn-outline-default{background-color:transparent !important;border-color:#3a3a3a !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .btn-outline .text-gray-800,html[data-theme="dark"] .btn-outline .text-gray-600,
html[data-theme="dark"] .btn-outline-dashed .text-gray-800,html[data-theme="dark"] .btn-outline-dashed .text-gray-600,
html[data-theme="dark"] .btn-outline-dashed span,html[data-theme="dark"] .btn-outline span{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .btn-outline.active,html[data-theme="dark"] .btn-outline-dashed.active,
html[data-theme="dark"] .btn-outline-default.active,html[data-theme="dark"] .nav-link.btn.active,
html[data-theme="dark"] .btn.btn-active-light-primary.active,html[data-theme="dark"] .btn.btn-active-light-primary:active,
html[data-theme="dark"] .btn.btn-active-light-primary:focus,html[data-theme="dark"] .btn-check:checked+.btn.btn-active-light-primary,
html[data-theme="dark"] .btn.btn-active-light-success.active,html[data-theme="dark"] .btn.btn-active-light-info.active{background-color:rgba(79,157,255,.14) !important;border-color:#3a6fd0 !important;color:#bcd6ff !important;}
html[data-theme="dark"] .btn.btn-active-light-primary.active *,html[data-theme="dark"] .btn-outline-dashed.active *,
html[data-theme="dark"] .btn-outline.active *,html[data-theme="dark"] .btn-outline-dashed *,html[data-theme="dark"] .btn-outline-dashed .svg-icon{background-color:transparent !important;color:#bcd6ff !important;}
html[data-theme="dark"] .btn-outline-dashed:not(.active) *{color:var(--sk-text-2) !important;}
/* hover/active states that turn light in Metronic -> keep dark */
html[data-theme="dark"] .btn-light:hover,html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-custom:hover,html[data-theme="dark"] .btn-active-light-primary:hover,
html[data-theme="dark"] .btn-active-light-primary.active,html[data-theme="dark"] .btn-active-light:hover,
html[data-theme="dark"] .btn-active-color-primary:hover,html[data-theme="dark"] .btn-icon.btn-active-color-primary:hover,
html[data-theme="dark"] .btn-outline:hover,html[data-theme="dark"] .btn-outline-dashed:hover,
html[data-theme="dark"] .btn-outline-default:hover,html[data-theme="dark"] .btn-bg-light:hover,
html[data-theme="dark"] .btn.btn-active-light-primary:hover{background-color:#333 !important;color:#ffffff !important;border-color:#454545 !important;}
html[data-theme="dark"] .btn-active-light-primary:hover *,html[data-theme="dark"] .btn-outline-dashed:hover *,
html[data-theme="dark"] .btn-outline:hover *{color:#ffffff !important;}
html[data-theme="dark"] .breadcrumb-item,html[data-theme="dark"] .breadcrumb-item.active{color:var(--sk-muted) !important;}
html[data-theme="dark"] .swal2-popup{background:var(--sk-surface) !important;color:var(--sk-text) !important;}
html[data-theme="dark"] .swal2-title,html[data-theme="dark"] .swal2-html-container{color:var(--sk-text) !important;}
html[data-theme="dark"] .tox .tox-toolbar__primary,html[data-theme="dark"] .tox .tox-edit-area__iframe{background:var(--sk-input) !important;}
html[data-theme="dark"] img.category-icon-img{filter:brightness(.95);}
/* sidebar icon boxes + logout button (were light circles) */
html[data-theme="dark"] .aside .menu-icon,
html[data-theme="dark"] .btn-custom{background-color:var(--sk-elevated) !important;}
html[data-theme="dark"] .aside .menu-icon .svg-icon,
html[data-theme="dark"] .aside .menu-icon i,
html[data-theme="dark"] .btn-custom .svg-icon{color:var(--sk-text-2) !important;}
/* web push slide-in notification card (was white) */
html[data-theme="dark"] .sk-push-slide{background:var(--sk-surface) !important;box-shadow:0 12px 40px rgba(0,0,0,.65) !important;}
html[data-theme="dark"] .sk-push-slide-msg strong{color:var(--sk-text) !important;}
html[data-theme="dark"] .sk-push-slide-msg span{color:var(--sk-muted) !important;}
html[data-theme="dark"] .sk-push-slide-no{background:var(--sk-elevated) !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .sk-push-slide-ic{background:#14303a !important;}
/* colored badges keep white/dark text (never the link-blue) */
html[data-theme="dark"] .badge-primary,html[data-theme="dark"] .badge-success,
html[data-theme="dark"] .badge-info,html[data-theme="dark"] .badge-danger,html[data-theme="dark"] .badge-dark,
html[data-theme="dark"] .badge-primary *,html[data-theme="dark"] .badge-success *,html[data-theme="dark"] .badge-info *,
html[data-theme="dark"] a .badge-success,html[data-theme="dark"] a .badge-primary,
html[data-theme="dark"] .badge.bg-success,html[data-theme="dark"] .badge.bg-primary{color:#fff !important;}
html[data-theme="dark"] .badge-warning,html[data-theme="dark"] .badge-warning *,html[data-theme="dark"] .badge.bg-warning{color:#1a1a1a !important;}
/* Metronic light-variant BUTTONS (were #f1faff etc.) + high-specificity outline/dashed selectors */
html[data-theme="dark"] .btn.btn-light-primary,html[data-theme="dark"] .btn.btn-active-light-primary{background-color:rgba(79,157,255,.15) !important;color:#9cc2ff !important;border-color:transparent !important;}
html[data-theme="dark"] .btn.btn-light-success{background-color:rgba(65,190,120,.15) !important;color:#6bdaa0 !important;}
html[data-theme="dark"] .btn.btn-light-info{background-color:rgba(90,190,220,.15) !important;color:#84d3e8 !important;}
html[data-theme="dark"] .btn.btn-light-warning{background-color:rgba(240,180,60,.15) !important;color:#f2c65c !important;}
html[data-theme="dark"] .btn.btn-light-danger{background-color:rgba(240,90,90,.15) !important;color:#f29090 !important;}
html[data-theme="dark"] .btn.btn-light-secondary,html[data-theme="dark"] .btn.btn-light-dark{background-color:var(--sk-elevated) !important;color:var(--sk-text) !important;}
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed{background-color:transparent !important;border-color:#3a3a3a !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.btn-outline-default.active,
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.btn-outline-default.show,
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active),
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active),
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active),
html[data-theme="dark"] .btn-check:checked+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
html[data-theme="dark"] .btn-check:active+.btn.btn-outline.btn-outline-dashed.btn-outline-default,
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.active{background-color:rgba(79,157,255,.18) !important;border-color:#3a6fd0 !important;color:#9cc2ff !important;}
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed .text-gray-800,html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed span,html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed div{color:var(--sk-text-2) !important;}
html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.active .text-gray-800,html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.active span,html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed.active div{color:#9cc2ff !important;}
html[data-theme="dark"] .btn.btn-light-primary:hover,html[data-theme="dark"] .btn.btn-active-light-primary:hover,html[data-theme="dark"] .btn.btn-outline.btn-outline-dashed:hover{background-color:rgba(79,157,255,.24) !important;color:#ffffff !important;border-color:#3a6fd0 !important;}
/* modal close (X) icon — visible muted icon, transparent box, subtle hover */
html[data-theme="dark"] .modal .btn-icon.btn-active-light-primary,
html[data-theme="dark"] .modal .btn-icon.btn-active-color-primary,
html[data-theme="dark"] .modal .btn-icon.btn-active-light-danger{background-color:transparent !important;color:var(--sk-text-2) !important;}
html[data-theme="dark"] .modal .btn-icon .svg-icon,html[data-theme="dark"] .modal .btn-icon svg,
html[data-theme="dark"] .modal .btn-icon path,html[data-theme="dark"] .modal .btn-close{color:var(--sk-text-2) !important;fill:currentColor !important;opacity:.85;}
html[data-theme="dark"] .modal .btn-close{filter:invert(1) grayscale(1) brightness(1.6) !important;}
html[data-theme="dark"] .modal .btn-icon:hover{background-color:rgba(255,255,255,.1) !important;}
html[data-theme="dark"] .modal .btn-icon:hover .svg-icon,html[data-theme="dark"] .modal .btn-icon:hover svg,
html[data-theme="dark"] .modal .btn-icon:hover path{color:#ffffff !important;}
/* .btn-light hover must beat Metronic's high-specificity hover (was turning white) */
html[data-theme="dark"] .btn.btn-light:hover:not(:disabled),html[data-theme="dark"] .btn.btn-light:focus:not(:disabled),
html[data-theme="dark"] .btn.btn-light:active,html[data-theme="dark"] .modal-footer .btn-light:hover,
html[data-theme="dark"] .btn.btn-secondary:hover:not(:disabled){background-color:#3a3a3a !important;color:#ffffff !important;border-color:#454545 !important;}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px;}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#141414;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:6px;}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#4a4a4a;}