/* =====================================================================
   Theme switcher — system preference by default, optional light/dark.
   Loaded after all page styles so the selected palette stays consistent.
   ===================================================================== */

html {
  color-scheme: light;
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] button {
  color-scheme: light !important;
}

html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] button {
  color-scheme: dark !important;
}

html[data-theme="dark"] {
  --green: #68c77a;
  --green-dark: #8fe49d;
  --cream: #151916;
  --cream-soft: #1d231e;
  --line: #3b443c;
  --text: #f5f4ef;
  --muted: #b8bdb8;
  --shadow: 0 28px 68px rgba(0, 0, 0, .46);
}

.theme-toggle {
  width: 46px;
  min-width: 46px;
  height: 46px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(47, 120, 57, .24);
  border-radius: 14px;
  color: var(--green-dark);
  background: rgba(255, 250, 241, .88);
  box-shadow: 0 10px 20px rgba(75, 49, 18, .06);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle:hover {
  transform: translateY(-2px);
  border-color: rgba(47, 120, 57, .48);
  box-shadow: 0 14px 25px rgba(75, 49, 18, .12);
}

.theme-toggle:focus-visible {
  outline: 3px solid rgba(47, 120, 57, .24);
  outline-offset: 3px;
}

.theme-toggle i {
  font-size: 18px;
  pointer-events: none;
}

html[data-theme="dark"] .theme-toggle {
  border-color: rgba(143, 228, 157, .28);
  color: #a9edb4;
  background: rgba(30, 37, 31, .96);
  box-shadow: 0 12px 25px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] .theme-toggle:hover {
  border-color: rgba(143, 228, 157, .55);
  background: #252d26;
}

/* Main canvas */
html[data-theme="dark"] body {
  color: var(--text) !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(66, 118, 73, .18), transparent 35%),
    linear-gradient(135deg, #070907, #101410) !important;
}

html[data-theme="dark"] .page-shell {
  color: var(--text) !important;
  border-color: #343b35 !important;
  background:
    radial-gradient(circle at 73% 37%, rgba(67, 103, 70, .19), transparent 28%),
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .035), transparent 28%),
    linear-gradient(135deg, rgba(18, 22, 19, .98), rgba(25, 30, 25, .98)) !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme="dark"] :where(
  h1, h2, h3, h4, h5, h6,
  .hero-content, .services-copy, .rules-copy, .reviews-copy, .contacts-copy,
  .news-hero-copy, .profile-copy, .payment-head, .faq-hero-copy,
  .topic-hero-copy, .publication-detail-head, .section-heading,
  .panel-title, .card-title, .method-copy, .payment-promo-copy,
  .footer-contact
) {
  color: var(--text) !important;
}

html[data-theme="dark"] :where(
  p, small, .eyebrow, .breadcrumbs, .topic-back, .topic-lead,
  .topic-description, .publication-lead, .documents-intro,
  .service-item small, .method-copy small, .payment-promo-kicker,
  .auth-note, .auth-simple-bottom, .account-row span,
  .card-copy p, .stat span, .benefit, .trust-item,
  .faq-answer-inner, .publication-card-body p
) {
  color: var(--muted) !important;
}

/* Shared surfaces */
html[data-theme="dark"] :where(
  .nav-link, .profile-menu, .auth-card, .auth-simple-card,
  .service-card, .stat, .services-panel, .service-item, .bottom-info,
  .consult-card, .mini-card, .rules-panel, .rules-column, .rule-item,
  .offer-strip, .offer-file-card, .rules-cta, .reviews-panel,
  .review-card-public, .contact-card, .news-hero-card, .news-filters,
  .publication-card, .news-empty, .publication-detail, .related-card,
  .profile-card, .account-table, .account-row, .referral-stats > div,
  .referral-code-box, .referral-link-box,
  .referral-history-grid section, .referral-history-row,
  .yandex-profile-data > div, .payment-methods, .method-card,
  .payment-tools, .order-summary, .payment-promo, .payment-bonus-box,
  .faq-item, .faq-contact-card, .topic-article, .topic-sidebar-card,
  .topic-cta, .modal-card
) {
  color: var(--text) !important;
  border-color: #39423a !important;
  background-color: #191e1a !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .18) !important;
}

html[data-theme="dark"] :where(
  .nav-link.active, .method-card.active, .news-filters a.active,
  .profile-menu-item:hover, .rule-item:hover, .service-item:hover,
  .publication-card:hover, .contact-card:hover
) {
  color: #b5f1bf !important;
  border-color: rgba(115, 210, 130, .42) !important;
  background-color: #222b23 !important;
}

html[data-theme="dark"] :where(
  .header-cart-btn, .mobile-nav-toggle, .topbar > .nav.mobile-open
) {
  color: #a9edb4 !important;
  border-color: rgba(143, 228, 157, .25) !important;
  background: rgba(27, 34, 28, .98) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .20) !important;
}

html[data-theme="dark"] :where(.mobile-nav-toggle-icon, .mobile-nav-chevron) {
  color: #a9edb4 !important;
}

html[data-theme="dark"] .mobile-nav-toggle-icon {
  background: rgba(104, 199, 122, .13) !important;
}

html[data-theme="dark"] :where(
  input, textarea, select, .auth-simple-input, .payment-promo-field input,
  .password-form input, .referral-bind-form input
) {
  color: #f6f7f4 !important;
  border-color: #424b43 !important;
  background: #101411 !important;
  -webkit-text-fill-color: #f6f7f4 !important;
  caret-color: #8fe49d !important;
}

html[data-theme="dark"] :where(input, textarea)::placeholder {
  color: #858d86 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] :where(input, textarea, select):focus {
  border-color: rgba(143, 228, 157, .56) !important;
  box-shadow: 0 0 0 4px rgba(104, 199, 122, .12) !important;
}

html[data-theme="dark"] :where(
  .auth-close, .modal-close, .public-review-lightbox-close,
  .password-toggle, .copy-btn, .review-card-toggle,
  .payment-promo-remove, .bonus-remove-btn
) {
  color: #d7ddd7 !important;
  border-color: #414941 !important;
  background: #252b26 !important;
}

html[data-theme="dark"] :where(
  .auth-modal-overlay, .modal-overlay, .public-review-lightbox
) {
  background: rgba(2, 4, 3, .78) !important;
  backdrop-filter: blur(8px);
}

html[data-theme="dark"] :where(
  .auth-tabs, .auth-simple-tabs, .payment-timer, .summary-list,
  .bonus-summary-row, .promo-row, .payment-benefits
) {
  border-color: #394239 !important;
  background-color: #141815 !important;
}

html[data-theme="dark"] :where(.auth-tabs button, .auth-simple-tabs a) {
  color: #aeb5ae !important;
}

html[data-theme="dark"] :where(.auth-tabs button.active, .auth-simple-tabs a.active) {
  color: #f7f8f5 !important;
  background: #283029 !important;
}

/* Keep official identity-provider tiles unchanged for brand recognition. */
html[data-theme="dark"] :where(
  .auth-provider-icon-yandex, .auth-provider-icon-telegram,
  .auth-provider-icon-yandex:link, .auth-provider-icon-telegram:link,
  .auth-provider-icon-yandex:visited, .auth-provider-icon-telegram:visited
) {
  background: #fff !important;
  background-color: #fff !important;
}

html[data-theme="dark"] :where(.footer-top, .footer-bottom, .site-footer) {
  border-color: rgba(255, 255, 255, .12) !important;
}

html[data-theme="dark"] :where(hr, .divider, .summary-total, .footer-bottom) {
  border-color: #353d36 !important;
}

/* Preserve readable, intentional contrast on dark/green action buttons. */
html[data-theme="dark"] :where(
  .btn.primary, .green-action, .green-btn, .auth-submit,
  .auth-simple-submit, .pay-btn, .buy-btn, .faq-contact-link
) {
  color: #fff !important;
}

html[data-theme="dark"] :where(.btn.secondary, .dark-action, .cart-btn) {
  border-color: #4b554c !important;
  color: #f2f4f1 !important;
  background: #202621 !important;
}

@media (max-width: 640px) {
  .theme-toggle {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }

  .theme-toggle i {
    font-size: 17px !important;
  }
}

@media (max-width: 380px) {
  .topbar > .header-actions {
    gap: 5px !important;
  }

  .theme-toggle {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-toggle {
    transition: none !important;
  }
}

html[data-theme="dark"] :where(.bonus-delay-notice, .referral-history-row.is-pending) {
  color: var(--text) !important;
  border-color: rgba(224, 178, 82, .28) !important;
  background: rgba(132, 92, 16, .15) !important;
}
html[data-theme="dark"] :where(.bonus-delay-notice > i, .pending-release-label, .referral-history-row b.pending, .referral-stats .pending-stat strong) {
  color: #f0c66d !important;
}
html[data-theme="dark"] .bonus-delay-notice span,
html[data-theme="dark"] .referral-stats .pending-stat small {
  color: #c9b994 !important;
}

/* =====================================================================
   Walter White dark palette — graphite black + legal green.
   Reference: deep #0b0f11 canvas, steel borders, vivid green accents.
   Light theme is intentionally unchanged.
   ===================================================================== */
html[data-theme="dark"] {
  --green: #63d46d;
  --green-dark: #79e985;
  --cream: #080d0f;
  --cream-soft: #0d1417;
  --line: #273239;
  --text: #f5f7f8;
  --muted: #a7b0b5;
  --shadow: 0 32px 82px rgba(0, 0, 0, .58);
}

html[data-theme="dark"] body {
  background:
    radial-gradient(circle at 76% 9%, rgba(61, 150, 72, .13), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(26, 63, 71, .10), transparent 32%),
    linear-gradient(145deg, #020405 0%, #070b0d 48%, #030607 100%) !important;
}

html[data-theme="dark"] .page-shell {
  border-color: #2a343a !important;
  background:
    radial-gradient(circle at 70% 35%, rgba(41, 117, 53, .16), transparent 28%),
    radial-gradient(circle at 16% 7%, rgba(46, 70, 80, .12), transparent 27%),
    linear-gradient(145deg, rgba(6, 10, 12, .99), rgba(10, 16, 19, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 32px 82px rgba(0,0,0,.58) !important;
}

html[data-theme="dark"] .logo {
  color: #f8fafb !important;
  border: 1px solid #283239 !important;
  background: linear-gradient(145deg, #090d0f, #030506) !important;
  box-shadow: inset 0 -8px 18px rgba(255,255,255,.025), 0 14px 28px rgba(0,0,0,.32) !important;
}

html[data-theme="dark"] .logo span::before {
  background: #2a9b42 !important;
  box-shadow: 0 0 14px rgba(99, 212, 109, .22);
}

html[data-theme="dark"] :where(.nav-link, .header-cart-btn, .auth-main-btn.logged-in, .theme-toggle) {
  border-color: #273239 !important;
  color: #f4f7f8 !important;
  background: linear-gradient(145deg, rgba(15, 22, 26, .96), rgba(7, 11, 13, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 12px 25px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] :where(.nav-link:hover, .header-cart-btn:hover, .theme-toggle:hover) {
  border-color: rgba(99, 212, 109, .44) !important;
  background: linear-gradient(145deg, #121c20, #0a1013) !important;
  box-shadow: 0 0 0 1px rgba(99, 212, 109, .08), 0 14px 28px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] .nav-link.active {
  color: #79e985 !important;
  border-color: rgba(99, 212, 109, .38) !important;
  background: linear-gradient(145deg, rgba(22, 52, 28, .78), rgba(8, 19, 12, .96)) !important;
  box-shadow: 0 0 22px rgba(79, 190, 91, .13), inset 0 1px 0 rgba(153, 241, 163, .05) !important;
}

html[data-theme="dark"] .nav-link.active i,
html[data-theme="dark"] .header-cart-btn,
html[data-theme="dark"] .header-cart-btn i,
html[data-theme="dark"] .theme-toggle {
  color: #63d46d !important;
}

html[data-theme="dark"] .header-cart-btn b,
html[data-theme="dark"] [data-cart-counter] {
  color: #061008 !important;
  background: #63d46d !important;
  box-shadow: 0 0 14px rgba(99, 212, 109, .22);
}

html[data-theme="dark"] :where(.auth-main-btn:not(.logged-in), .telegram-btn, .btn.primary, .green-action, .green-btn, .auth-submit, .auth-simple-submit, .pay-btn, .buy-btn, .faq-contact-link) {
  color: #f8fff9 !important;
  border-color: rgba(117, 230, 127, .18) !important;
  background: linear-gradient(145deg, #2e9f45, #126d2c) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 14px 28px rgba(32, 143, 51, .20) !important;
}

html[data-theme="dark"] :where(.auth-main-btn:not(.logged-in), .telegram-btn, .btn.primary, .green-action, .green-btn, .auth-submit, .auth-simple-submit, .pay-btn, .buy-btn, .faq-contact-link):hover {
  background: linear-gradient(145deg, #3bb653, #198437) !important;
  box-shadow: 0 0 26px rgba(75, 207, 88, .18), 0 16px 30px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] :where(
  .profile-menu, .auth-card, .auth-simple-card,
  .service-card, .stat, .services-panel, .service-item, .bottom-info,
  .consult-card, .mini-card, .rules-panel, .rules-column, .rule-item,
  .offer-strip, .offer-file-card, .reviews-panel, .review-card-public,
  .contact-card, .news-hero-card, .news-filters, .publication-card,
  .news-empty, .publication-detail, .related-card, .profile-card,
  .account-table, .account-row, .referral-stats > div, .referral-code-box,
  .referral-link-box, .referral-history-grid section, .referral-history-row,
  .yandex-profile-data > div, .payment-methods, .method-card, .payment-tools,
  .order-summary, .payment-promo, .payment-bonus-box, .faq-item,
  .faq-contact-card, .topic-article, .topic-sidebar-card, .topic-cta,
  .modal-card, .legal-document-card, .legal-document-viewer
) {
  color: #f5f7f8 !important;
  border-color: #263139 !important;
  background: linear-gradient(145deg, rgba(13, 20, 23, .97), rgba(8, 13, 15, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 17px 36px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] :where(
  .service-card:hover, .service-item:hover, .rule-item:hover,
  .publication-card:hover, .contact-card:hover, .method-card:hover,
  .offer-file-card:hover
) {
  border-color: rgba(99, 212, 109, .38) !important;
  background: linear-gradient(145deg, #111b1f, #0a1114) !important;
  box-shadow: 0 0 0 1px rgba(99, 212, 109, .05), 0 19px 38px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] :where(
  .hero h1 span, .services-copy h1 span, .rules-copy h1 span,
  .reviews-copy h1 span, .contacts-copy h1 span, .news-hero-copy h1 span,
  .profile-copy h1 span, .topic-hero-copy h1 span, .section-accent,
  .offer-link, .legal-documents-badge, .footer-links a:hover,
  .service-card .more, .service-item .more, .trust-row i
) {
  color: #63d46d !important;
}

html[data-theme="dark"] :where(
  .hero p, .trust-row, .service-card p, .services-copy p, .rules-copy p,
  .review-card-public p, .contacts-copy p, .news-hero-copy p,
  .profile-copy p, .topic-hero-copy p, .legal-documents-heading p,
  .footer-about > p, .footer-legal, .footer-copy, .footer-payments > span
) {
  color: #a7b0b5 !important;
}

html[data-theme="dark"] .hero-orbit,
html[data-theme="dark"] .rules-orbit,
html[data-theme="dark"] .services-orbit,
html[data-theme="dark"] .reviews-orbit,
html[data-theme="dark"] .contacts-orbit {
  border: 1px solid rgba(99, 212, 109, .12) !important;
  background: radial-gradient(circle at 45% 42%, rgba(54, 133, 63, .22), rgba(28, 68, 36, .09) 56%, transparent 75%) !important;
  box-shadow: inset 0 0 70px rgba(87, 204, 99, .04);
}

html[data-theme="dark"] :where(.bank-watermark, .watermark) {
  color: rgba(83, 184, 94, .11) !important;
}

html[data-theme="dark"] :where(.social-bubble, .contact-social-icon) {
  border: 1px solid #2b363d !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.34) !important;
}

html[data-theme="dark"] :where(.btn.secondary, .dark-action, .cart-btn) {
  color: #f1f5f6 !important;
  border-color: #344149 !important;
  background: linear-gradient(145deg, #10171a, #080d0f) !important;
}

html[data-theme="dark"] :where(
  input, textarea, select, .auth-simple-input, .payment-promo-field input,
  .password-form input, .referral-bind-form input
) {
  color: #f5f7f8 !important;
  border-color: #303c43 !important;
  background: #070c0e !important;
  -webkit-text-fill-color: #f5f7f8 !important;
  caret-color: #63d46d !important;
}

html[data-theme="dark"] :where(input, textarea, select):focus {
  border-color: rgba(99, 212, 109, .58) !important;
  box-shadow: 0 0 0 4px rgba(99, 212, 109, .10) !important;
}

html[data-theme="dark"] .site-footer {
  color: #f5f7f8 !important;
  border-color: #273239 !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(68, 156, 77, .09), transparent 28%),
    linear-gradient(145deg, #080d0f, #05090b) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] :where(.footer-top, .footer-bottom) {
  border-color: #273239 !important;
}

html[data-theme="dark"] .footer-brand i,
html[data-theme="dark"] .footer-legal i,
html[data-theme="dark"] .footer-email i,
html[data-theme="dark"] .footer-tg i {
  color: #63d46d !important;
}

html[data-theme="dark"] .footer-links a {
  color: #b6bec2 !important;
}

html[data-theme="dark"] .legal-documents-badge {
  color: #82ec8b !important;
  border-color: rgba(99, 212, 109, .30) !important;
  background: rgba(41, 125, 51, .14) !important;
}

html[data-theme="dark"] .legal-documents-grid .offer-file-card-featured {
  border-color: rgba(99, 212, 109, .36) !important;
  background: linear-gradient(135deg, rgba(32, 95, 41, .24), rgba(8, 14, 16, .98)) !important;
}

html[data-theme="dark"] .rules-cta {
  border: 1px solid #29343b !important;
  background:
    radial-gradient(circle at 92% 20%, rgba(67, 177, 79, .16), transparent 34%),
    linear-gradient(145deg, #0c1316, #05090b) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] :where(.bonus-delay-notice, .referral-history-row.is-pending) {
  border-color: rgba(224, 178, 82, .25) !important;
  background: linear-gradient(145deg, rgba(92, 62, 10, .22), rgba(27, 20, 8, .30)) !important;
}

html[data-theme="dark"] :where(.bonus-delay-notice > i, .pending-release-label, .referral-history-row b.pending, .referral-stats .pending-stat strong) {
  color: #f0c66d !important;
}

@media (max-width: 720px) {
  html[data-theme="dark"] .page-shell {
    border-color: #222d33 !important;
    background:
      radial-gradient(circle at 85% 4%, rgba(42, 118, 53, .12), transparent 30%),
      linear-gradient(160deg, #070c0e, #0a1013) !important;
  }
}

/* =====================================================================
   2026-07-17 FINAL DARK THEME CONSISTENCY
   One graphite/black palette for every public page, profile and Control.
   ===================================================================== */
html[data-theme="dark"] body,
html[data-theme="dark"] .page-shell {
  background-color: #050806 !important;
}

/* Remove the old beige illustration backplates everywhere. */
html[data-theme="dark"] :where(
  .hero-orbit,
  .profile-orbit,
  .services-visual .hero-orbit,
  .reviews-visual .hero-orbit,
  .contacts-visual .hero-orbit,
  .home-page .hero-orbit
) {
  border: 1px solid rgba(102, 222, 119, .13) !important;
  background:
    radial-gradient(circle at 48% 42%, rgba(72, 135, 78, .16), transparent 53%),
    linear-gradient(145deg, #121813 0%, #090d0a 58%, #050806 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    inset 0 0 70px rgba(91, 223, 108, .025),
    0 26px 60px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] :where(
  .bank-watermark,
  .doc-watermark,
  .shield-watermark,
  .watermark,
  .cloud
) {
  color: rgba(105, 219, 120, .10) !important;
  border-color: rgba(105, 219, 120, .10) !important;
}

/* Home statistics strip. */
html[data-theme="dark"] .home-page .stats,
html[data-theme="dark"] .stats {
  border-color: #2d3931 !important;
  background: linear-gradient(145deg, #101611, #090d0a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 38px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .home-page .stat,
html[data-theme="dark"] .stat {
  min-width: 0 !important;
  border-color: #2d3931 !important;
  background: transparent !important;
}

html[data-theme="dark"] .stat > div { min-width: 0 !important; }
html[data-theme="dark"] .stat > i { color: #69dc79 !important; }
html[data-theme="dark"] .stat strong,
html[data-theme="dark"] .stat span {
  color: #f6f8f5 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
html[data-theme="dark"] .stat small { color: #b7c0b8 !important; }

/* Service/review benefit rows were inheriting black text. */
html[data-theme="dark"] :where(
  .services-page .benefit strong,
  .services-page .benefit span,
  .reviews-page .benefit strong,
  .reviews-page .benefit span,
  .benefits-row .benefit strong,
  .benefits-row .benefit span
) {
  color: #f4f7f4 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] :where(
  .services-page .benefit span,
  .reviews-page .benefit span,
  .benefits-row .benefit span
) { color: #aeb8b0 !important; }
html[data-theme="dark"] .benefit i { color: #72e482 !important; }

/* Service modal: fully dark, including headings and price panel. */
html[data-theme="dark"] .services-page .modal-card,
html[data-theme="dark"] #serviceModal .modal-card {
  color: #f6f8f5 !important;
  border-color: #324038 !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(76, 188, 91, .10), transparent 32%),
    linear-gradient(145deg, #121914, #080c09) !important;
  box-shadow: 0 45px 110px rgba(0,0,0,.66) !important;
}
html[data-theme="dark"] #serviceModal :where(h2, p, .modal-price span) {
  color: #f6f8f5 !important;
  -webkit-text-fill-color: #f6f8f5 !important;
}
html[data-theme="dark"] #serviceModal p,
html[data-theme="dark"] #serviceModal .modal-price span { color: #b5beb7 !important; -webkit-text-fill-color: #b5beb7 !important; }
html[data-theme="dark"] #serviceModal .modal-price {
  border-color: #344239 !important;
  background: #0b110d !important;
}
html[data-theme="dark"] #serviceModal .modal-price strong { color: #69dc79 !important; }
html[data-theme="dark"] #serviceModal .modal-close {
  color: #f3f6f3 !important;
  border-color: #3a4840 !important;
  background: #202923 !important;
}
html[data-theme="dark"] #serviceModal .modal-logo {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #serviceModal .cart-btn {
  color: #f5f7f5 !important;
  border-color: #3a4840 !important;
  background: #1a221c !important;
}

/* Reviews: keep empty image slots and content cards intentionally dark. */
html[data-theme="dark"] .reviews-panel {
  border-color: #29362e !important;
  background: linear-gradient(145deg, #0d130f, #070b08) !important;
}
html[data-theme="dark"] :where(.review-card-public, .review-card-content) {
  color: #f4f7f4 !important;
  border-color: #2d3931 !important;
  background: #111812 !important;
}
html[data-theme="dark"] :where(.review-card-media, .review-card-public.empty .review-card-media, .publication-cover.empty-cover) {
  color: #718078 !important;
  background:
    radial-gradient(circle at 78% 14%, rgba(88, 111, 94, .12), transparent 34%),
    #0a0f0c !important;
}
html[data-theme="dark"] :where(.review-card-content h2, .review-card-text, .review-card-date) { color: #f4f7f4 !important; }
html[data-theme="dark"] :where(.review-card-date time, .review-card-meta) { color: #aeb8b0 !important; }

/* News filters and cards. */
html[data-theme="dark"] .news-filters {
  border-color: #27332c !important;
  background: #0a0f0c !important;
}
html[data-theme="dark"] .news-filters a {
  color: #eef3ef !important;
  -webkit-text-fill-color: #eef3ef !important;
  border-color: #39473e !important;
  background: linear-gradient(145deg, #1b241e, #111712) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .news-filters a:hover,
html[data-theme="dark"] .news-filters a.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(113, 230, 129, .34) !important;
  background: linear-gradient(145deg, #36a94b, #176c2b) !important;
  box-shadow: 0 12px 25px rgba(39, 149, 57, .20) !important;
}
html[data-theme="dark"] :where(.publication-card-body h2, .publication-card-body time, .publication-more) { color: #f5f7f5 !important; }
html[data-theme="dark"] .publication-card-body p { color: #adb7af !important; }

/* Contact cards: remove the grey/white flare and use one dark card tone. */
html[data-theme="dark"] .contact-card {
  color: #f5f7f5 !important;
  border-color: #2d3b32 !important;
  background: linear-gradient(145deg, #111812, #090e0a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 18px 38px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .contact-card:hover {
  border-color: rgba(105, 220, 121, .42) !important;
  background: linear-gradient(145deg, #162019, #0b110d) !important;
}
html[data-theme="dark"] .contact-card h2 { color: #f7f9f7 !important; }
html[data-theme="dark"] .contact-card p { color: #b4beb6 !important; }
html[data-theme="dark"] .contact-card .card-link { color: #78e788 !important; }

/* Header/profile dropdown: all labels must remain readable. */
html[data-theme="dark"] .profile-menu {
  color: #f4f7f4 !important;
  border-color: #344139 !important;
  background: #111812 !important;
  box-shadow: 0 28px 62px rgba(0,0,0,.58) !important;
}
html[data-theme="dark"] .profile-menu::before {
  border-color: #344139 !important;
  background: #111812 !important;
}
html[data-theme="dark"] .profile-menu-item,
html[data-theme="dark"] .profile-menu-item span,
html[data-theme="dark"] .profile-menu-item b {
  color: #eef3ef !important;
  -webkit-text-fill-color: #eef3ef !important;
}
html[data-theme="dark"] .profile-menu-item i { color: #72e482 !important; }
html[data-theme="dark"] .profile-menu-item:hover {
  color: #ffffff !important;
  background: #1b251e !important;
}
html[data-theme="dark"] .profile-menu .logout-item,
html[data-theme="dark"] .profile-menu .logout-item span,
html[data-theme="dark"] .profile-menu .logout-item b,
html[data-theme="dark"] .profile-menu [class*="logout"] {
  color: #ff5c57 !important;
  -webkit-text-fill-color: #ff5c57 !important;
}

/* Profile page, including referral and linked-account sections. */
html[data-theme="dark"] .profile-orbit {
  background:
    radial-gradient(circle at 46% 40%, rgba(79, 151, 87, .16), transparent 55%),
    linear-gradient(145deg, #121813, #070b08) !important;
}
html[data-theme="dark"] :where(
  .profile-card,
  .account-table,
  .orders-list,
  .referral-code-box,
  .referral-link-box,
  .referral-history-grid section,
  .referral-history-row,
  .yandex-profile-data > div,
  .referral-bind-form,
  .referral-bound,
  .bonus-delay-notice
) {
  color: #f4f7f4 !important;
  border-color: #2f3d34 !important;
  background: #101711 !important;
}
html[data-theme="dark"] :where(
  .profile-card h2,
  .profile-card h3,
  .profile-card strong,
  .account-row strong,
  .referral-history-row strong,
  .yandex-profile-data strong
) { color: #f4f7f4 !important; }
html[data-theme="dark"] :where(
  .profile-card p,
  .profile-card small,
  .account-row span,
  .referral-stats span,
  .referral-stats small,
  .referral-history-row small,
  .yandex-profile-data span,
  .documents-intro,
  .referral-note,
  .referral-warning
) { color: #aeb8b0 !important; }
html[data-theme="dark"] .account-row { border-color: #2f3d34 !important; }
html[data-theme="dark"] .referral-stats > div {
  border-color: #314037 !important;
  background: #0b110d !important;
}
html[data-theme="dark"] :where(.referral-code-box button, .referral-link-box button, .referral-bind-form button) {
  color: #ffffff !important;
  border-color: rgba(105, 220, 121, .30) !important;
  background: linear-gradient(145deg, #319f45, #176b2a) !important;
}
html[data-theme="dark"] .ww-balance-pill {
  color: #86ed93 !important;
  border-color: rgba(105, 220, 121, .25) !important;
  background: rgba(51, 139, 62, .15) !important;
}

/* Walter White Control: dark mode for every dashboard screen. */
html[data-theme="dark"] .admin-page,
html[data-theme="dark"] .admin-page .page-shell {
  color: #f4f7f4 !important;
  background:
    radial-gradient(circle at 84% 6%, rgba(64, 160, 76, .10), transparent 29%),
    linear-gradient(145deg, #050806, #0a0f0b) !important;
}
html[data-theme="dark"] :where(.admin-head h1, .admin-head h2, .admin-head p) { color: #f4f7f4 !important; }
html[data-theme="dark"] .admin-head p { color: #b2bcb4 !important; }
html[data-theme="dark"] .admin-sidebar {
  border-color: #304036 !important;
  background: rgba(14, 21, 16, .97) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.34) !important;
}
html[data-theme="dark"] .admin-nav-link { color: #eef3ef !important; }
html[data-theme="dark"] .admin-nav-link i { color: #72e482 !important; }
html[data-theme="dark"] .admin-nav-link:hover { background: #1a241d !important; }
html[data-theme="dark"] .admin-nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(145deg, #35a649, #176b2a) !important;
}
html[data-theme="dark"] .admin-nav-link.active i { color: #ffffff !important; }

html[data-theme="dark"] :where(
  .admin-stat-card,
  .admin-quick-card,
  .admin-panel-card,
  .admin-form-card,
  .admin-publication-card,
  .admin-list-row,
  .admin-search,
  .admin-check-list,
  .admin-switch,
  .admin-summary-grid > div,
  .admin-mini-facts > div,
  .admin-table-wrap,
  .admin-empty
) {
  color: #f4f7f4 !important;
  border-color: #304036 !important;
  background: #101711 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 15px 32px rgba(0,0,0,.20) !important;
}
html[data-theme="dark"] :where(.admin-stat-card:hover, .admin-quick-card:hover, a.admin-list-row:hover) {
  border-color: rgba(105,220,121,.38) !important;
  background: #172119 !important;
}
html[data-theme="dark"] :where(
  .admin-stat-card span,
  .admin-stat-card strong,
  .admin-quick-card strong,
  .admin-card-head h2,
  .admin-publication-card h3,
  .admin-row-main strong,
  .admin-row-value,
  .admin-table td,
  .admin-field > label,
  .admin-data-list dd,
  .admin-summary-grid strong,
  .admin-mini-facts strong
) { color: #f3f6f3 !important; }
html[data-theme="dark"] :where(
  .admin-stat-card small,
  .admin-quick-card span,
  .admin-card-head p,
  .admin-publication-card p,
  .admin-row-main small,
  .admin-table td > small,
  .admin-field small,
  .admin-data-list dt,
  .admin-summary-grid span,
  .admin-mini-facts span
) { color: #aab5ac !important; }
html[data-theme="dark"] :where(.admin-stat-card i, .admin-row-icon, .admin-type-tag) {
  color: #74e584 !important;
  background: rgba(71, 170, 84, .14) !important;
}
html[data-theme="dark"] .admin-quick-card.primary,
html[data-theme="dark"] .admin-site-link,
html[data-theme="dark"] .admin-primary-btn {
  color: #ffffff !important;
  background: linear-gradient(145deg, #35a649, #176b2a) !important;
}
html[data-theme="dark"] .light-btn,
html[data-theme="dark"] .admin-tech-link,
html[data-theme="dark"] .admin-secondary-btn,
html[data-theme="dark"] .admin-row-button {
  color: #f2f5f2 !important;
  -webkit-text-fill-color: #f2f5f2 !important;
  border-color: #4b5650 !important;
  background: #1a211c !important;
}
html[data-theme="dark"] :where(.light-btn, .admin-tech-link, .admin-secondary-btn, .admin-row-button):hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #68736c !important;
  background: #252d27 !important;
}
html[data-theme="dark"] .admin-search button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #349647 !important;
  background: linear-gradient(145deg, #39a64c, #19712d) !important;
  box-shadow: 0 9px 18px rgba(24,112,43,.24) !important;
}
html[data-theme="dark"] .admin-action-row :where(a, button) {
  color: #f2f5f2 !important;
  -webkit-text-fill-color: #f2f5f2 !important;
  border-color: #4b5650 !important;
  background: #1a211c !important;
}
html[data-theme="dark"] .admin-action-row :where(a, button):hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #68736c !important;
  background: #252d27 !important;
}
html[data-theme="dark"] .admin-actions button {
  color: #f2f5f2 !important;
  -webkit-text-fill-color: #f2f5f2 !important;
  border-color: #4b5650 !important;
  background: #1a211c !important;
}
html[data-theme="dark"] .admin-actions button:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #68736c !important;
  background: #252d27 !important;
}
html[data-theme="dark"] .admin-action-row :where(.danger-link, .admin-action-danger) {
  color: #ffaaa5 !important;
  -webkit-text-fill-color: #ffaaa5 !important;
  border-color: rgba(255,118,110,.34) !important;
  background: #2b1717 !important;
}
html[data-theme="dark"] .admin-action-row :where(.danger-link, .admin-action-danger):hover {
  color: #ffd1ce !important;
  -webkit-text-fill-color: #ffd1ce !important;
  border-color: rgba(255,142,134,.55) !important;
  background: #3a1c1b !important;
}
html[data-theme="dark"] .admin-action-row .admin-action-success {
  color: #baf3c1 !important;
  -webkit-text-fill-color: #baf3c1 !important;
  border-color: rgba(105,220,121,.34) !important;
  background: #17321d !important;
}
html[data-theme="dark"] .admin-action-row .admin-action-success:hover {
  color: #e0ffe4 !important;
  -webkit-text-fill-color: #e0ffe4 !important;
  border-color: rgba(127,236,141,.52) !important;
  background: #1d4125 !important;
}
html[data-theme="dark"] .admin-action-row .admin-action-warning {
  color: #f4ce72 !important;
  -webkit-text-fill-color: #f4ce72 !important;
  border-color: rgba(232,169,26,.36) !important;
  background: #2a2415 !important;
}
html[data-theme="dark"] .admin-action-row .admin-action-warning:hover {
  color: #ffe7aa !important;
  -webkit-text-fill-color: #ffe7aa !important;
  border-color: rgba(240,190,67,.54) !important;
  background: #393019 !important;
}
html[data-theme="dark"] .admin-status {
  color: #f4ce72 !important;
  -webkit-text-fill-color: #f4ce72 !important;
  border-color: rgba(232,169,26,.30) !important;
  background: #2a2415 !important;
}
html[data-theme="dark"] .admin-status.done,
html[data-theme="dark"] .admin-status.progress {
  color: #baf3c1 !important;
  -webkit-text-fill-color: #baf3c1 !important;
  border-color: rgba(105,220,121,.30) !important;
  background: #17321d !important;
}
html[data-theme="dark"] .admin-status.failed,
html[data-theme="dark"] .admin-status.cancel {
  color: #ffaaa5 !important;
  -webkit-text-fill-color: #ffaaa5 !important;
  border-color: rgba(255,118,110,.30) !important;
  background: #2b1717 !important;
}
html[data-theme="dark"] .admin-status.dark {
  color: #f4f7f4 !important;
  -webkit-text-fill-color: #f4f7f4 !important;
  border-color: #4b5650 !important;
  background: #242a26 !important;
}
html[data-theme="dark"] .status-pill {
  color: #baf3c1 !important;
  -webkit-text-fill-color: #baf3c1 !important;
  border: 1px solid rgba(105,220,121,.30) !important;
  background: #17321d !important;
}
html[data-theme="dark"] .status-pill.wait {
  color: #f4ce72 !important;
  -webkit-text-fill-color: #f4ce72 !important;
  border-color: rgba(232,169,26,.30) !important;
  background: #2a2415 !important;
}
html[data-theme="dark"] .status-pill.failed {
  color: #ffaaa5 !important;
  -webkit-text-fill-color: #ffaaa5 !important;
  border-color: rgba(255,118,110,.30) !important;
  background: #2b1717 !important;
}
html[data-theme="dark"] .admin-table th {
  color: #dce4dd !important;
  border-color: #2d3b32 !important;
  background: #18211a !important;
}
html[data-theme="dark"] .admin-table td { border-color: #2d3b32 !important; }
html[data-theme="dark"] :where(
  .admin-input,
  .admin-field input:not([type="checkbox"]),
  .admin-field select,
  .admin-field textarea,
  .admin-form-card input:not([type="checkbox"]),
  .admin-form-card select,
  .admin-form-card textarea,
  .admin-search input,
  .admin-search select
) {
  color: #f4f7f4 !important;
  -webkit-text-fill-color: #f4f7f4 !important;
  border-color: #394940 !important;
  background: #080d09 !important;
  caret-color: #72e482 !important;
}
html[data-theme="dark"] :where(.admin-search input, .admin-search select)::placeholder,
html[data-theme="dark"] :where(.admin-input, .admin-form-card input, .admin-form-card textarea)::placeholder {
  color: #7f8d82 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .admin-system-strip {
  border: 1px solid #304036 !important;
  background: linear-gradient(145deg, #101711, #070b08) !important;
}
html[data-theme="dark"] .admin-system-strip > div { background: rgba(255,255,255,.035) !important; }

/* Dashboard content editors, reviews and legal tabs. */
html[data-theme="dark"] :where(
  .admin-review-card,
  .admin-subnav,
  .review-editor-preview-card,
  .editor-card,
  .delete-publication-card
) {
  color: #f4f7f4 !important;
  border-color: #304036 !important;
  background: #101711 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 15px 32px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] .admin-review-body {
  color: #f4f7f4 !important;
  border-color: #304036 !important;
  background: #101711 !important;
}
html[data-theme="dark"] :where(
  .admin-review-body strong,
  .review-editor-preview-head h2,
  .review-preview-empty strong,
  .editor-card-title h2,
  .form-field label,
  .switch-row strong,
  .publication-status-note strong,
  .delete-publication-card h1
) {
  color: #f4f7f4 !important;
  -webkit-text-fill-color: #f4f7f4 !important;
}
html[data-theme="dark"] :where(
  .admin-review-body small,
  .review-editor-tip,
  .review-preview-empty,
  .review-preview-empty small,
  .editor-card-title p,
  .form-field small,
  .switch-row small,
  .publication-status-note small,
  .delete-publication-card p
) {
  color: #aab5ac !important;
  -webkit-text-fill-color: #aab5ac !important;
}
html[data-theme="dark"] .admin-subnav a {
  color: #dce4dd !important;
  -webkit-text-fill-color: #dce4dd !important;
}
html[data-theme="dark"] .admin-subnav a:hover { background: #1a271d !important; }
html[data-theme="dark"] .admin-subnav a.active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(145deg, #35a649, #176b2a) !important;
}
html[data-theme="dark"] :where(
  .form-field input:not([type="checkbox"]):not([type="radio"]),
  .form-field select,
  .form-field textarea
) {
  color: #f4f7f4 !important;
  -webkit-text-fill-color: #f4f7f4 !important;
  border-color: #394940 !important;
  background: #080d09 !important;
  caret-color: #72e482 !important;
}
html[data-theme="dark"] :where(.form-field input, .form-field textarea)::placeholder {
  color: #7f8d82 !important;
  -webkit-text-fill-color: #7f8d82 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] :where(.switch-row, .publication-status-note) {
  color: #f4f7f4 !important;
  border: 1px solid #304036 !important;
  background: #151e17 !important;
}
html[data-theme="dark"] .publication-status-note.published {
  border-color: rgba(105,220,121,.28) !important;
  background: #17321d !important;
}
html[data-theme="dark"] .publication-status-note > i {
  color: #86ed93 !important;
  background: #203026 !important;
}
html[data-theme="dark"] .file-field input[type="file"] {
  color: #dce4dd !important;
  -webkit-text-fill-color: #dce4dd !important;
  border-color: rgba(105,220,121,.30) !important;
  background: #101a12 !important;
}
html[data-theme="dark"] .save-draft-btn {
  color: #f2f5f2 !important;
  -webkit-text-fill-color: #f2f5f2 !important;
  border-color: #4b5650 !important;
  background: #1a211c !important;
}
html[data-theme="dark"] .save-draft-btn:hover { border-color: #68736c !important; background: #252d27 !important; }
html[data-theme="dark"] .publish-now-btn small { color: rgba(255,255,255,.78) !important; }
html[data-theme="dark"] .editor-back { color: #86ed93 !important; }
html[data-theme="dark"] :where(.review-editor-stage, .review-editor-stage img, .admin-review-image) {
  border-color: #304036 !important;
  background: #0b100c !important;
}

html[data-theme="dark"] :where(
  .referral-admin-metrics > div,
  .referral-admin-facts > div,
  .referral-ledger-row,
  .referral-admin-table tr
) {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: #111a13 !important;
}
html[data-theme="dark"] :where(.referral-admin-metrics .is-pending, .referral-ledger-row.is-pending, .referral-latest-credit.is-pending) {
  border-color: rgba(232,169,26,.32) !important;
  background: rgba(112,78,9,.15) !important;
}
html[data-theme="dark"] .referral-latest-credit {
  color: #f3f6f3 !important;
  border-color: rgba(105,220,121,.30) !important;
  background: rgba(43,117,54,.14) !important;
}
html[data-theme="dark"] :where(.referral-admin-identity h2, .referral-balance-chip strong, .referral-admin-metrics strong, .referral-admin-facts dd, .referral-latest-credit div > strong, .referral-ledger-row strong) {
  color: #f4f7f4 !important;
}
html[data-theme="dark"] :where(.referral-admin-identity p, .referral-admin-metrics span, .referral-admin-metrics small, .referral-admin-facts dt, .referral-latest-credit div > span, .referral-latest-credit div > small, .referral-ledger-labels, .referral-ledger-row small, .referral-ledger-row [data-label]::before, .referral-admin-table td::before, .referral-no-operations) {
  color: #aab5ac !important;
}
html[data-theme="dark"] :where(.referral-admin-metrics i, .referral-latest-icon, .ledger-type-icon) {
  color: #79e789 !important;
  background: rgba(71,170,84,.15) !important;
}
html[data-theme="dark"] :where(.referral-admin-metrics .is-pending i, .referral-latest-credit.is-pending .referral-latest-icon) {
  color: #f0c75c !important;
  background: rgba(232,169,26,.15) !important;
}
html[data-theme="dark"] :where(.ledger-amount.positive strong, .referral-table-available, .referral-table-positive, .ledger-description a) { color: #79e789 !important; }
html[data-theme="dark"] :where(.ledger-amount.negative strong, .referral-table-negative) { color: #ff8e87 !important; }
html[data-theme="dark"] .referral-table-pending { color: #f0c75c !important; }
html[data-theme="dark"] .referral-adjustment-card > p { color: #aab5ac !important; }
html[data-theme="dark"] .referral-directory-card .admin-table-wrap { background: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] .admin-bonus-filters {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: #101711 !important;
}
html[data-theme="dark"] .admin-bonus-filters label > span { color: #aab5ac !important; }
html[data-theme="dark"] .admin-bonus-filter-actions > a {
  color: #f3f6f3 !important;
  border-color: #394940 !important;
  background: #18211a !important;
}
html[data-theme="dark"] .admin-bonus-filter-actions > b { color: #86ed93 !important; background: #17321d !important; }

html[data-theme="dark"] :where(.af-summary-grid article, .af-reason-list article, .af-decision-option, .af-admin-table tr) {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: #111a13 !important;
  box-shadow: 0 15px 32px rgba(0, 0, 0, .20) !important;
}
html[data-theme="dark"] .antifraud-overview-card { border-color: rgba(255, 118, 110, .28) !important; }
html[data-theme="dark"] .antifraud-overview-card i { color: #ffaaa5 !important; background: #2b1717 !important; }
html[data-theme="dark"] .af-case-hero {
  color: #f3f6f3 !important;
  border-color: #3b4b41 !important;
  background: linear-gradient(145deg, #152019, #0e1510) !important;
}
html[data-theme="dark"] .af-case-hero.level-review { border-color: rgba(232,169,26,.34) !important; background: linear-gradient(145deg, #261f10, #14170f) !important; }
html[data-theme="dark"] .af-case-hero.level-critical { border-color: rgba(255,118,110,.34) !important; background: linear-gradient(145deg, #281514, #16110f) !important; }
html[data-theme="dark"] .af-case-score { color: #f4f7f4 !important; border-color: #304036 !important; border-top-color: #86ed93 !important; background: #0b110d !important; }
html[data-theme="dark"] .level-review .af-case-score { border-top-color: #f0c75c !important; }
html[data-theme="dark"] .level-critical .af-case-score { border-top-color: #ff8e87 !important; }
html[data-theme="dark"] :where(.af-case-title h2, .af-decision-option > strong, .af-reason-list strong, .af-person strong, .af-reviewed-card strong, .af-summary-grid strong) { color: #f4f7f4 !important; }
html[data-theme="dark"] :where(.af-case-title p, .af-decision-option > p, .af-reason-list small, .af-person small, .af-person > span, .af-reviewed-card p, .af-reviewed-card small, .af-summary-grid span, .af-summary-grid small, .af-admin-table td::before) { color: #aab5ac !important; }
html[data-theme="dark"] .af-reason-points { color: #ffaaa5 !important; background: #2b1717 !important; }
html[data-theme="dark"] .af-reason-mini { color: #f4ce72 !important; background: #2a2415 !important; }
html[data-theme="dark"] .af-score { color: #dce5de !important; background: #202b23 !important; }
html[data-theme="dark"] .af-score.score-review { color: #f4ce72 !important; background: #2a2415 !important; }
html[data-theme="dark"] .af-score.score-critical { color: #ffaaa5 !important; background: #2b1717 !important; }
html[data-theme="dark"] .af-decision-option.is-confirm { border-color: rgba(255,118,110,.28) !important; background: #211313 !important; }
html[data-theme="dark"] .af-decision-option.is-approve { border-color: rgba(105,220,121,.28) !important; background: #112015 !important; }
html[data-theme="dark"] .af-person a { color: #79e789 !important; }
html[data-theme="dark"] .referral-history-row.is-canceled { border-color: rgba(255,118,110,.24) !important; background: #211313 !important; }

/* Client debts control */
html[data-theme="dark"] :where(.debt-summary-card, .debt-event-row, .debt-metric-grid article, .debt-original-field) {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: #111a13 !important;
  box-shadow: 0 15px 32px rgba(0, 0, 0, .20) !important;
}
html[data-theme="dark"] :where(
  .debt-summary-card > strong,
  .debt-event-main strong,
  .debt-event-main strong a,
  .debt-event-meta strong,
  .debt-metric-grid strong,
  .debt-form-section-head h2,
  .debt-full-payment-action strong,
  .debt-timeline-head > div > strong,
  .debt-timeline-facts strong
) { color: #f4f7f4 !important; }
html[data-theme="dark"] :where(
  .debt-summary-card span,
  .debt-summary-card small,
  .debt-event-main small,
  .debt-event-meta small,
  .debt-metric-grid span,
  .debt-form-section-head p,
  .debt-full-payment-action span,
  .debt-timeline-head small,
  .debt-timeline-item p,
  .debt-timeline-facts span,
  .debt-admin-table td::before
) { color: #aab5ac !important; }
html[data-theme="dark"] .debt-summary-card.is-outstanding > strong,
html[data-theme="dark"] .debt-money-remaining:not(.is-zero),
html[data-theme="dark"] .debt-form-final strong { color: #ffaaa5 !important; }
html[data-theme="dark"] .debt-money-total { color: #f4f7f4 !important; }
html[data-theme="dark"] .debt-summary-card.is-active > strong { color: #f4ce72 !important; }
html[data-theme="dark"] :where(.debt-summary-card.is-returned > strong, .debt-money-returned, .debt-money-remaining.is-zero, .debt-event-amount, .debt-metric-grid article.is-returned strong) { color: #baf3c1 !important; }
html[data-theme="dark"] .debt-metric-grid article.is-remaining strong { color: #ffaaa5 !important; }
html[data-theme="dark"] .debt-summary-card.is-outstanding i,
html[data-theme="dark"] .debt-event-row.event-deleted .debt-event-icon { color: #ffaaa5 !important; background: #2b1717 !important; }
html[data-theme="dark"] .debt-summary-card.is-active i,
html[data-theme="dark"] .debt-event-row.event-created .debt-event-icon { color: #f4ce72 !important; background: #2a2415 !important; }
html[data-theme="dark"] .debt-summary-card.is-returned i,
html[data-theme="dark"] :where(.debt-event-row.event-repayment, .debt-event-row.event-paid) .debt-event-icon { color: #baf3c1 !important; background: #17321d !important; }
html[data-theme="dark"] .debt-summary-card.is-closed i,
html[data-theme="dark"] .debt-event-icon { color: #d7deda !important; background: #242a26 !important; }
html[data-theme="dark"] .debt-count-chip { color: #e9eeea !important; background: #242a26 !important; }
html[data-theme="dark"] .debt-admin-table tbody tr:hover { background: #151e17 !important; }
html[data-theme="dark"] .debt-mini-progress { background: #2c3830 !important; }

html[data-theme="dark"] .debt-form-section { border-color: #304036 !important; }
html[data-theme="dark"] .debt-form-step { color: #fff !important; background: #303833 !important; }
html[data-theme="dark"] .debt-rate-button {
  color: #eef3ef !important;
  border-color: #445249 !important;
  background: #171f19 !important;
}
html[data-theme="dark"] .debt-rate-button:hover { border-color: #68736c !important; background: #202922 !important; }
html[data-theme="dark"] .debt-rate-button > span,
html[data-theme="dark"] .debt-rate-button > small { color: #aeb8b0 !important; }
html[data-theme="dark"] .debt-rate-button.rate-35 { border-color: rgba(232, 169, 26, .30) !important; background: #241f13 !important; }
html[data-theme="dark"] .debt-rate-button.rate-70.is-selected {
  color: #fff !important;
  border-color: #738078 !important;
  background: linear-gradient(145deg, #434d47, #29302c) !important;
}
html[data-theme="dark"] .debt-rate-button.rate-35.is-selected {
  color: #241b08 !important;
  border-color: #e8b94c !important;
  background: linear-gradient(145deg, #f2d17d, #dba93a) !important;
}
html[data-theme="dark"] .debt-rate-button.rate-custom.is-selected {
  color: #fff !important;
  border-color: #7f9caf !important;
  background: linear-gradient(145deg, #647f90, #465d6c) !important;
}
html[data-theme="dark"] .debt-rate-button.is-selected > span,
html[data-theme="dark"] .debt-rate-button.is-selected > small { color: inherit !important; opacity: .78; }
html[data-theme="dark"] .debt-calculation-result { border: 1px solid #3b4740 !important; background: linear-gradient(145deg, #242b27, #0d120e) !important; }
html[data-theme="dark"] .debt-result-fields .admin-input.is-calculated {
  color: #aab5ac !important;
  -webkit-text-fill-color: #aab5ac !important;
  border-color: #334138 !important;
  background: #151c17 !important;
}
html[data-theme="dark"] .debt-form-footer { border-color: #304036 !important; background: #0d140f !important; }
html[data-theme="dark"] .debt-form-final span { color: #aab5ac !important; }

html[data-theme="dark"] .admin-danger-outline-btn {
  color: #ffaaa5 !important;
  border-color: rgba(255, 118, 110, .34) !important;
  background: #2b1717 !important;
}
html[data-theme="dark"] .admin-danger-outline-btn:hover { color: #ffd1ce !important; border-color: rgba(255, 142, 134, .55) !important; background: #3a1c1b !important; }
html[data-theme="dark"] .debt-metric-grid article { box-shadow: none !important; }
html[data-theme="dark"] .debt-full-payment-action { border-color: #3a4840 !important; background: #151d18 !important; }
html[data-theme="dark"] .admin-complete-btn { color: #fff !important; border-color: #66736b !important; background: #303a34 !important; }
html[data-theme="dark"] .debt-paid-card { color: #eff8f0 !important; border-color: rgba(105, 220, 121, .28) !important; background: #17321d !important; }
html[data-theme="dark"] .debt-paid-card > i { color: #baf3c1 !important; background: #21482a !important; }
html[data-theme="dark"] .debt-paid-card strong { color: #dffce3 !important; }
html[data-theme="dark"] .debt-paid-card span { color: #a9c9ae !important; }
html[data-theme="dark"] .debt-timeline-item { border-color: #34423a !important; }
html[data-theme="dark"] .debt-timeline-item:last-child { border-color: transparent !important; }
html[data-theme="dark"] .debt-timeline-dot { border-color: #101711 !important; box-shadow: 0 0 0 1px #59665e !important; }

@media (max-width: 820px) {
  html[data-theme="dark"] .debt-directory-card .admin-table-wrap { background: transparent !important; box-shadow: none !important; }
  html[data-theme="dark"] .debt-admin-table tr { color: #f3f6f3 !important; border-color: #304036 !important; background: #111a13 !important; }
  html[data-theme="dark"] .debt-admin-table td { border-color: #2d3b32 !important; }
}

@media (max-width: 760px) {
  html[data-theme="dark"] .home-page .stats,
  html[data-theme="dark"] .stats {
    padding: 14px !important;
    gap: 0 !important;
  }
  html[data-theme="dark"] .stat {
    border-right: 0 !important;
    border-bottom: 1px solid #2d3931 !important;
  }
  html[data-theme="dark"] .stat:last-child { border-bottom: 0 !important; }
}


/* =====================================================================
   2026-07-17 LOGOS + FAQ + ROOT DARK FIX
   ===================================================================== */
html[data-theme="dark"] {
  background: #020504 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body {
  min-height: 100%;
  background-color: #020504 !important;
  overscroll-behavior-y: none;
}

html[data-theme="dark"] body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  background: #020504;
  pointer-events: none;
}

/* FAQ must not inherit black text from the light stylesheet. */
html[data-theme="dark"] .faq-page .faq-section {
  color: #f4f7f5 !important;
  border-color: #2b3830 !important;
  background: linear-gradient(145deg, #111813, #090e0b) !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] .faq-page :where(
  .faq-hero h1,
  .faq-section-head h2,
  .faq-question,
  .faq-contact-copy h2
) {
  color: #f7faf8 !important;
  -webkit-text-fill-color: #f7faf8 !important;
}

html[data-theme="dark"] .faq-page :where(
  .faq-hero p,
  .faq-section-head > p,
  .faq-answer-inner,
  .faq-answer-inner p,
  .faq-contact-copy p
) {
  color: #b8c2bb !important;
  -webkit-text-fill-color: #b8c2bb !important;
}

html[data-theme="dark"] .faq-page .faq-item,
html[data-theme="dark"] .faq-page .faq-item[open] {
  border-color: #2b3931 !important;
  background: linear-gradient(145deg, #0d1410, #070c09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 12px 28px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .faq-page .faq-item:hover,
html[data-theme="dark"] .faq-page .faq-item[open] {
  border-color: rgba(106,225,121,.38) !important;
  background: linear-gradient(145deg, #121c15, #09100b) !important;
}

html[data-theme="dark"] .faq-page .faq-number,
html[data-theme="dark"] .faq-page .faq-toggle {
  color: #79e985 !important;
  border-color: rgba(105,220,121,.20) !important;
  background: rgba(43,127,54,.15) !important;
}

html[data-theme="dark"] .faq-page .faq-item[open] .faq-toggle {
  color: #071109 !important;
  background: #70e17d !important;
}

html[data-theme="dark"] .faq-page .faq-kicker,
html[data-theme="dark"] .faq-page .faq-eyebrow {
  color: #7ce889 !important;
}

html[data-theme="dark"] .faq-page .faq-contact-card {
  border: 1px solid #2b3931 !important;
  background: radial-gradient(circle at 88% 12%, rgba(60,157,72,.16), transparent 34%), linear-gradient(145deg, #101712, #070c09) !important;
}

/* Payment marks stay crisp inside compact neutral brand chips. */
html[data-theme="dark"] .footer-payment-logo {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(247,249,247,.96) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 8px 20px rgba(0,0,0,.18) !important;
}
html[data-theme="dark"] .footer-payment-logo img {
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="dark"] .footer-inn { color: #b8c1bb !important; }

/* Never apply a light tile behind catalogue logos. */
html[data-theme="dark"] .services-page :where(.bank-logo, .modal-logo) {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .faq-page .faq-hero-meta {
  color: #f4f7f5 !important;
  border-color: #2d3a32 !important;
  background: linear-gradient(145deg, #121a14, #0a0f0b) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 16px 34px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .faq-page .faq-hero-meta strong {
  color: #76e783 !important;
  -webkit-text-fill-color: #76e783 !important;
}
html[data-theme="dark"] .faq-page .faq-hero-meta span {
  color: #c0c8c2 !important;
  -webkit-text-fill-color: #c0c8c2 !important;
}
html[data-theme="dark"] .faq-page .faq-item summary {
  color: #f7faf8 !important;
}


/* =====================================================================
   2026-07-17 AUTHENTICATION: COMPLETE DARK THEME
   Explicit selectors override the legacy forced-light authentication skin.
   ===================================================================== */
html[data-theme="dark"] body.auth-simple-page {
  color-scheme: dark !important;
  background: #020504 !important;
}

html[data-theme="dark"] body.auth-simple-page .page-shell {
  background:
    radial-gradient(circle at 75% 12%, rgba(46, 126, 57, .13), transparent 31%),
    linear-gradient(145deg, #07100b, #020604) !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-card,
html[data-theme="dark"] .auth-modal .auth-card {
  color: #f5f8f6 !important;
  border-color: #29352e !important;
  background:
    radial-gradient(circle at 86% 7%, rgba(64, 157, 76, .11), transparent 32%),
    linear-gradient(145deg, #101813, #080e0a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 30px 78px rgba(0,0,0,.46) !important;
}

html[data-theme="dark"] body.auth-simple-page :where(
  .auth-simple-brand, .auth-simple-heading h1, .auth-simple-heading p,
  .auth-simple-heading > span, .auth-simple-field, .auth-simple-field > span,
  .auth-simple-field small, .auth-simple-consent, .auth-simple-bottom,
  .auth-simple-social > strong
),
html[data-theme="dark"] .auth-modal :where(
  .auth-card h2, .auth-card p, .auth-form label, .auth-note,
  .auth-modal-telegram > span
) {
  color: #eef4ef !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.auth-simple-page :where(
  .auth-simple-heading p, .auth-simple-field small, .auth-simple-consent,
  .auth-simple-bottom
),
html[data-theme="dark"] .auth-modal :where(.auth-card p, .auth-note) {
  color: #aeb9b1 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-logo,
html[data-theme="dark"] .auth-modal .auth-icon {
  color: #071109 !important;
  background: #70e17d !important;
  box-shadow: 0 10px 26px rgba(66, 190, 80, .20) !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-tabs,
html[data-theme="dark"] .auth-modal .auth-tabs {
  border: 1px solid #27342c !important;
  background: #070c09 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-tabs a,
html[data-theme="dark"] .auth-modal .auth-tab {
  color: #aeb8b0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-tabs a.active,
html[data-theme="dark"] .auth-modal .auth-tab.active {
  color: #071109 !important;
  background: #70e17d !important;
  box-shadow: 0 8px 20px rgba(66, 190, 80, .17) !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input,
html[data-theme="dark"] .auth-modal :where(.auth-form input, .auth-password-field) {
  color: #f6f9f7 !important;
  border-color: #344139 !important;
  background: #050a07 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input:focus-within,
html[data-theme="dark"] .auth-modal .auth-form input:focus {
  border-color: rgba(112, 225, 125, .60) !important;
  background: #071009 !important;
  box-shadow: 0 0 0 4px rgba(112, 225, 125, .10) !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input > i,
html[data-theme="dark"] body.auth-simple-page .password-toggle,
html[data-theme="dark"] .auth-modal .password-toggle {
  color: #79e985 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input input,
html[data-theme="dark"] .auth-modal .auth-form input {
  color: #f6f9f7 !important;
  -webkit-text-fill-color: #f6f9f7 !important;
  caret-color: #79e985 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input input::placeholder,
html[data-theme="dark"] .auth-modal .auth-form input::placeholder {
  color: #77827a !important;
  -webkit-text-fill-color: #77827a !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-input input:-webkit-autofill,
html[data-theme="dark"] body.auth-simple-page .auth-simple-input input:-webkit-autofill:hover,
html[data-theme="dark"] body.auth-simple-page .auth-simple-input input:-webkit-autofill:focus,
html[data-theme="dark"] .auth-modal .auth-form input:-webkit-autofill {
  -webkit-text-fill-color: #f6f9f7 !important;
  caret-color: #79e985 !important;
  box-shadow: 0 0 0 1000px #050a07 inset !important;
}

html[data-theme="dark"] body.auth-simple-page :where(
  .auth-simple-consent a, .auth-simple-forgot, .auth-simple-bottom a
),
html[data-theme="dark"] .auth-modal :where(.auth-forgot, .auth-note a) {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-divider {
  color: #8d9890 !important;
}
html[data-theme="dark"] body.auth-simple-page .auth-simple-divider::before,
html[data-theme="dark"] body.auth-simple-page .auth-simple-divider::after {
  background: #2b3730 !important;
}

html[data-theme="dark"] body.auth-simple-page .auth-simple-submit,
html[data-theme="dark"] .auth-modal .auth-submit {
  color: #071109 !important;
  background: linear-gradient(145deg, #7bed88, #53ca63) !important;
  box-shadow: 0 14px 28px rgba(61, 179, 74, .22) !important;
}

html[data-theme="dark"] .auth-modal .auth-close {
  color: #eef4ef !important;
  border-color: #364139 !important;
  background: #18211b !important;
}

/* Identity-provider brand tiles stay light, while their surrounding section is dark. */
html[data-theme="dark"] body.auth-simple-page .auth-simple-social,
html[data-theme="dark"] .auth-modal .auth-social-options {
  color: #eef4ef !important;
}

/* 2026-07-17: gold review stars in both themes. */
html[data-theme="dark"] .reviews-page .bubble-right,
html[data-theme="dark"] .reviews-page .review-rating .fa-star:not(.muted) {
  color: #f3c247 !important;
  -webkit-text-fill-color: #f3c247 !important;
  text-shadow: 0 2px 12px rgba(243, 194, 71, .22);
}

html[data-theme="dark"] .reviews-page .review-rating .fa-star.muted {
  color: rgba(243, 194, 71, .30) !important;
  -webkit-text-fill-color: rgba(243, 194, 71, .30) !important;
}

/* Public promotions/news use the same dark surfaces as the rest of the site. */
html[data-theme="dark"] :where(
  .news-page .news-hero-card,
  .news-page .news-filters,
  .news-detail-page .publication-detail,
  .news-detail-page .publication-content,
  .news-detail-page .related-publications
) {
  color: #f5f7f5 !important;
  border-color: #2d3931 !important;
  background: linear-gradient(145deg, #111812, #090e0a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 18px 38px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] .news-page .news-hero-card > i {
  color: #f8fff9 !important;
  background: linear-gradient(145deg, #36a94b, #176c2b) !important;
}

html[data-theme="dark"] .news-page .news-hero-card strong,
html[data-theme="dark"] .news-detail-page :where(.publication-content, .related-publications) :where(h2, h3, strong) {
  color: #f5f7f5 !important;
  -webkit-text-fill-color: #f5f7f5 !important;
}

html[data-theme="dark"] .news-page .news-hero-card span,
html[data-theme="dark"] .news-detail-page :where(.publication-breadcrumbs, .detail-meta, .publication-content p, .publication-content li, .related-card p, .related-card time) {
  color: #aeb8b0 !important;
  -webkit-text-fill-color: #aeb8b0 !important;
}

html[data-theme="dark"] .news-detail-page .publication-content a,
html[data-theme="dark"] .news-detail-page .publication-breadcrumbs a,
html[data-theme="dark"] .news-page .publication-more {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .news-detail-page .promo-deadline {
  color: #f5e4ad !important;
  border-color: rgba(243, 194, 71, .34) !important;
  background: linear-gradient(145deg, rgba(71,55,16,.82), rgba(34,27,11,.94)) !important;
}

html[data-theme="dark"] .news-detail-page .promo-deadline :where(i, strong) {
  color: #f3c247 !important;
  -webkit-text-fill-color: #f3c247 !important;
}

html[data-theme="dark"] .news-detail-page .promo-deadline span {
  color: #d8c792 !important;
  -webkit-text-fill-color: #d8c792 !important;
}

html[data-theme="dark"] .news-detail-page .promo-deadline.expired {
  border-color: rgba(237, 112, 100, .32) !important;
  background: rgba(100, 34, 27, .28) !important;
}

html[data-theme="dark"] .news-detail-page .promo-deadline.expired :where(i, strong) {
  color: #ef8b80 !important;
  -webkit-text-fill-color: #ef8b80 !important;
}

html[data-theme="dark"] .publication-type.news {
  color: #eef4ef !important;
  border-color: #39473e !important;
  background: #202923 !important;
}

/* Requested high-contrast copy on dark public pages and service dialogs. */
html[data-theme="dark"] .news-page .news-hero p,
html[data-theme="dark"] #serviceModal :where(h2, p) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Sber installment preview follows the shared dark payment design. */
html[data-theme="dark"] .installment-panel {
  color: #f5f7f8 !important;
  border-color: #2d4635 !important;
  background: linear-gradient(145deg, #111b16, #09110d) !important;
}

html[data-theme="dark"] .installment-panel-head small,
html[data-theme="dark"] .installment-note {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

html[data-theme="dark"] .installment-plan {
  color: #f5f7f8 !important;
  border-color: #334039 !important;
  background: #11181a !important;
}

html[data-theme="dark"] .installment-plan :where(span, small) {
  color: #b8c1bb !important;
  -webkit-text-fill-color: #b8c1bb !important;
}

html[data-theme="dark"] .installment-plan.active {
  color: #fff !important;
  border-color: #65d574 !important;
  background: linear-gradient(145deg, #319947, #176d2d) !important;
}

html[data-theme="dark"] .installment-plan.active :where(span, small) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme="dark"] :where(.installment-summary-row, .installment-final-row) {
  border-color: #2b3831 !important;
}

html[data-theme="dark"] :where(.installment-summary-row, .installment-final-row) :where(b, strong) {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .sber-finance-disclosure {
  color: #b8c2bb !important;
  -webkit-text-fill-color: #b8c2bb !important;
}

html[data-theme="dark"] .sber-finance-disclosure a {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
  font-weight: 400 !important;
}

html[data-theme="dark"] .payment-bonus-feedback {
  color: #b8c2bb !important;
  -webkit-text-fill-color: #b8c2bb !important;
}

html[data-theme="dark"] .payment-bonus-feedback.is-success {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .payment-bonus-feedback.is-error {
  color: #ff9c9c !important;
  -webkit-text-fill-color: #ff9c9c !important;
}

html[data-theme="dark"] .loyalty-conflict-overlay {
  background: rgba(0, 3, 2, .82) !important;
}

html[data-theme="dark"] .loyalty-conflict-card {
  color: #f5f7f8 !important;
  border-color: #314038 !important;
  background:
    radial-gradient(circle at 100% 0, rgba(70, 190, 91, .13), transparent 38%),
    linear-gradient(145deg, #0e1612, #080d0b) !important;
  box-shadow: 0 32px 100px rgba(0, 0, 0, .68) !important;
}

html[data-theme="dark"] .loyalty-conflict-card h2 {
  color: #f7faf8 !important;
  -webkit-text-fill-color: #f7faf8 !important;
}

html[data-theme="dark"] .loyalty-conflict-card > p {
  color: #c2ccc5 !important;
  -webkit-text-fill-color: #c2ccc5 !important;
}

html[data-theme="dark"] .loyalty-conflict-kicker {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .loyalty-conflict-close {
  color: #d7dfd9 !important;
  border-color: #34443b !important;
  background: #17201b !important;
}

html[data-theme="dark"] .loyalty-conflict-options > div {
  border-color: #304037 !important;
  background: #111a16 !important;
}

html[data-theme="dark"] .loyalty-conflict-options strong {
  color: #f5f7f8 !important;
  -webkit-text-fill-color: #f5f7f8 !important;
}

html[data-theme="dark"] .loyalty-conflict-options span,
html[data-theme="dark"] .loyalty-conflict-options > b {
  color: #aeb9b1 !important;
  -webkit-text-fill-color: #aeb9b1 !important;
}

html[data-theme="dark"] .loyalty-conflict-card .loyalty-conflict-note {
  color: #e2c184 !important;
  -webkit-text-fill-color: #e2c184 !important;
}

/* Compact Django notifications keep their contrast in the shared dark theme. */
html[data-theme="dark"] .django-message {
  color: #eef5f0;
  border-color: rgba(121, 233, 133, .17);
  background: linear-gradient(145deg, #0d1711, #07100b);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="dark"] .django-message-error {
  border-color: rgba(255, 98, 88, .22);
}

html[data-theme="dark"] .django-message-warning {
  border-color: rgba(229, 174, 83, .22);
}

html[data-theme="dark"] .django-message-info {
  border-color: rgba(121, 191, 179, .20);
}

html[data-theme="dark"] .django-message-icon {
  border-color: rgba(121, 233, 133, .22);
  border-color: color-mix(in srgb, var(--message-accent) 35%, transparent);
  color: #79e985;
  color: color-mix(in srgb, var(--message-accent) 78%, #fff);
  background: #102117;
  background: color-mix(in srgb, var(--message-accent) 15%, #07100b);
}

html[data-theme="dark"] .django-message-content {
  color: #eef5f0;
  -webkit-text-fill-color: #eef5f0;
}

html[data-theme="dark"] .django-message-close {
  color: #afbbb2;
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
}

html[data-theme="dark"] .django-message-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, .09);
}

html[data-theme="dark"] :where(.site-toast, .cart-toast, .pay-toast, .save-toast) {
  color: #eef5f0;
  border-color: rgba(121, 233, 133, .17);
  background: linear-gradient(145deg, #0d1711, #07100b);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="dark"] .site-toast-icon {
  color: #79e985;
  border-color: rgba(121, 233, 133, .22);
  background: #102117;
}

html[data-theme="dark"] .site-toast-content {
  color: #eef5f0;
  -webkit-text-fill-color: #eef5f0;
}

html[data-theme="dark"] .site-toast-close {
  color: #afbbb2;
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .045);
}

html[data-theme="dark"] .site-toast-close:hover {
  color: #fff;
  background: rgba(255, 255, 255, .09);
}

/* Payment surfaces use the same near-black graphite palette as public pages. */
html[data-theme="dark"] .payment-page :where(
  .payment-methods,
  .order-summary,
  .payment-benefits,
  .payment-promo,
  .payment-bonus-box,
  .payment-status,
  .bonus-only-payment
) {
  color: #f5f7f8 !important;
  border-color: #263139 !important;
  background: linear-gradient(145deg, rgba(13, 20, 23, .98), rgba(8, 13, 15, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 17px 36px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .payment-page .summary-list {
  border-color: #263139 !important;
  background: transparent !important;
}

html[data-theme="dark"] .payment-page .summary-list > :where(.promo-row, .bonus-summary-row) {
  color: #f5f7f8 !important;
  border-color: #263139 !important;
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] .payment-page .promo-row :where(span, b, strong),
html[data-theme="dark"] .payment-page .bonus-summary-row :where(span, strong) {
  color: #f5f7f8 !important;
  -webkit-text-fill-color: #f5f7f8 !important;
}

html[data-theme="dark"] .payment-page .bonus-summary-row b {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

html[data-theme="dark"] .payment-page .payment-status :where(strong, i) {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .payment-page :where(
  .payment-status span,
  .summary-list span,
  .payment-promo-head strong,
  .payment-promo-copy > span,
  .payment-bonus-box > small
) {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

html[data-theme="dark"] .payment-page .payment-promo-head strong {
  color: #f5f7f8 !important;
  -webkit-text-fill-color: #f5f7f8 !important;
}

/* Services: keep supporting copy readable on compact benefit cards. */
html[data-theme="dark"] .services-page .mini-card strong {
  color: #f5f7f8 !important;
  -webkit-text-fill-color: #f5f7f8 !important;
}

html[data-theme="dark"] .services-page .mini-card span {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

/*
 * Useful-information pages share the same near-black graphite palette as
 * the rest of the public site. These selectors intentionally cover every
 * topic template rendered through pages/topic_detail.html.
 */
html[data-theme="dark"] body.topic-page {
  color-scheme: dark !important;
  background: #020504 !important;
}

html[data-theme="dark"] body.topic-page .page-shell {
  color: #f5f7f8 !important;
  border-color: #263139 !important;
  background:
    radial-gradient(circle at 86% 13%, rgba(48, 130, 61, .12), transparent 30%),
    linear-gradient(145deg, #07100b, #020604) !important;
}

html[data-theme="dark"] .topic-page .topic-hero-mark {
  color: #79e985 !important;
  border-color: #2d3b32 !important;
  background: linear-gradient(145deg, #111a14, #080e0a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 24px 50px rgba(0,0,0,.30) !important;
}

html[data-theme="dark"] .topic-page :where(.topic-article, .topic-sidebar-card, .topic-cta) {
  color: #f5f7f8 !important;
  border-color: #263139 !important;
  background: linear-gradient(145deg, rgba(13, 20, 23, .98), rgba(8, 13, 15, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 17px 36px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] .topic-page :where(
  .topic-hero h1,
  .topic-section h2,
  .topic-section h3,
  .topic-section strong,
  .topic-cta h2
) {
  color: #f5f7f8 !important;
  -webkit-text-fill-color: #f5f7f8 !important;
}

html[data-theme="dark"] .topic-page .topic-lead {
  color: #eef3ef !important;
  -webkit-text-fill-color: #eef3ef !important;
}

html[data-theme="dark"] .topic-page :where(
  .topic-description,
  .topic-section p,
  .topic-section li,
  .topic-intro p,
  .topic-fact p,
  .topic-cta p
) {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

html[data-theme="dark"] .topic-page .topic-section + .topic-section {
  border-top-color: #2a3630 !important;
}

html[data-theme="dark"] .topic-page :where(.topic-intro, .topic-fact, .topic-help, .topic-section blockquote) {
  color: #eef3ef !important;
  border-color: rgba(105, 220, 121, .22) !important;
  background: linear-gradient(145deg, rgba(18, 35, 25, .96), rgba(8, 17, 12, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

html[data-theme="dark"] .topic-page .topic-section blockquote {
  border-left-color: #79e985 !important;
  color: #eef3ef !important;
  -webkit-text-fill-color: #eef3ef !important;
}

html[data-theme="dark"] .topic-page .topic-fact > i {
  color: #071109 !important;
  background: #79e985 !important;
}

html[data-theme="dark"] .topic-page .topic-section ul li::before {
  background: #79e985 !important;
  box-shadow: 0 0 0 6px rgba(121, 233, 133, .10) !important;
}

html[data-theme="dark"] .topic-page .topic-section ol li::before {
  color: #071109 !important;
  -webkit-text-fill-color: #071109 !important;
  background: #79e985 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .topic-page .topic-section ul.topic-warning-list li::before {
  background: #ff6258 !important;
  box-shadow: 0 0 0 6px rgba(255, 98, 88, .14) !important;
}

/* News filters must remain readable after switching back to the light theme. */
html[data-theme="light"] .news-page .news-filters a {
  color: #20251f !important;
  -webkit-text-fill-color: #20251f !important;
}

html[data-theme="light"] .news-page .news-filters a:hover,
html[data-theme="light"] .news-page .news-filters a.active {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(145deg, #3a9347, #1d6b2c) !important;
  box-shadow: 0 12px 22px rgba(34, 97, 43, .15) !important;
}

html[data-theme="light"] .news-page .news-empty h2 {
  color: #151714 !important;
  -webkit-text-fill-color: #151714 !important;
}

html[data-theme="light"] .news-page .news-empty p {
  color: #554f47 !important;
  -webkit-text-fill-color: #554f47 !important;
}

html[data-theme="dark"] .topic-page :where(.topic-back, .topic-sidebar-kicker) {
  color: #9fa9a2 !important;
  -webkit-text-fill-color: #9fa9a2 !important;
}

html[data-theme="dark"] .topic-page .topic-eyebrow {
  color: #79e985 !important;
  border-color: rgba(121, 233, 133, .24) !important;
  background: rgba(56, 152, 68, .12) !important;
}

html[data-theme="dark"] .topic-page .topic-sidebar nav a {
  color: #c4ccc6 !important;
  -webkit-text-fill-color: #c4ccc6 !important;
}

html[data-theme="dark"] .topic-page .topic-sidebar nav a > i {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

html[data-theme="dark"] .topic-page .topic-sidebar nav a:hover,
html[data-theme="dark"] .topic-page .topic-sidebar nav a[aria-current="page"] {
  color: #8ff19a !important;
  border-color: rgba(121, 233, 133, .14) !important;
  background: rgba(56, 152, 68, .13) !important;
  -webkit-text-fill-color: #8ff19a !important;
}

html[data-theme="dark"] .topic-page .topic-cta > i {
  color: #071109 !important;
  background: #79e985 !important;
}

html[data-theme="dark"] .topic-page .topic-cta a {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}

/* =====================================================================
   MOBILE NAVIGATION — DARK THEME
   The responsive light-theme rules in extra.css deliberately use highly
   specific selectors. Match that specificity here so their cream panel and
   active tile cannot leak into the selected dark theme.
   ===================================================================== */
@media (max-width: 640px) {
  html[data-theme="dark"] .topbar > .mobile-nav-toggle {
    color: #f4f7f4 !important;
    -webkit-text-fill-color: #f4f7f4 !important;
    border-color: #304039 !important;
    background:
      linear-gradient(145deg, rgba(18, 27, 21, .98), rgba(9, 14, 11, .99)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 14px 28px rgba(0, 0, 0, .28) !important;
  }

  html[data-theme="dark"] .topbar > .mobile-nav-toggle .mobile-nav-toggle-icon {
    color: #79e985 !important;
    -webkit-text-fill-color: #79e985 !important;
    background: rgba(105, 220, 121, .12) !important;
  }

  html[data-theme="dark"] .topbar > .mobile-nav-toggle .mobile-nav-chevron {
    color: #79e985 !important;
    -webkit-text-fill-color: #79e985 !important;
  }

  html[data-theme="dark"] .topbar > .nav.mobile-open {
    border-color: #304039 !important;
    background:
      radial-gradient(circle at 88% 5%, rgba(64, 154, 76, .10), transparent 32%),
      linear-gradient(145deg, #101711, #080c09) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .025),
      0 20px 42px rgba(0, 0, 0, .36) !important;
  }

  html[data-theme="dark"] .topbar > .nav .nav-link {
    color: #f3f6f3 !important;
    -webkit-text-fill-color: #f3f6f3 !important;
    border-color: #2d3932 !important;
    background: linear-gradient(145deg, #141c16, #0a0f0c) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .018),
      0 8px 18px rgba(0, 0, 0, .18) !important;
  }

  html[data-theme="dark"] .topbar > .nav .nav-link > i {
    color: #dfe6e0 !important;
    -webkit-text-fill-color: #dfe6e0 !important;
  }

  html[data-theme="dark"] .topbar > .nav .nav-link:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: rgba(121, 233, 133, .34) !important;
    background: linear-gradient(145deg, #1a261d, #0d1510) !important;
  }

  html[data-theme="dark"] .topbar > .nav .nav-link.active {
    color: #91f09c !important;
    -webkit-text-fill-color: #91f09c !important;
    border-color: rgba(121, 233, 133, .42) !important;
    background:
      linear-gradient(145deg, rgba(29, 74, 37, .94), rgba(10, 27, 15, .98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(174, 248, 183, .05),
      0 0 22px rgba(79, 190, 91, .10) !important;
  }

  html[data-theme="dark"] .topbar > .nav .nav-link.active > i {
    color: #79e985 !important;
    -webkit-text-fill-color: #79e985 !important;
  }
}

/* =====================================================================
   COOKIE, METRICS AND PATCHED SCREENS — COMPLETE DARK THEME
   Kept at the end of the theme file so light component backgrounds cannot
   override the selected palette on newly added screens.
   ===================================================================== */

/* Cookie notice and the collected-data page. */
html[data-theme="dark"] .cookie-notice {
  color: #f4f7f4 !important;
  border-color: #34453a !important;
  background: rgba(10, 16, 12, .98) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .58) !important;
}
html[data-theme="dark"] .cookie-notice-copy strong { color: #f7faf7 !important; }
html[data-theme="dark"] .cookie-notice-copy p { color: #b6c1b8 !important; }
html[data-theme="dark"] .cookie-notice-copy a { color: #8feb9b !important; }
html[data-theme="dark"] :where(.cookie-notice-icon, .cookie-notice-button) {
  color: #fff !important;
  background: linear-gradient(145deg, #35a649, #176b2a) !important;
}
html[data-theme="dark"] .legal-doc-card {
  color: #f4f7f4 !important;
  border-color: #304036 !important;
  background:
    radial-gradient(circle at 92% 4%, rgba(62, 151, 74, .10), transparent 31%),
    linear-gradient(145deg, #101711, #080d09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 22px 54px rgba(0,0,0,.34) !important;
}
html[data-theme="dark"] :where(.legal-doc-card h1, .legal-doc-card h2) { color: #f5f8f5 !important; }
html[data-theme="dark"] :where(.legal-doc-card p, .legal-doc-card li, .legal-doc-lead) { color: #b2bcb4 !important; }
html[data-theme="dark"] .legal-doc-card li::marker { color: #79e985 !important; }
html[data-theme="dark"] .legal-doc-card a { color: #8feb9b !important; }

/* Shared dashboard details that are used by the new screens. */
html[data-theme="dark"] :where(.admin-kicker, .admin-table a:not(.admin-row-button):not(.danger-link), .admin-publication-card a) {
  color: #79e985 !important;
  -webkit-text-fill-color: #79e985 !important;
}
html[data-theme="dark"] .admin-select {
  color: #f4f7f4 !important;
  -webkit-text-fill-color: #f4f7f4 !important;
  border-color: #394940 !important;
  background: #080d09 !important;
}
html[data-theme="dark"] :where(.admin-switch strong, .admin-field > span) { color: #f3f6f3 !important; }
html[data-theme="dark"] :where(.admin-switch small, .admin-pagination span) { color: #aab5ac !important; }
html[data-theme="dark"] .admin-pagination { border-color: #304036 !important; }
html[data-theme="dark"] .admin-pagination a { color: #86ed93 !important; background: #17321d !important; }
html[data-theme="dark"] .admin-status.success {
  color: #baf3c1 !important;
  -webkit-text-fill-color: #baf3c1 !important;
  border-color: rgba(105,220,121,.30) !important;
  background: #17321d !important;
}

/* Metrics filters, summaries, online visitors and data tables. */
html[data-theme="dark"] :where(
  .metrics-filter-form label > span,
  .metrics-filter-notes,
  .metrics-note,
  .metrics-visitor-filter label
) { color: #aeb8b0 !important; }
html[data-theme="dark"] :where(.metrics-filter-notes i, .metrics-note i) { color: #79e985 !important; }
html[data-theme="dark"] .metrics-attribution { color: #8feb9b !important; }

html[data-theme="dark"] .metrics-summary-grid > article {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: linear-gradient(150deg, #141d16, #0b110d) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 15px 30px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .metrics-summary-grid > article.is-money {
  border-color: rgba(105,220,121,.30) !important;
  background: linear-gradient(145deg, #28863b, #105422) !important;
}
html[data-theme="dark"] .metrics-summary-grid > article.is-net {
  border-color: #405047 !important;
  background: linear-gradient(145deg, #27352c, #0c130e) !important;
}
html[data-theme="dark"] .metrics-summary-grid > article:not(.is-money):not(.is-net) span,
html[data-theme="dark"] .metrics-summary-grid > article:not(.is-money):not(.is-net) small { color: #aeb8b0 !important; }
html[data-theme="dark"] .metrics-summary-grid > article:not(.is-money):not(.is-net) strong { color: #f4f7f4 !important; }
html[data-theme="dark"] .metrics-summary-grid :where(.is-money, .is-net) :where(span, strong, small) { color: #fff !important; }

html[data-theme="dark"] .metrics-setup-note {
  color: #f4f7f4 !important;
  border-color: rgba(232,169,26,.34) !important;
  background: #211c10 !important;
}
html[data-theme="dark"] .metrics-setup-note > i { color: #f4ce72 !important; background: #322a16 !important; }
html[data-theme="dark"] .metrics-setup-note strong { color: #f4f7f4 !important; }
html[data-theme="dark"] .metrics-setup-note span { color: #c5b895 !important; }

html[data-theme="dark"] .metrics-alerts article {
  color: #f4f7f4 !important;
  border-color: rgba(232,169,26,.32) !important;
  background: #211c10 !important;
}
html[data-theme="dark"] .metrics-alerts article.is-danger { border-color: rgba(255,118,110,.32) !important; background: #211313 !important; }
html[data-theme="dark"] .metrics-alerts i { color: #f4ce72 !important; background: #322a16 !important; }
html[data-theme="dark"] .metrics-alerts .is-danger i { color: #ffaaa5 !important; background: #351b1a !important; }
html[data-theme="dark"] .metrics-alerts strong { color: #f4f7f4 !important; }
html[data-theme="dark"] .metrics-alerts span { color: #b8c1ba !important; }

html[data-theme="dark"] .metrics-live-counters > span {
  color: #b8c1ba !important;
  border: 1px solid rgba(105,220,121,.16) !important;
  background: #132319 !important;
}
html[data-theme="dark"] .metrics-live-counters strong { color: #86ed93 !important; }
html[data-theme="dark"] .metrics-live-list article,
html[data-theme="dark"] .metrics-event-grid article {
  color: #f3f6f3 !important;
  border-color: #304036 !important;
  background: #0c130e !important;
}
html[data-theme="dark"] :where(.metrics-live-list strong, .metrics-event-grid strong) { color: #f4f7f4 !important; }
html[data-theme="dark"] :where(.metrics-live-list small, .metrics-live-list time, .metrics-event-grid span) { color: #aeb8b0 !important; }
html[data-theme="dark"] .metrics-event-grid strong { color: #79e985 !important; }
html[data-theme="dark"] :where(.metrics-live-list code, .metrics-segment-table code, .metrics-visitors-table code) {
  color: #a8efb2 !important;
  background: #14271a !important;
}

html[data-theme="dark"] .metrics-funnel article strong,
html[data-theme="dark"] :where(.metrics-table-columns h3, .metrics-segment-grid h3, .metrics-ranked-list strong) { color: #f4f7f4 !important; }
html[data-theme="dark"] .metrics-funnel article > div:first-child span { color: #86ed93 !important; }
html[data-theme="dark"] .metrics-funnel article small,
html[data-theme="dark"] .metrics-ranked-list small { color: #aeb8b0 !important; }
html[data-theme="dark"] .metrics-funnel-track { background: #25332a !important; }
html[data-theme="dark"] .metrics-funnel-track span { background: linear-gradient(90deg, #55c969, #26853a) !important; }
html[data-theme="dark"] .metrics-abandon {
  color: #f4ce72 !important;
  border: 1px solid rgba(232,169,26,.22) !important;
  background: #211c10 !important;
}
html[data-theme="dark"] .metrics-abandon > i { color: #f4ce72 !important; background: #322a16 !important; }
html[data-theme="dark"] .metrics-ranked-list article { border-color: #304036 !important; }
html[data-theme="dark"] .metrics-rank { color: #86ed93 !important; background: #17321d !important; }

/* Test-order deletion and irreversible-action confirmations. */
html[data-theme="dark"] .admin-danger-card {
  color: #f4f7f4 !important;
  border-color: rgba(255,118,110,.30) !important;
  background: linear-gradient(145deg, #211313, #100b0b) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 15px 32px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .admin-danger-card > i { color: #ffaaa5 !important; background: #351b1a !important; }
html[data-theme="dark"] .admin-danger-card h2 { color: #f7f4f4 !important; }
html[data-theme="dark"] .admin-danger-card p { color: #c0b0af !important; }
html[data-theme="dark"] .admin-danger-btn {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: linear-gradient(145deg, #d24c44, #94221d) !important;
}
html[data-theme="dark"] .admin-danger-btn.is-disabled { color: #d7c7c6 !important; -webkit-text-fill-color: #d7c7c6 !important; }
html[data-theme="dark"] .admin-inline-alert.is-danger {
  color: #ffc1bd !important;
  border-color: rgba(255,118,110,.30) !important;
  background: #2b1717 !important;
}

/* Bonus release countdown and canceled referral rows. */
html[data-theme="dark"] .bonus-release-countdown {
  color: #f4f7f4 !important;
  border-color: rgba(105,220,121,.28) !important;
  background: linear-gradient(145deg, #132319, #0b130d) !important;
}
html[data-theme="dark"] .bonus-release-countdown > i { color: #86ed93 !important; background: #1b3a23 !important; }
html[data-theme="dark"] .bonus-release-countdown strong { color: #f4f7f4 !important; }
html[data-theme="dark"] .bonus-release-countdown strong span { color: #86ed93 !important; }
html[data-theme="dark"] .bonus-release-countdown div > span { color: #aeb8b0 !important; }
html[data-theme="dark"] .bonus-release-countdown.is-review { border-color: rgba(232,169,26,.30) !important; background: #211c10 !important; }
html[data-theme="dark"] .bonus-release-countdown.is-review > i { color: #f4ce72 !important; background: #322a16 !important; }
html[data-theme="dark"] :where(.referral-history-row.is-canceled, .referral-ledger-row.is-canceled) {
  border-color: rgba(255,118,110,.26) !important;
  background: #211313 !important;
}
html[data-theme="dark"] .referral-history-row.is-canceled .bonus-type-icon { color: #ffaaa5 !important; background: #351b1a !important; }

/* Remaining details on the antifraud pages introduced by the earlier patch. */
html[data-theme="dark"] .af-person { border-color: #304036 !important; }
html[data-theme="dark"] .af-reviewed-card > i { color: #86ed93 !important; background: #17321d !important; }