[data-theme="dark"] {
    --front-color-bg: #0d0f1a;
    --front-color-card: #161a2c;
    --front-color-surface: #1b2036;
    --front-color-surface-soft: #1e2338;
    --front-color-heading: #f5f6fa;
    --front-color-text: #c7cbdb;
    --front-color-text-rgb: 199, 203, 219;
    --front-color-text-soft: #a8adc4;
    --front-color-muted: #8991ab;
    --front-color-muted-rgb: 137, 145, 171;
    --front-color-border: #2a2f4a;
    --front-color-border-soft: #232840;
    --main-background: linear-gradient(90deg, #0d0f1a 0%, #12152a 100%);
    --divider-color: #2a2f4a;
    --shadow-color: rgba(0, 0, 0, 0.45);
    --soft-gray: #1b2036;
    
}

/* ============================================================
   Hardcoded-white components that don't use --front-color-*
   tokens. Scoped to body.dark-mode since that class is applied
   alongside data-theme="dark" on every dashboard page.
   ============================================================ */

/* Mobile: "Wallet actions" unified card */
body.dark-mode .dk-action-hub__primary {
    background: #161a2c;
}
body.dark-mode .dk-action-card__copy strong {
    color: #f5f6fa !important;
}
body.dark-mode .dk-action-card__copy small {
    color: #8991ab;
}

/* Mobile: "Quick actions" tiles */
body.dark-mode .dk-qa-tile {
    background: #161a2c;
}
body.dark-mode .dk-qa-tile__lb {
    color: #c7cbdb;
}
body.dark-mode .dk-section__title,
body.dark-mode .dk-action-hub__subhead span {
    color: #f5f6fa !important;
}

/* Mobile: bottom tab bar */
body.dark-mode .dk-tabbar {
    background: #161a2c;
    border-top: 1px solid #2a2f4a;
}
body.dark-mode .dk-tab,
body.dark-mode .dk-tab__lb {
    color: #8991ab;
}





/* Desktop: left sidebar menu card */
body.dark-mode .dashboard-sidebar-menu-card {
    background: #161a2c;
}
body.dark-mode .left-menu-box > li > a,
body.dark-mode .left-menu-box .submenu li a {
    color: #c7cbdb;
}

body.dark-mode .left-menu-box > li > a {
    background: transparent !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .left-menu-box > li > a:hover,
body.dark-mode .left-menu-box > li > a:focus,
body.dark-mode .left-menu-box > li > a:active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}


body.dark-mode .premium-header {
    background: var(--front-color-card) !important;
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .ph-brand__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-brand__tag {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-breadcrumb {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-breadcrumb .current {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-page-title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-icon-btn {
    color: var(--front-color-text) !important;
}

body.dark-mode .ph-icon-btn:hover {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-icon-btn--primary {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .ph-icon-btn--primary:hover {
    background: var(--front-color-primary-hover) !important;
    color: #ffffff !important;
}

body.dark-mode .ph-divider {
    background: var(--front-color-border) !important;
}

body.dark-mode .ph-profile__btn {
    color: var(--front-color-text) !important;
}

body.dark-mode .ph-profile__btn:hover {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__verification {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-profile__menu {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .ph-profile__menu-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .ph-profile__menu-user h4 {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__menu-item {
    color: var(--front-color-text) !important;
}

body.dark-mode .ph-profile__menu-item:hover {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__menu-label {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__menu-hint {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-profile__menu-arrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .ph-profile__status-item {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .ph-profile__status-item:hover {
    background: var(--front-color-surface-soft) !important;
}

body.dark-mode .ph-profile__status-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-profile__status-value {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__status-pill {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .premium-header .ph-lang .dropdown-toggle {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .premium-header .ph-lang .dropdown-toggle:hover {
    background: var(--front-color-surface-soft) !important;
    border-color: var(--front-color-border-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .premium-header .ph-lang .dropdown-toggle span {
    color: var(--front-color-text) !important;
}

body.dark-mode .premium-header .ph-lang .dropdown-toggle .mx-2 {
    filter: brightness(0.8);
}

body.dark-mode .ph-profile__btn {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .ph-profile__btn:hover {
    background: var(--front-color-surface-soft) !important;
    border-color: var(--front-color-border-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .ph-profile__verification {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ph-profile__chev {
    color: var(--front-color-muted) !important;
}

body.dark-mode .ph-avatar img {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .ud-chart-card,
body.dark-mode .ud-hero,
body.dark-mode .kyc-notice-card,
body.dark-mode .ud-transactions,
body.dark-mode .dashboard-sidebar-referral-slot,
body.dark-mode .media-body {
    background: var(--front-color-card) !important;
}

body.dark-mode .ud-chart-card__head,
body.dark-mode .ud-chart-card__body {
    background: transparent !important;
}

body.dark-mode .single-amount-card {
    background: var(--front-color-card) !important;
}

body.dark-mode .dashboard-sidebar-referral-card {
    background: var(--front-color-card) !important;
}

body.dark-mode .ud-trx-item {
    background: var(--front-color-card) !important;
}

body.dark-mode .vc-not-found,
body.dark-mode .payment-link-empty {
    background: var(--front-color-card) !important;
}

body.dark-mode .user-not-found__title,
body.dark-mode .payment-link-empty__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .user-not-found__hint,
body.dark-mode .payment-link-empty__hint {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .vc-stat {
    background: var(--front-color-card) !important;
}

body.dark-mode .vc-stat__label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ud-hero__actions {
    background: transparent !important;
}

body.dark-mode .ud-hero__date {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ud-hero__btn--ghost {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .ud-hero__btn--ghost:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .user-dashboard .ud-hero__date {
    color: var(--front-color-text-soft) !important;
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .single-card-box,
body.dark-mode .single-amount-card,
body.dark-mode .ud-transactions,
body.dark-mode .ud-trx-item {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .single-card-box {
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .single-amount-card h6,
body.dark-mode .single-amount-card .media-body h6 {
    color: var(--front-color-heading) !important;
}

body.dark-mode .single-amount-card span,
body.dark-mode .single-amount-card .media-body span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .single-amount-card a {
    background: var(--front-color-surface) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.dark-mode .single-amount-card a .icon path {
    stroke: var(--front-color-text) !important;
}

body.dark-mode .single-amount-card a:hover {
    background: var(--front-color-surface-soft) !important;
}

body.dark-mode .single-amount-card a:hover .icon path {
    stroke: var(--front-color-heading) !important;
}

body.dark-mode .ud-filter-panel {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .ud-filter-panel .form-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .ud-filter-panel .form-control,
body.dark-mode .ud-filter-panel .form-select {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .ud-filter-panel .form-control:focus,
body.dark-mode .ud-filter-panel .form-select:focus {
    border-color: var(--front-color-primary) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .ud-filter-panel .input-group-text {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .feature-summary-widget__header-side,
body.dark-mode .feature-summary-widget__meta {
    background: transparent !important;
}

body.dark-mode .feature-summary-widget__meta span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .feature-summary-widget__meta-icon svg path {
    fill: var(--front-color-text-soft) !important;
}

body.dark-mode .feature-summary-widget__meta {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .vc-stat {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .vc-stat__value {
    color: var(--front-color-heading) !important;
}

body.dark-mode .vc-stat__icon--brand,
body.dark-mode .vc-stat__icon--violet,
body.dark-mode .vc-stat__icon--amber,
body.dark-mode .vc-stat__icon--green {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .payment-link-empty__icon {
    background: linear-gradient(135deg, var(--front-color-primary), var(--front-color-accent)) !important;
    color: var(--front-color-white) !important;
    box-shadow: none !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .vc-request-panel,
body.dark-mode .vc-panel {
    background: var(--front-color-card) !important;
}

body.dark-mode .vc-request-panel__head {
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .vc-request-panel__eyebrow {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .vc-request-panel__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .vc-request-panel__count {
    color: var(--front-color-text) !important;
}

body.dark-mode .vc-request-panel,
body.dark-mode .vc-panel,
body.dark-mode .single-form-card,
body.dark-mode .card.single-form-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .vc-request-panel table,
body.dark-mode .vc-request-panel th,
body.dark-mode .vc-request-panel td,
body.dark-mode .vc-request-panel tr {
    background: transparent !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .vc-request-panel th {
    color: var(--front-color-heading) !important;
}

body.dark-mode .vc-request-panel__head {
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .vc-request-panel__count {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .we-stk-summary-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-stk-summary-card__label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .we-stk-summary-card__value {
    color: var(--front-color-heading) !important;
}

body.dark-mode .we-stk-summary-card__sub {
    color: var(--front-color-muted) !important;
}

body.dark-mode .we-stk-summary-card__icon--active,
body.dark-mode .we-stk-summary-card__icon--earned,
body.dark-mode .we-stk-summary-card__icon--payout,
body.dark-mode .we-stk-summary-card__icon--total {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}


body.dark-mode .we-stk-tabs {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-stk-tab {
    color: var(--front-color-text) !important;
}

body.dark-mode .we-stk-tab.active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .we-stk-tab.active .we-stk-tab__count {
    color: #ffffff !important;
    background: transparent !important;
    border-color: #ffffff !important;
}

body.dark-mode .we-stk-tab:not(.active):hover {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .we-stk-tab:not(.active):hover .we-stk-tab__count {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

body.dark-mode .we-stk-tab__count {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
    color: var(--front-color-muted) !important;
    border-radius: 4px !important;
    padding: 0 6px !important;
}

body.dark-mode .sp-toggle {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .sp-toggle__btn {
    background: transparent !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .sp-toggle__btn.active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .sp-toggle__btn:not(.active):hover {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .sp-toggle__save {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .sp-toggle__btn.active .sp-toggle__save {
    color: #ffffff !important;
}

body.dark-mode .sp-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .sp-card__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .sp-card__tagline {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .sp-card__amount {
    color: var(--front-color-heading) !important;
}

body.dark-mode .sp-card__period {
    color: var(--front-color-muted) !important;
}

body.dark-mode .sp-card__divider {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .sp-card__feat-heading {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .sp-card__feature-item {
    color: var(--front-color-text) !important;
}

body.dark-mode .sp-pill {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .sp-card__btn--default {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .sp-card__btn--default:hover {
    background: var(--front-color-primary-hover) !important;
    color: #ffffff !important;
}

body.dark-mode .sp-card__icon {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .sp-card__feat-check {
    color: var(--front-color-primary) !important;
}

body.dark-mode .we-plan-card-v2 {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-plan-card-v2__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .we-plan-card-v2__tagline {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .we-plan-card-v2__rate-value,
body.dark-mode .we-plan-card-v2__rate-pct {
    color: var(--front-color-heading) !important;
}

body.dark-mode .we-plan-card-v2__rate-label {
    color: var(--front-color-muted) !important;
}

body.dark-mode .we-plan-card-v2__pill {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .we-plan-card-v2__divider {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-plan-card-v2__detail {
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-plan-card-v2__detail-val {
    color: var(--front-color-heading) !important;
}

body.dark-mode .we-plan-card-v2__detail-sub {
    color: var(--front-color-muted) !important;
}

body.dark-mode .we-plan-card-v2__bullet {
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .we-plan-card-v2__bullet-check {
    color: var(--front-color-primary) !important;
}

body.dark-mode .we-plan-card-v2__btn {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .we-plan-card-v2__btn:hover {
    background: var(--front-color-primary-hover) !important;
    color: #ffffff !important;
}

body.dark-mode .we-plan-badge--blue {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .we-plan-card-v2__icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .payment-link-empty .payment-link-empty__preview {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .payment-link-empty .payment-link-empty__preview strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .payment-link-empty .payment-link-empty__preview small {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .payment-link-empty .payment-link-empty__preview-url {
    color: var(--front-color-muted) !important;
}

body.dark-mode .payment-link-empty__preview-row {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .payment-link-empty__preview-row strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .payment-link-empty__preview-row small {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .payment-link-empty__preview-row i {
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-stat-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-stat-card .lbl {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-stat-card .val {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-stat-card .ic {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .gc-tabs {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-tabs .tab {
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-tabs .tab.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .gc-tabs .tab .count {
    color: var(--front-color-primary) !important;
}

body.dark-mode .gc-tabs .tab.is-active .count {
    color: var(--front-color-primary) !important;
}

body.dark-mode .gc-list .text-center {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-list .text-center h4 {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-list .text-center p {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-btn.light {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-btn.light:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .mobile-recharge-provider-pill {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-shell {
    background: var(--front-color-bg) !important;
}

body.dark-mode .settings-profile-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-nav__link {
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-nav__link.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .settings-nav__link.is-active .settings-nav__hint {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.dark-mode .settings-nav__link:hover:not(.is-active) {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-nav__icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-nav__link.is-active .settings-nav__icon {
    color: #ffffff !important;
}

body.dark-mode .settings-nav__meta {
    color: var(--front-color-muted) !important;
}

body.dark-mode .settings-content {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-content__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-content__eyebrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .settings-section__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-section__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .settings-section__header {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-badge--success {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-badge--info {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-profile-card__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-profile-card__meta {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .settings-profile-card__role {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-profile-card__eyebrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .settings-nav {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-nav__link {
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-nav__link.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .settings-nav__link.is-active .settings-nav__hint {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.dark-mode .settings-nav__link:hover:not(.is-active) {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-nav__icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-nav__link.is-active .settings-nav__icon {
    color: #ffffff !important;
}

body.dark-mode .settings-nav__meta {
    color: var(--front-color-muted) !important;
}

body.dark-mode .settings-section {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-section__header {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-section__body {
    background: transparent !important;
}

body.dark-mode .settings-section__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-section__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .settings-section__header {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-section__icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-section__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-section__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-primary) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .form-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-create__stepper-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-stepper .step {
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-stepper .step.current .n {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .gc-stepper .step .n {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-stepper .bar {
    background: var(--front-color-border) !important;
}

body.dark-mode .gc-stepper .step .lbl b {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-stepper .step .lbl {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-chip {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-chip.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .gc-chip:hover:not(.is-active) {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-template-card .inner {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-template-card.is-selected .inner {
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .gc-template-card .name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-template-card .cat {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-template-card .tick {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-template-card.is-selected .tick {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .gc-wallet-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-wallet-card.is-selected {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .gc-wallet-card__name {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-wallet-card__tick {
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-wallet-card.is-selected .gc-wallet-card__tick {
    color: var(--front-color-primary) !important;
}

body.dark-mode .gc-wallet-card__lbl {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-wallet-card__bal {
    color: var(--front-color-heading) !important;
}

body.dark-mode .btn-light {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .btn-light:hover:not(:disabled) {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
    border-color: var(--front-color-border-soft) !important;
}

body.dark-mode .btn-light:disabled {
    background: var(--front-color-surface) !important;
    color: var(--front-color-muted) !important;
    border-color: var(--front-color-border) !important;
    opacity: 0.5 !important;
}

body.dark-mode .gc-mode-toggle {
    background: var(--front-color-card) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .gc-mode-toggle .js-gc-mode {
    background: transparent !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-mode-toggle .js-gc-mode.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .gc-mode-toggle .js-gc-mode:hover:not(.is-active) {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-review-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-review-card .lbl {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-review-card .val {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-review-card .meta {
    color: var(--front-color-muted) !important;
}

body.dark-mode .gc-review-card .ic {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .gc-review-message {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .gc-field-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-review-message__body {
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-terms-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .gc-terms-card__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .gc-terms-card__sub {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .gc-terms-card i {
    color: var(--front-color-text) !important;
}

body.dark-mode .feature-summary-widget__toggle-icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .feature-summary-widget__icon.danger-svg {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .bg-light {
    background: var(--front-color-surface) !important;
    border-left-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-page__intro {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-page__intro span {
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-page__intro p {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .wallet-qr-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-card__scan {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-card__code svg rect {
    fill: var(--front-color-card) !important;
}

body.dark-mode .wallet-qr-card__code svg path {
    fill: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__scan-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .wallet-qr-card__currency h6 {
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-card__currency p {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .wallet-qr-card__balance span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .wallet-qr-card__balance strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-card__meta span {
    color: var(--front-color-muted) !important;
}

body.dark-mode .wallet-qr-card__meta strong {
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__link-box {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-card__link-box span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .wallet-qr-card__link-box input {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__link-box button {
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__link-box button:hover {
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-card__btn--primary {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .wallet-qr-card__btn--primary:hover {
    background: var(--front-color-primary-hover) !important;
}

body.dark-mode .wallet-qr-card__btn--secondary {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-card__btn--secondary:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-card__btn--ghost {
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__btn--ghost:hover {
    color: var(--front-color-heading) !important;
}

body.dark-mode .wallet-qr-card__code {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .wallet-qr-card__code svg rect {
    fill: var(--front-color-card) !important;
}

body.dark-mode .wallet-qr-card__code svg path {
    fill: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__btn--ghost {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .wallet-qr-card__btn--ghost:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__header {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .quick-function-menu__header-mark {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__heading {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .quick-function-menu__close {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__close:hover {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-dropdown.quick-function-menu {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.4), 0 8px 18px rgba(0, 0, 0, 0.2) !important;
}

body.dark-mode .quick-function-dropdown.quick-function-menu::before {
    background: var(--front-color-card) !important;
    border-top-color: var(--front-color-border) !important;
    border-left-color: var(--front-color-border) !important;
}

body.dark-mode .quick-function-menu__header {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .quick-function-menu__header-mark {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__heading {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .quick-function-menu__close {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__close:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__grid {
    background: transparent !important;
}

body.dark-mode .quick-function-menu__action {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .quick-function-menu__action:hover {
    background: var(--front-color-surface-soft) !important;
    border-color: var(--front-color-border-soft) !important;
}

body.dark-mode .quick-function-menu__icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__action:hover .quick-function-menu__icon {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__label {
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__action:hover .quick-function-menu__label {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__close {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
    box-shadow: none !important;
}

body.dark-mode .quick-function-menu__close:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
    border-color: var(--front-color-border-soft) !important;
}

body.dark-mode .quick-function-menu__scan {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .quick-function-menu__scan:hover {
    background: var(--front-color-surface-soft) !important;
    border-color: var(--front-color-border-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__header-mark {
    border-color: var(--front-color-border) !important;
}

body.dark-mode .user-notification-dropdown__header {
    background: var(--front-color-surface) !important;
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .user-notification-dropdown__head-icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-dropdown__eyebrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .notification-dropdown__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-dropdown__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-dropdown__count {
    color: var(--front-color-text) !important;
}

body.dark-mode .user-notification-dropdown.user-notification-dropdown--premium {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
    box-shadow: 0 24px 54px -32px rgba(0, 0, 0, 0.5), 0 14px 28px -22px rgba(0, 0, 0, 0.34) !important;
}

body.dark-mode .user-notification-dropdown__header {
    background: var(--front-color-surface) !important;
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .user-notification-dropdown__head-icon {
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-dropdown__eyebrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .notification-dropdown__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-dropdown__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-dropdown__count {
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-dropdown__footer {
    border-top-color: var(--front-color-border) !important;
}

body.dark-mode .notification-dropdown__action {
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-dropdown__action:hover {
    color: var(--front-color-heading) !important;
}

body.dark-mode .user-notification-empty-preview {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .user-notification-empty-preview__line {
    background: var(--front-color-border) !important;
}

body.dark-mode .user-notification-dropdown__footer {
    background: var(--front-color-surface) !important;
    border-top-color: var(--front-color-border) !important;
}

body.dark-mode .notification-dropdown__action {
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-dropdown__action:hover {
    color: var(--front-color-heading) !important;
    background: var(--front-color-surface-soft) !important;
}

body.dark-mode .user-notification-dropdown__head-icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
    box-shadow: none !important;
}

body.dark-mode .user-notification-empty-preview__icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
    box-shadow: none !important;
}

body.dark-mode .notification-card {
    background: var(--front-color-card) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .notification-header {
    background: var(--front-color-surface) !important;
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .notification-header__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-header__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-header__pill {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-toggle-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .notification-toggle-card__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-toggle-card__text {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-toggle-switch {
    background: var(--front-color-border) !important;
}

body.dark-mode .notification-toggle-switch span {
    background: var(--front-color-text) !important;
}

body.dark-mode .notification-toggle-card__input:checked + .notification-toggle-switch {
    background: var(--front-color-primary) !important;
}

body.dark-mode .notification-toggle-card__input:checked + .notification-toggle-switch span {
    background: #ffffff !important;
}

body.dark-mode .notification-tune-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .notification-tune-card .form-label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-tune-card .form-select {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-preview-btn {
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-preview-btn:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-preferences-actions {
    border-top-color: var(--front-color-border) !important;
}

body.dark-mode .notification-preferences-actions__hint {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-custom-tune {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .notification-custom-tune__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .notification-custom-tune__text {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-custom-tune__badge {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .notification-preferences-actions {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .notification-preferences-actions__hint {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .notification-preferences-actions__submit {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .notification-preferences-actions__submit:hover {
    background: var(--front-color-primary-hover) !important;
    color: #ffffff !important;
}

body.dark-mode .security-suite-tabs {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .security-suite-tabs__item {
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .security-suite-tabs__item.is-active {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .security-suite-tabs__item.is-active .security-suite-tabs__hint {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.dark-mode .security-suite-tabs__item:hover:not(.is-active) {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
    border-color: var(--front-color-border-soft) !important;
}

body.dark-mode .security-suite-tabs__label {
    color: var(--front-color-heading) !important;
}

body.dark-mode .security-suite-tabs__item.is-active .security-suite-tabs__label {
    color: #ffffff !important;
}

body.dark-mode .security-suite-tabs__hint {
    color: var(--front-color-muted) !important;
}

body.dark-mode .security-suite-tabs__item.is-active .security-suite-tabs__hint {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.dark-mode .settings-status-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-status-card__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-status-card__text {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .settings-badge--info {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-badge--info {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .settings-status-card__icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .security-readiness-strip {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .security-readiness-strip__label {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .security-readiness-strip__value {
    color: var(--front-color-heading) !important;
}

body.dark-mode .settings-tips {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .settings-tips__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .security-current-list dt {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .security-activity-item {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .security-activity-item__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .security-activity-item__title span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .security-activity-item__icon {
    background: var(--front-color-surface) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-hero {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-hero__eyebrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .kyc-verify-hero__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .kyc-verify-hero__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-hero__meta-item {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-hero__meta-item span {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-hero__meta-item strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .kyc-verify-form-card__body {
    background: var(--front-color-card) !important;
}

body.dark-mode .kyc-verify-field {
    background: transparent !important;
}

body.dark-mode .kyc-verify-field__label {
    color: var(--front-color-heading) !important;
}

body.dark-mode .kyc-verify-field__step {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .kyc-verify-field__hint {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-field .form-select {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-field .form-select:focus {
    border-color: var(--front-color-primary) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .single-input-inner.style-border textarea {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-template-empty {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-template-empty i {
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-form-card__footer {
    background: var(--front-color-surface) !important;
    border-top-color: var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-form-card__legal {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-form-card__legal i {
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-form-card__submit {
    background: var(--front-color-primary) !important;
    color: #ffffff !important;
}

body.dark-mode .kyc-verify-form-card__submit:hover {
    background: var(--front-color-primary-hover) !important;
    color: #ffffff !important;
}

body.dark-mode .kyc-verify-form-card__header {
    background: var(--front-color-surface) !important;
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-form-card__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .kyc-verify-form-card__subtitle {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .kyc-verify-form-card__hint {
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-form-card__hint i {
    color: var(--front-color-text) !important;
}

body.dark-mode .kyc-verify-form-card {
    background: var(--front-color-card) !important;
    border: 1px solid var(--front-color-border) !important;
}

body.dark-mode .kyc-verify-template-empty {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .settings-pro-card .settings-nav__icon {
    color: var(--main-color) !important;
}

body.dark-mode .payment-link-empty__orb--two {
    background: var(--front-color-primary) !important;
    opacity: 0.15;
}

body.dark-mode .premium-header .ph-notify .notice {
    background: transparent !important;
    color: var(--front-color-primary) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .premium-header .ph-notify .notice:hover {
    background: linear-gradient(135deg, var(--front-color-primary), var(--front-color-accent)) !important;
    color: var(--front-color-white) !important;
    border-color: var(--front-color-primary) !important;
}

body.dark-mode .premium-header .ph-notify .notice svg {
    stroke: var(--front-color-primary) !important;
}

body.dark-mode .premium-header .ph-notify .notice:hover svg {
    stroke: var(--front-color-white) !important;
}









/* Mobile: outer section wrapper shared by Wallet actions / Quick actions */
body.dark-mode .dk-section {
    background: #161a2c;
}
body.dark-mode .dk-section__link,
body.dark-mode .dk-action-hub__more {
    color: #a78bfa;
}

/* "Verify your identity" KYC banner (mobile) */
body.dark-mode .dk-kyc {
    background: linear-gradient(90deg, #1b2036 0%, #232840 100%);
}
body.dark-mode .dk-kyc__title {
    color: #f5f6fa !important;
}
body.dark-mode .dk-kyc__sub {
    color: #a8adc4;
}
body.dark-mode .dk-kyc__close {
    color: #8991ab;
}

/* Snapshot stat rail cards (mobile) + shared dk-stat-card component (desktop) */
body.dark-mode .dk-stat-card {
    background: #161a2c;
}
body.dark-mode .dk-stat-card__lb {
    color: #a8adc4;
}
body.dark-mode .dk-stat-card__val {
    color: #f5f6fa !important;
}

/* Mobile deposit/withdraw insight chart panel */
body.dark-mode .dk-insight {
    background: #161a2c;
}
body.dark-mode .dk-insight__sub,
body.dark-mode .dk-insight__period {
    color: #a8adc4;
}
body.dark-mode .dk-insight__num {
    color: #f5f6fa !important;
}
body.dark-mode .dk-seg {
    background: #1e2338;
}
body.dark-mode .dk-seg__btn {
    color: #a8adc4;
}

/* Recent activity / transaction rows */
body.dark-mode .dk-trx-row {
    background: #161a2c;
}
body.dark-mode .dk-trx-group__title {
    color: #8991ab;
}
body.dark-mode .dk-trx-row__title {
    color: #f5f6fa !important;
}
body.dark-mode .dk-trx-row__time,
body.dark-mode .dk-trx-row__meta {
    color: #8991ab;
}
body.dark-mode .dk-trx-row__ic {
    background: #1e2338;
}

/* Feature summary widget (7-day stats cards — deposit/withdraw/etc pages) */
body.dark-mode .feature-summary-widget__panel {
    background: #161a2c;
}
body.dark-mode .feature-summary-widget__title {
    color: #f5f6fa !important;
}
body.dark-mode .feature-summary-widget__subtitle,
body.dark-mode .feature-summary-widget__meta,
body.dark-mode .feature-summary-widget__context {
    color: #8991ab;
}
body.dark-mode .feature-summary-widget__card {
    background: #1b2036;
    border-color: #2a2f4a;
}
body.dark-mode .feature-summary-widget__label {
    color: #8991ab;
}
body.dark-mode .feature-summary-widget__value {
    color: #f5f6fa !important;
}

/* ============================================================
   dashboard-mobile-app.css overrides
   ============================================================ */
body.dark-mode .dk-dots span[data-active="1"] {
    background: #a78bfa !important;
}
body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__action {
    background: #1b2036 !important;
    border-color: #2a2f4a !important;
}

/* ============================================================
   mobile-recharge.css overrides
   ============================================================ */
body.dark-mode .phone-security-hero {
    border-color: #2a2f4a;
    background: #161a2c;
}
body.dark-mode .phone-security-meta span {
    background: #1b2036;
    border-color: #2a2f4a;
    color: #c7cbdb;
}
body.dark-mode .phone-security-step {
    background: #1b2036;
    border-color: #2a2f4a;
}

/* ============================================================
   payment-links.css overrides
   (public checkout pages — no auth, so gate on [data-theme="dark"]
   on <html> rather than body.dark-mode, since these pages may not
   always render inside the authenticated dashboard body wrapper)
   ============================================================ */
[data-theme="dark"] .payment-checkout-logo-box,
[data-theme="dark"] .payment-checkout-logo-box img,
[data-theme="dark"] .payment-checkout-card .payment-logo,
[data-theme="dark"] .payment-link-unavailable__icon,
[data-theme="dark"] .payment-link-unavailable__panel-icon,
[data-theme="dark"] .payment-checkout-header,
[data-theme="dark"] .payment-security-strip__badges span,
[data-theme="dark"] .payment-checkout-card .payment-logo-card,
[data-theme="dark"] .payment-checkout-card .payment-logo-card.active,
[data-theme="dark"] .payment-checkout-card .payment-logo-card.selected {
    background: #161a2c !important;
    border-color: #2a2f4a !important;
}

[data-theme="dark"] .payment-wallet-account__name,
[data-theme="dark"] .payment-link-unavailable__title,
[data-theme="dark"] .payment-checkout-merchant-name {
    color: #f5f6fa !important;
}

[data-theme="dark"] .payment-checkout-eyebrow,
[data-theme="dark"] .payment-checkout-description,
[data-theme="dark"] .payment-security-strip__badges span {
    color: #a8adc4 !important;
}

/* Feature summary widget — mobile collapse toggle button */
body.dark-mode .feature-summary-widget__toggle {
    background: #161a2c;
}
body.dark-mode .feature-summary-widget__toggle-label {
    color: #a8adc4;
}
body.dark-mode .feature-summary-widget__toggle strong {
    color: #f5f6fa !important;
}
body.dark-mode .feature-summary-widget__toggle-icon {
    color: #c7cbdb;
}

/* Feature summary widget — mobile collapse toggle border */
body.dark-mode .feature-summary-widget__toggle {
    background: #161a2c;
    border-color: #2a2f4a;
}


/* Wallet action card subtitle text was missed in the earlier pass */
body.dark-mode .dk-action-card__copy small {
    color: #8991ab;
}

/* Wallet list page (/user/wallet/list) */
body.dark-mode .single-form-card,
body.dark-mode .card.single-form-card {
    background: #161a2c;
}
body.dark-mode .card-title.user-feature-header {
    border-color: #2a2f4a;
}
body.dark-mode .user-feature-header__title {
    color: #f5f6fa;
}
body.dark-mode .user-feature-header__subtitle {
    color: #a8adc4;
}
body.dark-mode .wallet-card {
    background: #1b2036;
    border-color: #2a2f4a;
}
body.dark-mode .wallet-card__identity h6,
body.dark-mode .wallet-balance {
    color: #f5f6fa;
}
body.dark-mode .wallet-id-chip {
    color: #a8adc4;
}
body.dark-mode .wallet-id-chip strong {
    color: #c7cbdb;
}
body.dark-mode .wallet-card__balance-panel span,
body.dark-mode .wallet-card__balance-panel p {
    color: #a8adc4;
}
body.dark-mode .wallet-btn-icon {
    background: #232840;
    color: #c7cbdb;
    border-color: #2a2f4a;
}
body.dark-mode .wallet-footer {
    border-color: #2a2f4a;
}

/* Wallet card balance panel background was missed */
body.dark-mode .wallet-card__balance-panel {
    background: #1e2338 !important;
}

/* Border color needs !important — same specificity issue as before */
body.dark-mode .wallet-card {
    background: #1b2036 !important;
    border-color: #2a2f4a !important;
}
body.dark-mode .single-form-card,
body.dark-mode .card.single-form-card {
    background: #161a2c !important;
    border-color: #2a2f4a !important;
}

/* Wallet PIN button hardcodes --front-color-heading with !important;
   match it explicitly to the Create Wallet button's dark-mode color */
body.dark-mode .wallet-page-action--pin {
    color: #101828 !important;
} 

/* Quick Menu - Minimal Dark Mode Fix */
body.dark-mode .dk-apps-sheet--quick-menu {
    --quick-menu-surface: var(--front-color-card) !important;
    --quick-menu-text: var(--front-color-text) !important;
    background: var(--front-color-card) !important;
}

body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__close {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__close:hover {
    background: var(--front-color-surface-soft) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__action .quick-function-menu__label,
body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__scan span {
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__action:hover .quick-function-menu__label,
body.dark-mode .dk-apps-sheet--quick-menu .quick-function-menu__scan:hover span {
    color: var(--front-color-heading) !important;
}

body.dark-mode .quick-function-menu__scan {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .single-input-inner.style-border input,
body.dark-mode .single-input-inner.style-border .form-control,
body.dark-mode .single-select-inner.style-border select {
    border-color: var(--front-color-border) !important;
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .single-input-inner.style-border input:focus,
body.dark-mode .single-input-inner.style-border .form-control:focus,
body.dark-mode .single-select-inner.style-border select:focus {
    border-color: var(--front-color-primary) !important;
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .input-group-text {
    border-color: var(--front-color-border) !important;
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-more-sheet,
body.dark-mode .dk-more-menu {
    background: var(--front-color-card) !important;
}

body.dark-mode .dk-more-menu__head {
    background: var(--front-color-card) !important;
    border-bottom: 1px solid var(--front-color-border) !important;
}

body.dark-mode .dk-more-menu__title {
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-more-menu__close {
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-more-overview {
    background: var(--front-color-card) !important;
}

body.dark-mode .dk-more-overview-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .dk-more-overview-card strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-more-overview-card small {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .dk-more-overview-card b {
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-more-overview-card em {
    color: var(--front-color-muted) !important;
}

body.dark-mode .dk-more-menu__item {
    background: var(--front-color-card) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-more-menu__item:hover {
    background: var(--front-color-surface) !important;
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-more-menu__item strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-more-menu__item small {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .dk-more-menu__arrow {
    color: var(--front-color-muted) !important;
}

body.dark-mode .dk-more-referral-card {
    background: var(--front-color-surface) !important;
    border-color: var(--front-color-border) !important;
}

body.dark-mode .dk-more-referral-card strong {
    color: var(--front-color-heading) !important;
}

body.dark-mode .dk-more-referral-card small {
    color: var(--front-color-text-soft) !important;
}

body.dark-mode .dk-more-menu__close {
    background: var(--front-color-surface) !important;
    color: var(--front-color-text) !important;
}

body.dark-mode .dk-more-menu__head {
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .dk-more-menu__item {
    border-bottom-color: var(--front-color-border) !important;
}

body.dark-mode .dk-more-menu__close {
    background: transparent !important;
    color: var(--front-color-text) !important;
    border: 1px solid var(--front-color-border) !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
}

body.dark-mode .dk-sheet {
    background: #161a2c !important;
    box-shadow: none !important;
    border-top: 1px solid #2a2f4a !important;
}