﻿/* =============================================
 * Dashboard Dark Mode â€” Global
 * Activated by: body[data-dk-dark="1"]
 * Toggled from the header on every user page
 * ============================================= */

/* â”€â”€ Body & layout â”€â”€ */
body[data-dk-dark="1"],
body[data-dk-dark="1"] .dashboard-user-layout {
    background: #0f1117 !important;
    color: #e2e8f0 !important;
}
body[data-dk-dark="1"] #mainArea {
    background: #0f1117 !important;
}

/* â”€â”€ Header (desktop) â”€â”€ */
body[data-dk-dark="1"] .navbar-area,
body[data-dk-dark="1"] .premium-header {
    background: #161b27 !important;
    border-bottom: 1px solid #2a2f3e !important;
    box-shadow: 0 1px 8px rgba(0,0,0,0.4) !important;
}
body[data-dk-dark="1"] .premium-header * { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .premium-header .ph-profile__btn {
    --front-color-white-rgb: 30, 36, 54;
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .premium-header .ph-profile__btn:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .premium-header .ph-profile__menu {
    background: #1e2436 !important;
    border: 1px solid #2a2f3e !important;
    box-shadow: 0 18px 42px rgba(0,0,0,0.4) !important;
}
body[data-dk-dark="1"] .premium-header .ph-profile__menu * { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .premium-header .ph-profile__menu a,
body[data-dk-dark="1"] .premium-header .ph-profile__menu button { background: transparent !important; }
body[data-dk-dark="1"] .premium-header .ph-profile__menu a:hover,
body[data-dk-dark="1"] .premium-header .ph-profile__menu button:hover { background: #252d42 !important; }

/* â”€â”€ Mobile header â”€â”€ */
body[data-dk-dark="1"] .mobile-navbar-area {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .mobile-navbar-area .user { background: #1e2436 !important; }
body[data-dk-dark="1"] .mobile-navbar-area .user li h6 { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dk-mobile-header {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-greet__hi,
body[data-dk-dark="1"] .dk-greet__txt { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-greet__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-icon-btn {
    background: #1e2436 !important;
    color: #e2e8f0 !important;
    border-color: #2a2f3e !important;
}

/* â”€â”€ Sidebar â”€â”€ */
body[data-dk-dark="1"] .dashboard-sidebar-layout,
body[data-dk-dark="1"] .sidebar-wallet-panel {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .left-menu-box li a {
    background: #1e2436 !important;
    color: #cbd5e1 !important;
}
body[data-dk-dark="1"] .left-menu-box li a:hover,
body[data-dk-dark="1"] .left-menu-box li .active {
    background: var(--main-color) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .left-menu-box .menu-group .submenu a {
    color: #94a3b8 !important;
    background: transparent !important;
}
body[data-dk-dark="1"] .left-menu-box .menu-group .submenu a:hover,
body[data-dk-dark="1"] .left-menu-box .menu-group .submenu a.active {
    color: #fff !important;
    background: rgba(70,99,238,0.18) !important;
}
body[data-dk-dark="1"] .dashboard-sidebar-referral-card {
    background: #1e2436 !important;
    border-color: rgba(34,197,94,0.2) !important;
}
body[data-dk-dark="1"] .dashboard-sidebar-referral-card__title { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dashboard-sidebar-referral-card__subtitle { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dashboard-sidebar-referral-slot {
    background: transparent !important;
    border-color: #2a2f3e !important;
}

/* â”€â”€ Cards & surfaces â”€â”€ */
body[data-dk-dark="1"] .single-card-box,
body[data-dk-dark="1"] .single-chart-inner,
body[data-dk-dark="1"] .single-form-card,
body[data-dk-dark="1"] .main-notice-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #e2e8f0 !important;
}

/* â”€â”€ Typography â”€â”€ */
body[data-dk-dark="1"] h1,
body[data-dk-dark="1"] h2,
body[data-dk-dark="1"] h3,
body[data-dk-dark="1"] h4,
body[data-dk-dark="1"] h5,
body[data-dk-dark="1"] h6 { color: #f1f5f9 !important; }
body[data-dk-dark="1"] p,
body[data-dk-dark="1"] label,
body[data-dk-dark="1"] small { color: #cbd5e1 !important; }
body[data-dk-dark="1"] .text-muted { color: #64748b !important; }

/* â”€â”€ Forms â”€â”€ */
body[data-dk-dark="1"] .form-control,
body[data-dk-dark="1"] .form-select,
body[data-dk-dark="1"] .input-group-text {
    background-color: #1e2235 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .form-control::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .form-control:focus,
body[data-dk-dark="1"] .form-select:focus {
    background-color: #1e2235 !important;
    border-color: rgba(70,99,238,0.5) !important;
    color: #c4cce0 !important;
    box-shadow: 0 0 0 3px rgba(70,99,238,0.12) !important;
}

/* â”€â”€ Tables â”€â”€ */
body[data-dk-dark="1"] .table { color: #c4cce0 !important; border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .table thead th,
body[data-dk-dark="1"] .table > :not(caption) > * > * {
    background-color: #1a1d27 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255,255,255,0.03) !important;
}
body[data-dk-dark="1"] .table-hover > tbody > tr:hover > * {
    background-color: rgba(70,99,238,0.06) !important;
}

/* â”€â”€ Borders â”€â”€ */
body[data-dk-dark="1"] hr,
body[data-dk-dark="1"] .border,
body[data-dk-dark="1"] .border-bottom,
body[data-dk-dark="1"] .border-top { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .bg-white { background-color: #1a1d27 !important; }
body[data-dk-dark="1"] .bg-light { background-color: #13161f !important; }

/* â”€â”€ Amount cards â”€â”€ */
body[data-dk-dark="1"] .single-amount-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .single-amount-card h6,
body[data-dk-dark="1"] .single-amount-card span { color: #f1f5f9 !important; }

/* â”€â”€ Transactions â”€â”€ */
body[data-dk-dark="1"] .ud-transactions {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    border-radius: 16px;
}
body[data-dk-dark="1"] .ud-transactions__head {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ud-transactions__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-transactions__subtitle,
body[data-dk-dark="1"] .ud-transactions__link,
body[data-dk-dark="1"] .ud-transactions__link span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ud-trx-item {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ud-trx-item:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .ud-trx-item__title { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .ud-trx-item__meta,
body[data-dk-dark="1"] .ud-trx-item__meta span,
body[data-dk-dark="1"] .ud-trx-item__meta time { color: #64748b !important; }
body[data-dk-dark="1"] .ud-trx-chip--type {
    background: #252d42 !important;
    color: #94a3b8 !important;
    border-color: #2a2f3e !important;
}

/* â”€â”€ Charts â”€â”€ */
body[data-dk-dark="1"] .ud-charts,
body[data-dk-dark="1"] .ud-chart-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    border-radius: 16px;
}
body[data-dk-dark="1"] .ud-chart-card__head { background: #161b27 !important; border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .ud-chart-card__heading,
body[data-dk-dark="1"] .ud-chart-card__total { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-chart-card__period { color: #64748b !important; }
body[data-dk-dark="1"] .ud-chart-card__toggle {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .ud-chart-card__body,
body[data-dk-dark="1"] .ud-chart-card__body-shell {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}

/* â”€â”€ KYC notice â”€â”€ */
body[data-dk-dark="1"] .kyc-notice-card,
body[data-dk-dark="1"] .main-notice-card.kyc-notice-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .kyc-notice-card .kyc-notice-card__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .kyc-notice-card .kyc-notice-card__text { color: #94a3b8 !important; }
/* â”€â”€ Mobile app shell â”€â”€ */
body[data-dk-dark="1"] .dk-mobile-dashboard { background: #0f1117 !important; }
body[data-dk-dark="1"] .dk-action-hub,
body[data-dk-dark="1"] .dk-quick-actions-panel {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-action-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-action-card__icon { background: #252d42 !important; color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dk-action-card strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-action-card small { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-qa-tile {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #e2e8f0 !important;
}
body[data-dk-dark="1"] .dk-qa-tile:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .dk-qa-tile__ic { background: #252d42 !important; }
body[data-dk-dark="1"] .dk-qa-tile__lb { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dk-stat-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-stat-card__lb { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-stat-card__val { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-insight {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-seg__btn {
    background: #1e2436 !important;
    color: #94a3b8 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-seg__btn[data-active="1"] {
    background: var(--main-color) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .dk-trx-row {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-trx-row:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .dk-trx-row__title { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dk-trx-row__time { color: #64748b !important; }
body[data-dk-dark="1"] .dk-tabbar {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-tab { color: #64748b !important; }
body[data-dk-dark="1"] .dk-tab.is-active,
body[data-dk-dark="1"] .dk-tab[data-active="1"] { color: var(--main-color) !important; }
body[data-dk-dark="1"] .dk-fab { background: var(--main-color) !important; color: #fff !important; }
body[data-dk-dark="1"] .dk-fab__ring { background: #161b27 !important; }
body[data-dk-dark="1"] .dk-sheet,
body[data-dk-dark="1"] .dk-notif-panel,
body[data-dk-dark="1"] .dk-more-sheet {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-notif-item {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-notif-item strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-notif-item span,
body[data-dk-dark="1"] .dk-notif-item small { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-more-menu__item {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-more-menu__item strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-more-menu__item small { color: #94a3b8 !important; }
body[data-dk-dark="1"] .quick-function-dropdown,
body[data-dk-dark="1"] .quick-function-menu {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dropdown-menu {
    background-color: #1a1d27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dropdown-item { color: #c4cce0 !important; }
body[data-dk-dark="1"] .dropdown-item:hover { background-color: #252d42 !important; color: #f1f5f9 !important; }

/* â”€â”€ Footer mobile â”€â”€ */
body[data-dk-dark="1"] .footer-mobile-area,
body[data-dk-dark="1"] .dk-mobile-app-footer,
body[data-dk-dark="1"] .mobile-footer-nav {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}

/* â”€â”€ Feature Summary Widget â”€â”€ */
body[data-dk-dark="1"] .feature-summary-widget__panel {
    background: #161b27 !important;
    border-color: rgba(70,99,238,0.18) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.3) !important;
}
body[data-dk-dark="1"] .feature-summary-widget__header {
    border-bottom-color: #252a40 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__brand {
    background: rgba(70,99,238,0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
body[data-dk-dark="1"] .feature-summary-widget__title {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__subtitle,
body[data-dk-dark="1"] .feature-summary-widget__context,
body[data-dk-dark="1"] .feature-summary-widget__meta span {
    color: #64748b !important;
}
body[data-dk-dark="1"] .feature-summary-widget__card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .feature-summary-widget__card--success {
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .feature-summary-widget__card--info {
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .feature-summary-widget__card--danger {
    border-color: rgba(239,68,68,0.2) !important;
}
body[data-dk-dark="1"] .feature-summary-widget__label {
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__value {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__toggle {
    background: transparent !important;
    border-color: #252a40 !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__toggle-label {
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__toggle strong {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .feature-summary-widget__body {
    background: transparent !important;
}

/* â”€â”€ Phone Rental Card â”€â”€ */
body[data-dk-dark="1"] .pr-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .pr-phone {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .pr-meta {
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .pr-inbox {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .pr-badge--active {
    background: rgba(22,163,74,0.15) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.25) !important;
}

/* â”€â”€ Phone Rental Modal â”€â”€ */
body[data-dk-dark="1"] .pr-modal-dialog {
    background: #1e2436 !important;
    box-shadow: 0 32px 64px -12px rgba(0,0,0,0.6) !important;
}
body[data-dk-dark="1"] .pr-modal-dialog h5 {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .pr-form-label {
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .pr-price-preview {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .pr-modal-close {
    background: #252d42 !important;
    color: #c4cce0 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .pr-modal-close:hover {
    background: #2a3450 !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .pr-btn-ghost {
    background: transparent !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .pr-btn-ghost:hover {
    background: #252d42 !important;
    color: #f1f5f9 !important;
}

/* â”€â”€ eSIM Modal â”€â”€ */
body[data-dk-dark="1"] .esim-modal-dialog {
    background: #1e2436 !important;
    box-shadow: 0 32px 64px -12px rgba(0,0,0,0.6) !important;
}
body[data-dk-dark="1"] .esim-modal-dialog h5,
body[data-dk-dark="1"] .esim-modal-dialog h6,
body[data-dk-dark="1"] .esim-modal-dialog .fw-bold {
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .esim-modal-dialog p,
body[data-dk-dark="1"] .esim-modal-dialog label,
body[data-dk-dark="1"] .esim-modal-dialog small {
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .esim-modal-dialog .form-control,
body[data-dk-dark="1"] .esim-modal-dialog .form-select {
    background-color: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .esim-modal-dialog .form-control:focus,
body[data-dk-dark="1"] .esim-modal-dialog .form-select:focus {
    border-color: rgba(70,99,238,0.5) !important;
    box-shadow: 0 0 0 3px rgba(70,99,238,0.12) !important;
}
body[data-dk-dark="1"] .esim-modal-close,
body[data-dk-dark="1"] .esim-modal-dialog .btn-close {
    background: #252d42 !important;
    color: #c4cce0 !important;
    border-color: #2a2f3e !important;
    filter: invert(0.7) !important;
}

/* â”€â”€ eSIM Grid & Cards â”€â”€ */
body[data-dk-dark="1"] .esim-toolbar__search-input {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .esim-toolbar__search-input::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .esim-toolbar__search-input:focus { border-color: rgba(70,99,238,0.5) !important; }
body[data-dk-dark="1"] .esim-filter-tab {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .esim-filter-tab:hover {
    border-color: var(--front-color-primary) !important;
    color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .esim-filter-tab--active {
    background: var(--front-color-primary) !important;
    border-color: var(--front-color-primary) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .esim-plan-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .esim-plan-card:hover {
    border-color: var(--front-color-primary) !important;
    box-shadow: 0 8px 24px rgba(70,99,238,0.18) !important;
}
body[data-dk-dark="1"] .esim-plan-card__flag-wrap {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .esim-plan-card__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .esim-plan-card__spec {
    background: rgba(70,99,238,0.1) !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .esim-plan-card__footer { border-top-color: #252a40 !important; }
body[data-dk-dark="1"] .esim-plan-card__price-amount { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .esim-plan-card__price-currency { color: #64748b !important; }
/* eSIM modal specs */
body[data-dk-dark="1"] .esim-modal-specs {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .esim-modal-spec { border-bottom-color: #2a2f3e !important; }
body[data-dk-dark="1"] .esim-modal-spec__label { color: #64748b !important; }
body[data-dk-dark="1"] .esim-modal-spec__value { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .pm-btn-ghost {
    background: transparent !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .pm-btn-ghost:hover {
    background: #252d42 !important;
    color: #f1f5f9 !important;
}

/* â”€â”€ Transaction Page â”€â”€ */
body[data-dk-dark="1"] .user-transaction-page .card,
body[data-dk-dark="1"] .user-transaction-page .single-form-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .user-transaction-page .card-body {
    background: #161b27 !important;
}
body[data-dk-dark="1"] .user-transaction-page .ud-filter-panel {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
/* Mobile history hero */
body[data-dk-dark="1"] .dk-history-hero {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-history-hero h1,
body[data-dk-dark="1"] .dk-history-hero__eyebrow { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dk-history-hero p { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-history-hero__icon { color: #4663ee !important; }
body[data-dk-dark="1"] .dk-history-stat span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-history-stat strong { color: #f1f5f9 !important; }
/* Mobile filter */
body[data-dk-dark="1"] .dk-history-filter {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-history-filter summary { color: #c4cce0 !important; }
body[data-dk-dark="1"] .dk-history-field span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dk-history-field input,
body[data-dk-dark="1"] .dk-history-field select {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dk-history-filter__submit {
    background: var(--front-color-primary) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .dk-history-filter__reset { color: #94a3b8 !important; }
/* Mobile history rows */
body[data-dk-dark="1"] .dk-history-group__title { color: #64748b !important; }
body[data-dk-dark="1"] .dk-history-row {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dk-history-row:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .dk-history-row__title { color: #e2e8f0 !important; }
body[data-dk-dark="1"] .dk-history-row__type,
body[data-dk-dark="1"] .dk-history-row__meta,
body[data-dk-dark="1"] .dk-history-row__trx { color: #64748b !important; }
body[data-dk-dark="1"] .dk-history-pagination .page-link {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dk-history-pagination .page-item.active .page-link {
    background: var(--front-color-primary) !important;
    border-color: var(--front-color-primary) !important;
    color: #fff !important;
}

/* â”€â”€ Hosting Page â”€â”€ */
body[data-dk-dark="1"] .hd-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .hd-hero__icon {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hd-hero__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .hd-hero__sub { color: #94a3b8 !important; }
body[data-dk-dark="1"] .hd-hero__badge {
    background: rgba(22,163,74,0.15) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.25) !important;
}
body[data-dk-dark="1"] .hd-sso-btn {
    background: var(--front-color-primary) !important;
    color: #fff !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .hd-stats {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .hd-stat {
    --card-bg: #1e2436;
    --border-color: #2a2f3e;
    --heading-color: #f1f5f9;
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .hd-stat__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hd-stat__value { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .hd-stat__label { color: #64748b !important; }
body[data-dk-dark="1"] .hd-actions {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .hd-action {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .hd-action:hover {
    background: #252d42 !important;
    color: #f1f5f9 !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .hd-action__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hd-info {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .hd-info__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .hd-info__row { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .hd-info__key { color: #64748b !important; }
body[data-dk-dark="1"] .hd-info__val { color: #c4cce0 !important; }
body[data-dk-dark="1"] .hd-panel-link { color: #7b8bff !important; }
body[data-dk-dark="1"] .hd-pill--package {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hd-notice {
    background: rgba(70,99,238,0.08) !important;
    border-color: rgba(70,99,238,0.2) !important;
    color: #94a3b8 !important;
}

/* â”€â”€ Domain Management Page â”€â”€ */
body[data-dk-dark="1"] .dm-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-hero__icon {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .dm-hero__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dm-hero__sub { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dm-hero-btn--white {
    background: #252d42 !important;
    color: #f1f5f9 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-hero-btn--outline {
    background: transparent !important;
    color: #94a3b8 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-hero-btn--white:hover,
body[data-dk-dark="1"] .dm-hero-btn--outline:hover {
    background: var(--front-color-primary) !important;
    color: #fff !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .dm-search-bar {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-search-bar input {
    background: transparent !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dm-search-bar input::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .dm-section-title { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dm-domain-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-domain-card:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .dm-domain-card__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .dm-domain-card__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dm-domain-card__meta { color: #64748b !important; }
body[data-dk-dark="1"] .dm-pill--active {
    background: rgba(22,163,74,0.15) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .dm-pill--transfer {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .dm-tld-chip {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dm-tld-chip__ext { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dm-tld-chip__price { color: #64748b !important; }

/* â”€â”€ Domain Search Page â”€â”€ */
body[data-dk-dark="1"] .ds-back { color: #7b8bff !important; }
body[data-dk-dark="1"] .ds-back:hover { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ds-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ds-hero__icon {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .ds-hero__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ds-hero__sub { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ds-search-bar {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ds-search-bar input {
    background: transparent !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .ds-search-bar input::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .ds-tld-title { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ds-tld-chip {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ds-tld-chip:hover {
    background: #252d42 !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .ds-tld-chip__ext { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ds-tld-chip__price { color: #64748b !important; }

/* â”€â”€ Domain Transfer Page â”€â”€ */
body[data-dk-dark="1"] .dt-back { color: #7b8bff !important; }
body[data-dk-dark="1"] .dt-back:hover { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dt-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-hero__icon {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .dt-hero__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dt-hero__sub { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dt-steps {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-step {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-step__num {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.25) !important;
}
body[data-dk-dark="1"] .dt-step__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dt-step__desc { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dt-form-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-form-title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dt-form-group label { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dt-form-group .hint { color: #5a6070 !important; }
body[data-dk-dark="1"] .dt-input-wrap input,
body[data-dk-dark="1"] .dt-form-card textarea {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dt-input-wrap input::placeholder,
body[data-dk-dark="1"] .dt-form-card textarea::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .dt-price-preview {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-price-preview__label { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dt-price-preview__free { color: #64748b !important; }
body[data-dk-dark="1"] .dt-notice {
    background: rgba(70,99,238,0.08) !important;
    border-color: rgba(70,99,238,0.2) !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .dt-tld-table {
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dt-tld-table thead tr {
    background: #161b27 !important;
}
body[data-dk-dark="1"] .dt-tld-table thead th {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .dt-tld-table tbody tr {
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dt-tld-table tbody tr:hover {
    background: #252d42 !important;
}
body[data-dk-dark="1"] .dt-tld-table td {
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dt-tld-table td strong { color: #f1f5f9 !important; }

/* â”€â”€ Script Marketplace Cards â”€â”€ */
body[data-dk-dark="1"] .script-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .script-card__thumb {
    background: #252d42 !important;
}
body[data-dk-dark="1"] .script-card .card-body { background: #1e2436 !important; }
body[data-dk-dark="1"] .script-card h6 { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .script-card .fw-bold { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .script-card .badge.bg-secondary-subtle {
    background: #252d42 !important;
    color: #94a3b8 !important;
}

/* â”€â”€ Dark mode toggle button in header â”€â”€ */
.dk-dark-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 11px 5px 7px;
    border: 1px solid var(--front-color-border, #e3e7ff);
    border-radius: 999px;
    background: var(--front-color-white, #fff);
    color: var(--paragraph-color, #374151);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}
.dk-dark-toggle-btn:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}
.dk-dark-toggle-btn__track {
    position: relative;
    width: 32px;
    height: 18px;
    border-radius: 999px;
    background: rgba(107,114,128,0.2);
    border: 1px solid rgba(107,114,128,0.2);
    transition: background 0.2s;
    flex-shrink: 0;
}
.dk-dark-toggle-btn__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
.dk-dark-toggle-btn.is-on {
    background: #1e2436;
    border-color: #3a4560;
    color: #e2e8f0;
}
.dk-dark-toggle-btn.is-on .dk-dark-toggle-btn__track {
    background: var(--main-color);
    border-color: var(--main-color);
}
.dk-dark-toggle-btn.is-on .dk-dark-toggle-btn__thumb { transform: translateX(14px); }
.dk-dark-toggle-btn .dk-icon-sun  { display: none; }
.dk-dark-toggle-btn .dk-icon-moon { display: inline; }
.dk-dark-toggle-btn.is-on .dk-icon-sun  { display: inline; }
.dk-dark-toggle-btn.is-on .dk-icon-moon { display: none; }
/* Hide label on small screens */
@media (max-width: 880px) { .dk-dark-toggle-btn__label { display: none; } }

/* â”€â”€ Script Detail Page â”€â”€ */
body[data-dk-dark="1"] .card.shadow-sm {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
body[data-dk-dark="1"] .card.shadow-sm .card-body { background: #1e2436 !important; }
body[data-dk-dark="1"] #demoCard {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .demo-bar {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .demo-bar__url {
    background: #161b27 !important;
    border-radius: 6px;
}
body[data-dk-dark="1"] .demo-bar__url-text { color: #94a3b8 !important; }
body[data-dk-dark="1"] .badge.bg-info-subtle {
    background: rgba(14,165,233,0.15) !important;
    color: #38bdf8 !important;
}
body[data-dk-dark="1"] .badge.bg-secondary-subtle {
    background: #252d42 !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .alert-success {
    background: rgba(22,163,74,0.12) !important;
    border-color: rgba(22,163,74,0.25) !important;
    color: #4ade80 !important;
}

/* â”€â”€ User Not Found / Empty State Component â”€â”€ */
body[data-dk-dark="1"] .user-not-found {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .user-not-found__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .user-not-found__orb {
    background: rgba(70,99,238,0.08) !important;
    border-color: rgba(70,99,238,0.12) !important;
}
body[data-dk-dark="1"] .user-not-found__eyebrow {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .user-not-found__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .user-not-found__hint { color: #64748b !important; }

/* â”€â”€ Settings Page â”€â”€ */
body[data-dk-dark="1"] .settings-shell__grid { background: transparent !important; }
body[data-dk-dark="1"] .settings-profile-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-profile-card__eyebrow { color: #7b8bff !important; }
body[data-dk-dark="1"] .settings-profile-card__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .settings-profile-card__meta { color: #64748b !important; }
body[data-dk-dark="1"] .settings-profile-card__role {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .settings-sidebar { background: transparent !important; }
body[data-dk-dark="1"] .settings-nav {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-nav__link {
    color: #94a3b8 !important;
    border-color: transparent !important;
}
body[data-dk-dark="1"] .settings-nav__link:hover {
    background: #252d42 !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .settings-nav__link.is-active {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .settings-nav__icon {
    background: rgba(70,99,238,0.1) !important;
    color: inherit !important;
}
body[data-dk-dark="1"] .settings-nav__label { color: inherit !important; }
body[data-dk-dark="1"] .settings-nav__hint { color: #5a6070 !important; }
body[data-dk-dark="1"] .settings-nav__meta { color: #5a6070 !important; }
body[data-dk-dark="1"] .settings-nav__link--danger { color: #f87171 !important; }
body[data-dk-dark="1"] .settings-nav__link--danger:hover { background: rgba(239,68,68,0.1) !important; }
body[data-dk-dark="1"] .settings-content--panel {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-content__header {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-content__eyebrow { color: #7b8bff !important; }
body[data-dk-dark="1"] .settings-content__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .settings-content__badge {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .settings-section {
    background: transparent !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-section__header { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .settings-section__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .settings-section__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .settings-section__subtitle { color: #64748b !important; }
body[data-dk-dark="1"] .settings-badge--success {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .form-control:disabled,
body[data-dk-dark="1"] .form-control[readonly] {
    background: #161b27 !important;
    color: #5a6070 !important;
    border-color: #2a2f3e !important;
}
/* Avatar crop modal */
body[data-dk-dark="1"] .modal-content {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .modal-header {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .modal-header .modal-title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .modal-footer {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .btn-close { filter: invert(1) brightness(0.7) !important; }

/* â”€â”€ Notifications Settings Page â”€â”€ */
body[data-dk-dark="1"] .notification-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-header {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-header__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .notification-header__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .notification-header__subtitle { color: #64748b !important; }
body[data-dk-dark="1"] .notification-header__pill {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
/* Toggle cards */
body[data-dk-dark="1"] .notification-toggle-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-toggle-card__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .notification-toggle-card__text { color: #64748b !important; }
/* Tune card */
body[data-dk-dark="1"] .notification-tune-card {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
/* Custom tune builder */
body[data-dk-dark="1"] .notification-custom-tune {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-custom-tune__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .notification-custom-tune__text { color: #64748b !important; }
body[data-dk-dark="1"] .notification-custom-tune__badge {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
/* Preferences footer */
body[data-dk-dark="1"] .notification-preferences-actions {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-preferences-actions__hint { color: #64748b !important; }
/* Notification feed list */
body[data-dk-dark="1"] .notification-feed-list { background: #1e2436 !important; }
body[data-dk-dark="1"] .notification-item,
body[data-dk-dark="1"] .list-group-item {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .notification-item:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .notification-item__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .notification-item__message { color: #94a3b8 !important; }
body[data-dk-dark="1"] .notification-item__time { color: #5a6070 !important; }
body[data-dk-dark="1"] .notification-item__mark-read { color: #5a6070 !important; }
body[data-dk-dark="1"] .notification-item__mark-read:hover { color: #4ade80 !important; }

/* â”€â”€ Security Center Page â”€â”€ */
body[data-dk-dark="1"] .security-suite-tabs {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .security-suite-tabs__item {
    color: #94a3b8 !important;
    border-color: transparent !important;
}
body[data-dk-dark="1"] .security-suite-tabs__item:hover {
    background: #252d42 !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .security-suite-tabs__item.is-active {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .security-suite-tabs__icon {
    background: rgba(70,99,238,0.1) !important;
    color: inherit !important;
}
body[data-dk-dark="1"] .security-suite-tabs__label { color: inherit !important; }
body[data-dk-dark="1"] .security-suite-tabs__hint { color: #5a6070 !important; }
/* Status card */
body[data-dk-dark="1"] .settings-status-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-status-card__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .settings-status-card--disabled .settings-status-card__icon {
    background: rgba(239,68,68,0.1) !important;
    color: #f87171 !important;
}
body[data-dk-dark="1"] .settings-status-card__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .settings-status-card__text { color: #64748b !important; }
body[data-dk-dark="1"] .settings-badge--info {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
/* Readiness strip */
body[data-dk-dark="1"] .security-readiness-strip {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .security-readiness-strip__label { color: #64748b !important; }
body[data-dk-dark="1"] .security-readiness-strip__value { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .security-readiness-strip__meter {
    background: #252d42 !important;
}
body[data-dk-dark="1"] .security-readiness-strip__meter span {
    background: var(--front-color-primary) !important;
}
/* Tips / current access sidebar */
body[data-dk-dark="1"] .settings-tips {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-tips__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .security-current-list dt { color: #64748b !important; }
body[data-dk-dark="1"] .security-current-list dd { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .security-current-list > div {
    border-color: #2a2f3e !important;
}
/* Activity list */
body[data-dk-dark="1"] .security-activity-list {
    background: transparent !important;
}
body[data-dk-dark="1"] .security-activity-item {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .security-activity-item:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .security-activity-item__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .security-activity-item__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .security-activity-item__title span { color: #64748b !important; }
body[data-dk-dark="1"] .security-activity-item__meta { color: #64748b !important; }
body[data-dk-dark="1"] .security-activity-item__time { color: #5a6070 !important; }

/* â”€â”€ KYC Verification Page â”€â”€ */
body[data-dk-dark="1"] .kyc-verify-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .kyc-verify-hero__icon {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .kyc-verify-hero--approved .kyc-verify-hero__icon {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .kyc-verify-hero__eyebrow { color: #7b8bff !important; }
body[data-dk-dark="1"] .kyc-verify-hero__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .kyc-verify-hero__subtitle { color: #64748b !important; }
body[data-dk-dark="1"] .kyc-verify-hero__badge--approved {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .kyc-verify-hero__meta {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .kyc-verify-hero__meta-item { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .kyc-verify-hero__meta-item span { color: #64748b !important; }
body[data-dk-dark="1"] .kyc-verify-hero__meta-item strong { color: #f1f5f9 !important; }
/* Timeline */
body[data-dk-dark="1"] .kyc-verify-status {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .kyc-verify-timeline-head { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .kyc-verify-timeline-head__eyebrow { color: #7b8bff !important; }
body[data-dk-dark="1"] .kyc-verify-timeline-head__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .kyc-verify-header__badge--approved {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .kyc-verify-timeline { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .kyc-verify-timeline__step { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .kyc-verify-timeline__dot {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .kyc-verify-timeline__step.is-done .kyc-verify-timeline__dot {
    background: var(--front-color-primary) !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .kyc-verify-timeline__step.is-approved .kyc-verify-timeline__dot {
    background: #4ade80 !important;
    border-color: #4ade80 !important;
}
body[data-dk-dark="1"] .kyc-verify-timeline__label { color: #c4cce0 !important; }
body[data-dk-dark="1"] .kyc-verify-timeline__meta { color: #5a6070 !important; }

/* â”€â”€ Header Notification Dropdown Cards â”€â”€ */
body[data-dk-dark="1"] .user-notification-card {
    background: rgba(26,29,39,0.96) !important;
    border-color: rgba(255,255,255,0.06) !important;
}
body[data-dk-dark="1"] .user-notification-card:hover,
body[data-dk-dark="1"] .user-notification-card:focus {
    background: #252d42 !important;
    border-color: rgba(70,99,238,0.24) !important;
}
body[data-dk-dark="1"] .user-notification-card.is-unread {
    background: rgba(30,36,54,0.98) !important;
    border-color: rgba(70,99,238,0.16) !important;
}
body[data-dk-dark="1"] .user-notification-card__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .user-notification-card__message { color: #94a3b8 !important; }
body[data-dk-dark="1"] .user-notification-card__time { color: #5a6070 !important; }
body[data-dk-dark="1"] .user-notification-card__type { color: inherit !important; }
body[data-dk-dark="1"] .user-notification-card__icon {
    background: rgba(26,29,39,0.75) !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__list {
    background: #13161f !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__footer {
    background: rgba(19,22,31,0.94) !important;
    border-color: rgba(70,99,238,0.12) !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__action--view {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__action--read {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}

/* â”€â”€ Notification Dropdown Header â”€â”€ */
body[data-dk-dark="1"] .user-notification-dropdown__header {
    background: linear-gradient(135deg, rgba(70,99,238,0.10), rgba(26,29,39,0.08)),
        linear-gradient(180deg, rgba(26,29,39,0.96), rgba(19,22,31,0.82)) !important;
    border-color: rgba(70,99,238,0.12) !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__head-icon {
    background: rgba(26,29,39,0.95) !important;
    color: #7b8bff !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .user-notification-dropdown__eyebrow { color: #7b8bff !important; }
body[data-dk-dark="1"] .user-notification-dropdown__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .user-notification-dropdown__subtitle { color: #64748b !important; }
body[data-dk-dark="1"] .user-notification-dropdown__count {
    background: rgba(26,29,39,0.86) !important;
    border-color: rgba(70,99,238,0.13) !important;
    color: #7b8bff !important;
    box-shadow: none !important;
}

/* â”€â”€ Settings Shell Root â”€â”€ */
body[data-dk-dark="1"] .card-main,
body[data-dk-dark="1"] .settings-shell {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .settings-shell__grid {
    background: #161b27 !important;
}
body[data-dk-dark="1"] .settings-content__scroll {
    background: #161b27 !important;
}
body[data-dk-dark="1"] .notification-settings-page {
    background: #161b27 !important;
}
body[data-dk-dark="1"] .notification-preferences-card__body {
    background: #1e2436 !important;
}

/* â”€â”€ Wallet Page â”€â”€ */
body[data-dk-dark="1"] .wallet-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-header {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-currency-img-wrap {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-card__identity h6 { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .wallet-default-pill {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .wallet-id-chip {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .wallet-id-chip strong { color: #c4cce0 !important; }
body[data-dk-dark="1"] .wallet-id-copy {
    background: transparent !important;
    color: #5a6070 !important;
    border-color: transparent !important;
}
body[data-dk-dark="1"] .wallet-id-copy:hover { color: #7b8bff !important; }
body[data-dk-dark="1"] .wallet-card__balance-panel {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-card__balance-panel span { color: #64748b !important; }
body[data-dk-dark="1"] .wallet-balance { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .wallet-card__balance-panel p { color: #5a6070 !important; }
body[data-dk-dark="1"] .wallet-card__support-row {
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-footer {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .wallet-btn-icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .wallet-btn-icon:hover {
    background: var(--front-color-primary) !important;
    color: #fff !important;
}

/* â”€â”€ eSIM Orders Table â”€â”€ */
body[data-dk-dark="1"] .card-main {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .card-main .table {
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .card-main .table thead th {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .card-main .table tbody tr {
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .card-main .table tbody tr:hover {
    background: #252d42 !important;
}
body[data-dk-dark="1"] .card-main .table td {
    background: transparent !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .card-main .table .fw-semibold { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .badge.bg-warning {
    background: rgba(217,119,6,0.18) !important;
    color: #fbbf24 !important;
}
body[data-dk-dark="1"] .badge.bg-success {
    background: rgba(22,163,74,0.15) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .badge.bg-info {
    background: rgba(14,165,233,0.15) !important;
    color: #38bdf8 !important;
}

/* â”€â”€ Domain Search Results â”€â”€ */
body[data-dk-dark="1"] .ds-results-title { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ds-result {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ds-result--available {
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .ds-result--taken {
    border-color: rgba(239,68,68,0.2) !important;
}
body[data-dk-dark="1"] .ds-result__icon--available {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .ds-result__icon--taken {
    background: rgba(239,68,68,0.12) !important;
    color: #f87171 !important;
}
body[data-dk-dark="1"] .ds-result__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ds-result__status--available { color: #4ade80 !important; }
body[data-dk-dark="1"] .ds-result__status--taken { color: #f87171 !important; }
body[data-dk-dark="1"] .ds-result__price { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ds-btn--register {
    background: var(--front-color-primary) !important;
    color: #fff !important;
    border-color: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .ds-btn--register:hover { opacity: 0.88 !important; }

/* â”€â”€ Mobile More Sheet Dark Mode Toggle â”€â”€ */
.dk-more-menu__icon--slate {
    background: rgba(100,116,139,0.12);
    color: #64748b;
}
body[data-dk-dark="1"] .dk-more-menu__icon--slate {
    background: rgba(148,163,184,0.12) !important;
    color: #94a3b8 !important;
}
/* Reuse dk-dark-toggle-btn track inside the more menu item */
.dk-more-menu__item .dk-dark-toggle-btn__track {
    width: 36px;
    height: 20px;
}
.dk-more-menu__item .dk-dark-toggle-btn__thumb {
    width: 14px;
    height: 14px;
}


/* ── Transaction Detail Modal ── */
body[data-dk-dark="1"] .ud-trx-modal .modal-content,
body[data-dk-dark="1"] .ud-trx-modal__content {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #e2e8f0 !important;
}
body[data-dk-dark="1"] .ud-trx-modal__body { background: #161b27 !important; }
body[data-dk-dark="1"] .ud-trx-modal__hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .ud-trx-modal__hero::before { display: none !important; }
body[data-dk-dark="1"] .ud-trx-modal__hero-top,
body[data-dk-dark="1"] .ud-trx-modal__hero-brand { background: transparent !important; }
body[data-dk-dark="1"] .ud-trx-modal__eyebrow {
    background: rgba(70,99,238,0.15) !important;
    border-color: rgba(70,99,238,0.25) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .ud-trx-modal__title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-trx-modal__subtitle { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ud-trx-modal__amount-label,
body[data-dk-dark="1"] .ud-trx-modal__amount-note { color: rgba(255,255,255,0.55) !important; }
body[data-dk-dark="1"] .ud-trx-modal__amount { color: #fff !important; }
body[data-dk-dark="1"] .ud-trx-modal__hero-icon {
    background: rgba(70,99,238,0.18) !important;
    border-color: rgba(70,99,238,0.25) !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .ud-trx-modal__ledger { background: #161b27 !important; }
body[data-dk-dark="1"] .ud-trx-modal__panel,
body[data-dk-dark="1"] .ud-trx-modal__action-panel {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .ud-trx-modal__panel--accent { background: #1a1f30 !important; }
body[data-dk-dark="1"] .ud-trx-modal__panel--note { background: #1e2436 !important; }
body[data-dk-dark="1"] .ud-trx-modal__panel-head { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .ud-trx-modal__panel-eyebrow { color: #64748b !important; }
body[data-dk-dark="1"] .ud-trx-modal__panel-title { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-trx-modal__detail-card {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .ud-trx-modal__detail-label { color: #64748b !important; }
body[data-dk-dark="1"] .ud-trx-modal__detail-value { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-trx-modal__money-list { background: transparent !important; }
body[data-dk-dark="1"] .ud-trx-modal__money-row {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ud-trx-modal__money-row > span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ud-trx-modal__money-row > strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .ud-trx-modal__money-row--strong {
    background: #2e3a52 !important;
    border-color: #3a4560 !important;
}
body[data-dk-dark="1"] .ud-trx-modal__money-row--strong > span,
body[data-dk-dark="1"] .ud-trx-modal__money-row--strong > strong { color: #fff !important; }
body[data-dk-dark="1"] .ud-trx-modal__note-copy,
body[data-dk-dark="1"] .ud-trx-modal__action-text { color: #94a3b8 !important; }
body[data-dk-dark="1"] .ud-trx-modal__footer {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .ud-trx-modal__dismiss {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .ud-trx-modal__dismiss:hover {
    background: #2e3a52 !important;
    color: #f1f5f9 !important;
}
/* Chips inside modal */
body[data-dk-dark="1"] .ud-trx-chip--type { background: rgba(70,99,238,0.15) !important; color: #7b8bff !important; }
body[data-dk-dark="1"] .ud-trx-chip--status.bg-success { background: rgba(22,163,74,0.15) !important; color: #4ade80 !important; }
body[data-dk-dark="1"] .ud-trx-chip--status.bg-danger  { background: rgba(239,68,68,0.15) !important; color: #f87171 !important; }
body[data-dk-dark="1"] .ud-trx-chip--status.bg-warning { background: rgba(217,119,6,0.15) !important; color: #fbbf24 !important; }
body[data-dk-dark="1"] .ud-trx-chip--status.bg-info    { background: rgba(14,165,233,0.15) !important; color: #38bdf8 !important; }

/* ── Mobile Recent Activity Amount Colors (dark mode) ── */
body[data-dk-dark="1"] .dk-trx-row__amt[data-dir="in"]     { color: #4ade80 !important; }
body[data-dk-dark="1"] .dk-trx-row__amt[data-dir="out"]    { color: #f87171 !important; }
body[data-dk-dark="1"] .dk-trx-row__amt[data-dir="failed"] { color: #64748b !important; text-decoration: line-through; }

/* ── Modal Close Button (dark mode) ── */
body[data-dk-dark="1"] .ud-trx-modal__close {
    background: rgba(255,255,255,0.12) !important;
    filter: invert(1) brightness(2) !important;
    opacity: 1 !important;
}
body[data-dk-dark="1"] .ud-trx-modal__close:hover {
    background: rgba(255,255,255,0.22) !important;
}

/* ── Bootstrap btn-close white X in dark mode ── */
body[data-dk-dark="1"] .ud-trx-modal__close.btn-close {
    background: #252d42 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    filter: none !important;
    opacity: 1 !important;
}
body[data-dk-dark="1"] .ud-trx-modal__close.btn-close:hover {
    background-color: #2e3a52 !important;
}

/* ── Quick Function Dropdown (desktop) ── */
body[data-dk-dark="1"] .quick-function-dropdown,
body[data-dk-dark="1"] .quick-function-menu {
    background: #1a1d27 !important;
    border-color: #252a40 !important;
    box-shadow: 0 24px 48px rgba(0,0,0,0.5) !important;
}
body[data-dk-dark="1"] .quick-function-menu__header {
    background: #1e2436 !important;
    border-color: #252a40 !important;
}
body[data-dk-dark="1"] .quick-function-menu__header-mark {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .quick-function-menu__heading { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .quick-function-menu__subtitle { color: #64748b !important; }
body[data-dk-dark="1"] .quick-function-menu__close {
    background: rgba(255,255,255,0.06) !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .quick-function-menu__close:hover {
    background: rgba(255,255,255,0.12) !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .quick-function-menu__wallet-card {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .quick-function-menu__wallet-card:hover {
    background: #2e3a52 !important;
}
body[data-dk-dark="1"] .quick-function-menu__wallet-label { color: #94a3b8 !important; }
body[data-dk-dark="1"] .quick-function-menu__wallet-balance,
body[data-dk-dark="1"] .quick-function-menu__wallet-code { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .quick-function-menu__wallet-eye { color: #64748b !important; }
body[data-dk-dark="1"] .quick-function-menu__wallet-arrow { color: #64748b !important; }
body[data-dk-dark="1"] .quick-function-menu__scan {
    background: rgba(70,99,238,0.12) !important;
    border-color: rgba(70,99,238,0.2) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .quick-function-menu__scan:hover {
    background: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .quick-function-menu__action {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .quick-function-menu__action:hover {
    background: #2e3a52 !important;
    color: #f1f5f9 !important;
}
body[data-dk-dark="1"] .quick-function-menu__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .quick-function-menu__label { color: #c4cce0 !important; }
body[data-dk-dark="1"] .quick-function-menu__footer-link {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .quick-function-menu__footer-link:hover {
    background: #2e3a52 !important;
}
body[data-dk-dark="1"] .quick-function-menu__footer-icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .quick-function-menu__footer-copy strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .quick-function-menu__footer-copy span { color: #64748b !important; }
body[data-dk-dark="1"] .quick-function-menu__footer-arrow { color: #64748b !important; }

/* ── Rank Showcase Page ── */
body[data-dk-dark="1"] .rank-showcase-shell,
body[data-dk-dark="1"] .rank-overview-panel {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-showcase-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-showcase-kicker { color: #7b8bff !important; }
body[data-dk-dark="1"] .rank-showcase-hero h5 { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .rank-showcase-hero p { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-progress-card {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-progress-card__header span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-progress-card__header strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .rank-progress-card__bar {
    background: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-progress-card__bar span {
    background: var(--front-color-primary) !important;
}
body[data-dk-dark="1"] .rank-progress-card__meta span { color: #64748b !important; }
body[data-dk-dark="1"] .rank-summary-card {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-summary-card__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .rank-summary-card span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-summary-card strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .rank-progress-rail {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-progress-rail__item { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .rank-progress-rail__dot {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    color: #64748b !important;
}
body[data-dk-dark="1"] .rank-progress-rail__item.is-unlocked .rank-progress-rail__dot {
    background: var(--front-color-primary) !important;
    border-color: var(--front-color-primary) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .rank-progress-rail__item.is-current .rank-progress-rail__dot {
    background: #4ade80 !important;
    border-color: #4ade80 !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .rank-progress-rail__label { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-progress-rail__item.is-current .rank-progress-rail__label { color: #f1f5f9 !important; }
/* Tier cards */
body[data-dk-dark="1"] .rank-tier-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-tier-card.is-current {
    border-color: rgba(70,99,238,0.4) !important;
}
body[data-dk-dark="1"] .rank-tier-card__top { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .rank-tier-card__status {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
    border-color: rgba(22,163,74,0.2) !important;
}
body[data-dk-dark="1"] .rank-tier-card.is-current .rank-tier-card__status {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.2) !important;
}
body[data-dk-dark="1"] .rank-tier-card__body h6 { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .rank-tier-card__body p { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-tier-card__metrics {
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-tier-card__metrics span { color: #94a3b8 !important; }
body[data-dk-dark="1"] .rank-tier-card__footer {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .rank-tier-card__footer span { color: #64748b !important; }
body[data-dk-dark="1"] .rank-tier-card__footer strong { color: #f1f5f9 !important; }

/* ── Hosting Plans Page ── */
body[data-dk-dark="1"] .hp-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
    box-shadow: none !important;
}
body[data-dk-dark="1"] .hp-card--featured {
    background: #1a1f30 !important;
    border-color: rgba(70,99,238,0.4) !important;
}
body[data-dk-dark="1"] .hp-card__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hp-card__icon--accent {
    background: rgba(70,99,238,0.2) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .hp-card__icon--deep {
    background: rgba(245,158,11,0.15) !important;
    color: #fbbf24 !important;
}
body[data-dk-dark="1"] .hp-card__name { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .hp-card__tagline { color: #64748b !important; }
body[data-dk-dark="1"] .hp-card__currency,
body[data-dk-dark="1"] .hp-card__amount { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .hp-card__period { color: #64748b !important; }
body[data-dk-dark="1"] .hp-card__billing-note { color: #64748b !important; }
body[data-dk-dark="1"] .hp-divider { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .hp-feat-heading { color: #94a3b8 !important; }
body[data-dk-dark="1"] .hp-feat-item { color: #c4cce0 !important; }
body[data-dk-dark="1"] .hp-feat-check {
    background: rgba(22,163,74,0.12) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .hp-btn--default {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .hp-btn--default:hover {
    background: var(--front-color-primary) !important;
    border-color: var(--front-color-primary) !important;
    color: #fff !important;
}
body[data-dk-dark="1"] .hp-badge--popular {
    background: rgba(70,99,238,0.15) !important;
    color: #7b8bff !important;
    border-color: rgba(70,99,238,0.25) !important;
}
body[data-dk-dark="1"] .hp-badge--value {
    background: rgba(245,158,11,0.15) !important;
    color: #fbbf24 !important;
    border-color: rgba(245,158,11,0.25) !important;
}

/* ── DNS Management Page ── */
body[data-dk-dark="1"] .dns-back { color: #7b8bff !important; }
body[data-dk-dark="1"] .dns-back:hover { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dns-active-banner {
    background: rgba(22,163,74,0.12) !important;
    border-color: rgba(22,163,74,0.25) !important;
    color: #4ade80 !important;
}
body[data-dk-dark="1"] .dns-active-banner__icon { color: #4ade80 !important; }
body[data-dk-dark="1"] .dns-active-banner__text { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dns-active-banner__text strong { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dns-hero {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dns-hero__icon {
    background: rgba(70,99,238,0.12) !important;
    color: #7b8bff !important;
}
body[data-dk-dark="1"] .dns-hero__domain { color: #f1f5f9 !important; }
body[data-dk-dark="1"] .dns-hero__sub { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dns-ns-chip {
    background: #252d42 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dns-section-title { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dns-table-wrap {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dns-table { color: #c4cce0 !important; }
body[data-dk-dark="1"] .dns-table thead th {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #94a3b8 !important;
}
body[data-dk-dark="1"] .dns-table tbody tr { border-color: #2a2f3e !important; }
body[data-dk-dark="1"] .dns-table tbody tr:hover { background: #252d42 !important; }
body[data-dk-dark="1"] .dns-table td {
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dns-type-badge { color: #fff !important; }
body[data-dk-dark="1"] .dns-type-badge--a    { background: rgba(70,99,238,0.7) !important; }
body[data-dk-dark="1"] .dns-type-badge--ns   { background: rgba(100,116,139,0.7) !important; }
body[data-dk-dark="1"] .dns-type-badge--mx   { background: rgba(217,119,6,0.7) !important; }
body[data-dk-dark="1"] .dns-type-badge--txt  { background: rgba(22,163,74,0.7) !important; }
body[data-dk-dark="1"] .dns-type-badge--cname { background: rgba(139,92,246,0.7) !important; }
body[data-dk-dark="1"] .dns-del-btn {
    background: rgba(239,68,68,0.12) !important;
    border-color: rgba(239,68,68,0.2) !important;
    color: #f87171 !important;
}
body[data-dk-dark="1"] .dns-del-btn:hover {
    background: rgba(239,68,68,0.25) !important;
}
body[data-dk-dark="1"] .dns-add-card {
    background: #1e2436 !important;
    border-color: #2a2f3e !important;
}
body[data-dk-dark="1"] .dns-form-group label { color: #94a3b8 !important; }
body[data-dk-dark="1"] .dns-form-group input,
body[data-dk-dark="1"] .dns-form-group select {
    background: #161b27 !important;
    border-color: #2a2f3e !important;
    color: #c4cce0 !important;
}
body[data-dk-dark="1"] .dns-form-group input::placeholder { color: #5a6070 !important; }
body[data-dk-dark="1"] .dns-submit {
    background: var(--front-color-primary) !important;
    color: #fff !important;
    border-color: var(--front-color-primary) !important;
}
