/* Platinow night palette. Opt-in per account; the original light theme is unchanged.
   Load after the shared, page and inline styles. Artwork is never recoloured. */
html[data-theme="dark"] {
    --pn-paper: #141712;
    --pn-white: #1e231c;
    --pn-ink: #f0f3e9;
    --pn-muted: #adb5a3;
    --pn-line: #3c4535;
    --pn-lime: #d6f266;
    --pn-green: #c0dc79;
    --night-raised: #272e22;
    --night-hover: #303a28;
    --night-input: #181d15;
    --night-selected: #344322;
    --night-on-lime: #202719;
    --night-dim: #929d86;
    --night-danger: #ffa897;
    --night-danger-bg: #3b2420;
    --night-danger-line: #855044;
    --night-success: #b9de8e;
    --night-success-bg: #273a22;
    --night-success-line: #547644;
    --night-warning: #efcf81;
    --night-warning-bg: #3b3320;
    --night-warning-line: #7b6736;
    --night-info: #a8d2ef;
    --night-info-bg: #213340;
    --night-info-line: #466c85;
    background: var(--pn-paper) !important;
    color: var(--pn-ink);
    color-scheme: dark;
    scrollbar-color: #657153 var(--pn-paper);
}
html[data-theme="dark"] body:is(.pn-store, .pn-admin) {
    --product-paper: var(--pn-paper);
    --product-ink: var(--pn-ink);
    --product-muted: var(--pn-muted);
    --product-line: var(--pn-line);
    --product-lime: var(--pn-lime);
    --account-paper: var(--pn-paper);
    --account-ink: var(--pn-ink);
    --account-muted: var(--pn-muted);
    --account-line: var(--pn-line);
    --account-lime: var(--pn-lime);
    --admin-paper: var(--pn-paper);
    --admin-ink: var(--pn-ink);
    --admin-muted: var(--pn-muted);
    --admin-line: var(--pn-line);
    --admin-lime: var(--pn-lime);
    background: var(--pn-paper) !important;
    color: var(--pn-ink) !important;
    color-scheme: dark;
}
html[data-theme="dark"] :is(.pn-store, .pn-admin) ::selection { background: var(--pn-lime); color: var(--night-on-lime); }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline-color: var(--pn-lime) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(input, select, textarea) { caret-color: var(--pn-lime); color-scheme: dark; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(input, textarea)::placeholder { color: var(--night-dim) !important; opacity: 1; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) select option { background: var(--pn-white); color: var(--pn-ink); }
html[data-theme="dark"] :is(.pn-store, .pn-admin) input:-webkit-autofill { -webkit-text-fill-color: var(--pn-ink) !important; -webkit-box-shadow: 0 0 0 1000px var(--night-input) inset !important; caret-color: var(--pn-lime); }

/* Shared utilities also cover dynamically rendered notices and delivery details. */
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(.text-white, .text-text-primary) { color: var(--pn-ink) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(.text-text-secondary, [class*="text-white/"], .text-gray-400, .text-gray-500, .text-gray-600) { color: var(--pn-muted) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(.bg-surface, .glass-panel, .section-panel, [class~="bg-[#141414]"], [class~="bg-[#111]"], [class~="bg-[#1A1A1A]"], [class~="bg-[#1a1a2e]"]) { background: var(--pn-white) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(.bg-primary-bg, [class~="bg-[#0a0a0a]"], [class~="bg-[#0A0A0A]"], [class~="bg-[#0d0d0d]"], [class~="bg-black/20"], [class~="bg-white/5"], [class~="bg-white/[0.03]"], [class~="bg-white/[0.02]"]) { background: var(--night-input) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class~="bg-white/10"], [class~="bg-white/15"], [class~="bg-white/20"], [class~="bg-white/[0.06]"]) { background: var(--night-raised) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="border-white/"], [class~="border-gray-600/60"], .border-text-primary) { border-color: var(--pn-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is(.text-accent-green, [class*="text-accent-green/"], [class*="text-emerald-"], [class*="text-green-"], [class*="text-cyan-"], [class~="text-[#22D3EE]"]) { color: var(--night-success) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="text-red-"], [class*="text-rose-"]) { color: var(--night-danger) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) [class*="text-blue-"] { color: var(--night-info) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="text-yellow-"], [class*="text-orange-"], .text-amber-600) { color: var(--night-warning) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) [class*="text-purple-"] { color: #d1bce9 !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="bg-green-500/"], [class*="bg-green-400/"], [class*="bg-emerald-500/"], [class*="bg-accent-green/"]) { background: var(--night-success-bg) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="bg-red-500/"], [class*="bg-red-400/"], [class*="bg-red-900/"]) { background: var(--night-danger-bg) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) [class*="bg-blue-500/"] { background: var(--night-info-bg) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="bg-yellow-500/"], [class*="bg-yellow-400/"], [class*="bg-orange-500/"]) { background: var(--night-warning-bg) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="border-green-"], [class*="border-emerald-"]) { border-color: var(--night-success-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) [class*="border-red-"] { border-color: var(--night-danger-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) [class*="border-blue-"] { border-color: var(--night-info-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) :is([class*="border-yellow-"], [class*="border-orange-"]) { border-color: var(--night-warning-line) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) .bg-accent-green { background: var(--pn-lime) !important; color: var(--night-on-lime) !important; }
html[data-theme="dark"] :is(.pn-store, .pn-admin) .border-accent-green { border-color: var(--pn-green) !important; }

/* Storefront chrome, catalog and hero. */
html[data-theme="dark"] .pn-store :is(.pn-header, .pn-mobile-nav) { background: var(--pn-paper); }
html[data-theme="dark"] .pn-brand-dot { color: var(--pn-lime); }
html[data-theme="dark"] .pn-brand-mark i { background: var(--night-on-lime); }
html[data-theme="dark"] .pn-brand-mark i:last-child { background: transparent; border-color: var(--night-on-lime); }
html[data-theme="dark"] .pn-store :is(.pn-search > input, .pn-search-launch) { background: var(--night-raised) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] .pn-search kbd { color: var(--night-dim); }
html[data-theme="dark"] .pn-store .currency-toggle-option.active { background: var(--pn-lime) !important; color: var(--night-on-lime) !important; }
html[data-theme="dark"] .pn-store .search-results { background: var(--pn-white) !important; box-shadow: 0 16px 44px #0006; }
html[data-theme="dark"] .pn-store .search-result-item { border-color: var(--pn-line); }
html[data-theme="dark"] .pn-store .search-result-item:hover { background: var(--night-hover) !important; }
html[data-theme="dark"] .pn-store :is(.pn-button, .pn-button-light, .pn-skip) { background: var(--pn-lime); border-color: var(--pn-lime); color: var(--night-on-lime); }
html[data-theme="dark"] .pn-store :is(.pn-button, .pn-button-light):hover { background: #e3ff80; }
html[data-theme="dark"] .pn-text-link { border-color: #6a775b; }
html[data-theme="dark"] .pn-hero-copy h1 span { color: #a5b78e; }
html[data-theme="dark"] .pn-stage { background: #242d1e; }
html[data-theme="dark"] .pn-stage::before, html[data-theme="dark"] .pn-stage::after { border-color: #435535; }
html[data-theme="dark"] .pn-stage-word { color: #384a2a; }
html[data-theme="dark"] .pn-stage-topline { color: #b0c199; }
html[data-theme="dark"] .pn-sticker { box-shadow: 0 12px 28px #0004; }
html[data-theme="dark"] .pn-sticker-second { color: var(--night-on-lime); }
html[data-theme="dark"] .pn-stage-ticket, html[data-theme="dark"] .pn-stage-ticket strong { border-color: #526044; }
html[data-theme="dark"] .pn-trust-item svg { color: #afc594; }
html[data-theme="dark"] .pn-filter.active { background: var(--night-hover); color: var(--pn-lime); box-shadow: none; }
html[data-theme="dark"] :is(.pn-game-art, .pn-service-icon) { background: var(--night-raised); }
html[data-theme="dark"] .pn-game-art::after { background: var(--pn-lime); color: var(--night-on-lime); }
html[data-theme="dark"] .pn-service:hover { border-color: #8aab60; }
html[data-theme="dark"] .pn-service > span:last-child { color: #b7c4a7; }
html[data-theme="dark"] .pn-support-banner { background: var(--night-selected); color: var(--pn-ink); border: 1px solid #536b36; }
html[data-theme="dark"] .pn-support-banner > svg { color: var(--pn-lime); }
html[data-theme="dark"] .pn-support-banner p { color: #c7d5b4; }
html[data-theme="dark"] .pn-footer { background: #10140f; }
html[data-theme="dark"] .pn-footer-bottom { border-color: var(--pn-line); }
html[data-theme="dark"] .pn-payment-marks { color: #b4c4a0; }
html[data-theme="dark"] .pn-error-code { color: #9cb867; }
html[data-theme="dark"] .pn-mobile-nav a[aria-current="page"] svg { color: var(--night-on-lime); }

/* Search is outside page-specific wrappers and occupies the whole mobile screen. */
html[data-theme="dark"] .pn-search-dialog { background: #080c08b8; color: var(--pn-ink); }
html[data-theme="dark"] .pn-search-panel { background: var(--pn-paper); border-color: var(--pn-line); box-shadow: 0 24px 80px #0008; }
html[data-theme="dark"] .pn-search-toolbar { border-color: var(--pn-line); }
html[data-theme="dark"] .pn-search-dialog input[type="search"] { background: var(--pn-white) !important; color: var(--pn-ink) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] .pn-search-dialog input[type="search"]:is(:focus, :focus-visible) { border-color: var(--pn-lime) !important; box-shadow: 0 0 0 2px #d6f26626 !important; }
html[data-theme="dark"] :is(.pn-search-field > svg, .pn-search-count, .pn-search-copy > span, .pn-search-arrow, .pn-search-message, .pn-search-item.is-disabled .pn-search-copy > span) { color: var(--pn-muted); }
html[data-theme="dark"] .pn-search-dialog input::placeholder { color: var(--night-dim); }
html[data-theme="dark"] .pn-search-cancel { color: var(--pn-green); }
html[data-theme="dark"] .pn-search-item { color: var(--pn-ink) !important; border-color: var(--pn-line); }
html[data-theme="dark"] .pn-search-item:is(:hover, :focus-visible) { background: var(--night-hover); }
html[data-theme="dark"] .pn-search-item:focus-visible { outline: 2px solid var(--pn-lime); outline-offset: 2px; }
html[data-theme="dark"] .pn-search-art { background: var(--night-raised); color: var(--pn-muted); }
html[data-theme="dark"] .pn-search-retry { background: var(--night-selected); border-color: #6d854e; color: var(--pn-ink); }
html[data-theme="dark"] .pn-search-spinner { border-color: var(--pn-line); border-top-color: var(--pn-lime); }

/* Product selection, checkout, the mobile purchase drawer and reviews. */
html[data-theme="dark"] .p-product .p-product-art { background: var(--night-raised); }
html[data-theme="dark"] .p-product .p-product-tags a:hover { background: var(--night-raised); }
html[data-theme="dark"] .p-product .p-product-mark { color: #68785a; }
html[data-theme="dark"] .p-product .p-product-step > span { border-color: #657552; }
html[data-theme="dark"] .p-product .p-product-summary .p-product-step > span { color: var(--night-on-lime); }
html[data-theme="dark"] .p-product :is(.p-product-summary, .package-card),
html[data-theme="dark"] .p-product :is(#steamOtherDropdown, #paymentModalContent) { background: var(--pn-white) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] .p-product .p-product-summary { box-shadow: 0 8px 28px #0002; }
html[data-theme="dark"] .p-product :is(.category-tab, .gift-category-tab):has(.active-indicator:not(.hidden)) { background: var(--pn-lime); border-color: var(--pn-lime); color: var(--night-on-lime) !important; }
html[data-theme="dark"] .p-product .package-card:hover:not(.pkg-disabled) { border-color: #a4c76b !important; background: var(--night-raised) !important; }
html[data-theme="dark"] .p-product .package-card.package-selected { background: var(--night-selected) !important; border-color: var(--pn-lime) !important; }
html[data-theme="dark"] .p-product .package-card.package-selected::after { background: var(--pn-lime); color: var(--night-on-lime); }
/* Quantity controls are injected after page load; keep these more specific. */
html[data-theme="dark"] .p-product .pn-package-quantity-badge { background: var(--night-input); border-color: #63754c; color: var(--pn-ink); }
html[data-theme="dark"] .p-product .pn-package-quantity-add { background: var(--pn-lime); border-color: var(--pn-lime); color: var(--night-on-lime); }
html[data-theme="dark"] .p-product .pn-package-quantity-add:hover { background: #e3ff80; }
html[data-theme="dark"] .p-product .pn-package-quantity-remove { background: var(--night-raised); border-color: #758c59; color: var(--pn-ink); }
html[data-theme="dark"] .p-product .pn-package-quantity-remove:hover { background: var(--night-hover); }
html[data-theme="dark"] .p-product .pn-package-quantity-add.is-limit { background: var(--night-raised); border-color: var(--pn-line); color: var(--night-dim); }
html[data-theme="dark"] .p-product .package-card.has-image > .pn-package-quantity-controls { background: var(--night-input); border-color: #63754c; }
html[data-theme="dark"] .p-product .free-fire-region-tab.bg-text-primary { background: var(--pn-lime) !important; color: var(--night-on-lime) !important; }
html[data-theme="dark"] .p-product button[data-review-rating][class~="bg-[#00ff88]"] { background: var(--pn-lime) !important; color: var(--night-on-lime) !important; }
html[data-theme="dark"] .p-product .package-card .text-gray-400 { color: var(--pn-muted) !important; }
html[data-theme="dark"] .p-product .p-product-selection :is(#steamInputContainer, #tiktokCoinsUI > div, #telegramStarsUI > div, #steamCustomUI > div) { background: var(--pn-white) !important; }
html[data-theme="dark"] .p-product :is(.p-product-selection, .p-product-summary, #paymentModalContent) :is(input:not([type="hidden"]), textarea, select) { background: var(--night-input) !important; color: var(--pn-ink) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] .p-product :is(.p-product-selection, .p-product-summary, #paymentModalContent) :is(input, textarea, select):focus { border-color: var(--pn-lime) !important; }
html[data-theme="dark"] .p-product :is(.p-product-summary, #paymentModalContent) [class~="bg-white/20"] { background: var(--night-raised); }
html[data-theme="dark"] .p-product .payment-method-btn { background: var(--night-input) !important; color: var(--pn-muted) !important; }
html[data-theme="dark"] .p-product .payment-method-btn:hover { border-color: #8fae60 !important; }
html[data-theme="dark"] .p-product .payment-method-btn:is(.selected, .ring-1) { background: var(--night-selected) !important; color: var(--pn-ink) !important; border-color: var(--pn-lime) !important; box-shadow: inset 0 0 0 1px var(--pn-lime) !important; }
html[data-theme="dark"] .p-product :is(#purchaseBtn, #buyBtn, #modalPurchaseBtn, #mobilePayBtn, #mobilePurchaseBar button) { background: var(--pn-lime) !important; border-color: var(--pn-lime); color: var(--night-on-lime) !important; }
html[data-theme="dark"] .p-product :is(#purchaseBtn, #buyBtn, #modalPurchaseBtn, #mobilePayBtn):hover:not(:disabled) { background: #e3ff80 !important; }
html[data-theme="dark"] .p-product :is(#purchaseBtn, #buyBtn, #modalPurchaseBtn, #mobilePayBtn):disabled { background: var(--night-raised) !important; color: var(--night-dim) !important; border-color: var(--pn-line); }
html[data-theme="dark"] .p-product :is(.p-product-summary, #paymentModalContent) .mt-auto a { color: var(--pn-green); }
html[data-theme="dark"] .p-product :is(#steamCheckLoginBtn, #modalSteamCheckLoginBtn) { background: var(--night-selected) !important; border-color: #6d854e !important; color: var(--pn-ink) !important; }
html[data-theme="dark"] .p-product :is(#steamCheckLoginBtn, #modalSteamCheckLoginBtn)[class~="bg-red-500/20"] { background: var(--night-danger-bg) !important; border-color: var(--night-danger-line) !important; color: var(--night-danger) !important; }
html[data-theme="dark"] .p-product .steam-region-pill[class~="bg-[#22D3EE]"],
html[data-theme="dark"] .p-product .steam-region-btn[class~="border-[#22D3EE]"] { background: var(--pn-lime) !important; color: var(--night-on-lime) !important; border-color: var(--pn-lime); }
html[data-theme="dark"] .p-product :is(#quickAmounts, #starsQuickAmounts, #tiktokQuickAmounts) button { background: var(--night-raised) !important; border-color: var(--pn-line) !important; color: var(--pn-ink) !important; }
html[data-theme="dark"] .p-product :is(#quickAmounts, #starsQuickAmounts, #tiktokQuickAmounts) button:hover { background: var(--night-selected) !important; border-color: #8fae60 !important; }
html[data-theme="dark"] .p-product :is(#reviewsContainer, #reviewsContent) > div { background: var(--pn-white) !important; }
html[data-theme="dark"] .p-product #reviewFormSection > div { background: var(--night-raised) !important; }
html[data-theme="dark"] .p-product .p-product-information textarea { color: var(--pn-ink); background: var(--night-input); border-color: var(--pn-line); }
html[data-theme="dark"] .p-product .p-product-information [class~="text-[#22D3EE]"] { color: var(--pn-green); }
html[data-theme="dark"] .p-product #paymentModal { background: #080c08b8; }
html[data-theme="dark"] .p-product #paymentModalContent { box-shadow: 0 30px 100px #0008; }
html[data-theme="dark"] .p-product #paymentModalContent > .flex.justify-end button { background: var(--night-raised); }
html[data-theme="dark"] .p-product #mobilePurchaseBar { background: #1e231cf5 !important; box-shadow: 0 -5px 30px #0004; }

/* Customer profile, support, authentication, wallet and receipts. */
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is(.bg-surface, .glass, .glass-panel, .auth-panel, .auth-card) { background: var(--pn-white) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is([class*="bg-white/"], [class*="bg-black/"], .bg-primary-bg) { background: var(--night-input) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is([class*="bg-gradient-to"], .glass-gradient) { background: var(--night-raised) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is(input:not([type="radio"]):not([type="checkbox"]), textarea, select) { background: var(--night-input) !important; color: var(--pn-ink) !important; border-color: var(--pn-line) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is(.btn-primary, .btn-gradient, button[type="submit"]:not(.pn-theme-switch), #topupBtn, #submitReviewBtn, button[onclick="handleCheckout()"]),
html[data-theme="dark"] .account-page :is(.account-button, #emptyCart > a, .account-receipt > .space-y-4 > a, .btn-tg) { background: var(--pn-lime) !important; border-color: var(--pn-lime) !important; color: var(--night-on-lime) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is(.btn-primary, .btn-gradient, button[type="submit"]:not(.pn-theme-switch), #topupBtn, #submitReviewBtn):hover,
html[data-theme="dark"] .account-page .account-button:hover { background: #e3ff80 !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) :is(.btn-primary, .btn-gradient, button[type="submit"]:not(.pn-theme-switch), #topupBtn, #submitReviewBtn):disabled { background: var(--night-raised) !important; border-color: var(--pn-line) !important; color: var(--night-dim) !important; cursor: not-allowed; }
html[data-theme="dark"] .account-page .account-kicker { color: var(--pn-muted) !important; }
html[data-theme="dark"] .account-page :is(.profile-avatar, .auth-card .float-animation) { background: var(--night-raised) !important; }
html[data-theme="dark"] .account-page .profile-identity .profile-id { background: var(--night-input) !important; }
html[data-theme="dark"] .account-page :is(main, .account-auth-shell) input.profile-input:disabled { background: var(--night-raised) !important; color: var(--night-dim) !important; }
html[data-theme="dark"] .account-page .orders-table thead { background: var(--night-input); }
html[data-theme="dark"] .account-page .orders-table .status-cell > span { background: var(--night-raised) !important; }
html[data-theme="dark"] .account-page .orders-table .status-cell > span[class*="text-green-"] { background: var(--night-success-bg) !important; border-color: var(--night-success-line) !important; }
html[data-theme="dark"] .account-page .orders-table .status-cell > span[class*="text-red-"] { background: var(--night-danger-bg) !important; border-color: var(--night-danger-line) !important; }
html[data-theme="dark"] .account-page .orders-table .status-cell > span[class*="text-yellow-"] { background: var(--night-warning-bg) !important; border-color: var(--night-warning-line) !important; }
html[data-theme="dark"] .account-page .support-banner { background: var(--night-selected); border-color: #536b36; }
html[data-theme="dark"] .account-page :is(.contact-primary, .account-receipt, .topup-panel, .payment-option),
html[data-theme="dark"] .account-page #cartItems > div { background: var(--pn-white) !important; }
html[data-theme="dark"] .account-page .contact-symbol { background: var(--night-selected); color: var(--pn-lime); }
html[data-theme="dark"] .account-page .auth-story h2 span { color: var(--night-on-lime); }
html[data-theme="dark"] .account-page .btn-google { background: var(--night-raised) !important; }
html[data-theme="dark"] .account-page .btn-google:hover { background: var(--night-hover) !important; }
html[data-theme="dark"] .account-page :is(#tg-login-wrap, .receipt-details) { background: var(--night-input) !important; }
html[data-theme="dark"] .account-page .account-receipt > svg { background: var(--night-success-bg); color: var(--night-success) !important; }
html[data-theme="dark"] .account-page .rating-star { color: #778268 !important; }
html[data-theme="dark"] .account-page :is(.rating-star.text-accent-green, .rating-star:hover) { color: var(--pn-lime) !important; }
html[data-theme="dark"] .account-page #reviewForm textarea { background: var(--night-input) !important; }
html[data-theme="dark"] .account-page .quick-amount-btn { background: var(--night-input) !important; }
html[data-theme="dark"] .account-page .quick-amount-btn:is([class~="bg-white/10"], :hover),
html[data-theme="dark"] .account-page .payment-option:has(input:checked) { background: var(--night-selected) !important; border-color: var(--pn-lime) !important; }
html[data-theme="dark"] .account-page .payment-option > div.w-10 { background: var(--night-raised) !important; }
html[data-theme="dark"] .account-page input[type="radio"] { border-color: #758563 !important; accent-color: var(--pn-lime); }
html[data-theme="dark"] .account-page input[type="radio"]:checked { background: var(--night-on-lime) !important; border-color: var(--pn-lime) !important; box-shadow: 0 0 0 1px var(--pn-lime) !important; }
html[data-theme="dark"] .account-page #insufficientFundsError { background: var(--night-danger-bg) !important; color: var(--night-danger) !important; border-color: var(--night-danger-line) !important; }
/* These exact legacy colours occur in inline profile and sign-in copy. */
html[data-theme="dark"] .account-page :is([style*="color:#71746b"], [style*="color: #71746b"]) { color: var(--pn-muted) !important; }
html[data-theme="dark"] .account-page :is([style*="color:#45611e"], [style*="color: #45611e"]) { color: var(--pn-green) !important; }
html[data-theme="dark"] .account-page .orders-table .product-cell [style*="color:rgba(34,211,238"] { color: var(--night-info) !important; }
html[data-theme="dark"] .account-page .delivery-row td > div { background: var(--night-warning-bg) !important; border-color: var(--night-warning-line) !important; }

/* Administration: forms, editable prices, status chips, tables and charts. */
html[data-theme="dark"] .pn-admin .pn-admin-nav a:hover { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-admin-nav a[aria-current="page"] { background: var(--pn-lime); color: var(--night-on-lime); }
html[data-theme="dark"] .pn-admin :is(.pn-admin-primary, .save-btn),
html[data-theme="dark"] .pn-admin .save-btn span { color: var(--night-on-lime) !important; }
html[data-theme="dark"] .pn-admin :is(.pn-admin-primary, .save-btn):hover { background: #e3ff80 !important; }
html[data-theme="dark"] .pn-admin .pn-admin-subnav a:hover { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin main h2 svg { color: var(--pn-green) !important; }
html[data-theme="dark"] .pn-admin input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
html[data-theme="dark"] .pn-admin select, html[data-theme="dark"] .pn-admin textarea { background: var(--night-input) !important; border-color: var(--pn-line); color: var(--pn-ink) !important; }
html[data-theme="dark"] .pn-admin :is(input, textarea, select):focus { border-color: var(--pn-lime) !important; box-shadow: 0 0 0 3px #d6f26624 !important; }
html[data-theme="dark"] .pn-admin :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--pn-lime); }
html[data-theme="dark"] .pn-admin input[type="file"] { background: var(--night-input); color: var(--pn-muted); }
html[data-theme="dark"] .pn-admin input[type="file"]::file-selector-button { background: var(--night-selected); color: var(--pn-ink); }
html[data-theme="dark"] .pn-admin :is(.lbl, .pn-login-panel label) { color: var(--pn-muted); }
html[data-theme="dark"] .pn-admin .btn-ghost { background: var(--night-raised); color: var(--pn-ink); border-color: var(--pn-line); }
html[data-theme="dark"] .pn-admin .btn-ghost:hover { background: var(--night-hover); }
html[data-theme="dark"] .pn-admin :is(.section-option, .pricing-option, .fulfillment-option) { background: var(--night-input); }
html[data-theme="dark"] .pn-admin :is(.section-option, .pricing-option, .fulfillment-option):has(input:checked) { background: var(--night-selected); border-color: var(--pn-lime) !important; }
html[data-theme="dark"] .pn-admin input.price-input.changed:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]) { background: var(--night-warning-bg) !important; border-color: var(--night-warning) !important; }
html[data-theme="dark"] .pn-admin #desslyModal { background: #080c08b8 !important; }
html[data-theme="dark"] .pn-admin :is(.pn-admin-lookup, .pn-admin-cardrow, .pn-admin-empty, .pn-stats-period, .pn-stats-filter, .pn-stat-card, .pn-stats-section, .pn-login-panel) { background: var(--pn-white) !important; border-color: var(--pn-line); }
html[data-theme="dark"] .pn-admin :is(.pn-admin-section-number, .pn-stats-section-head span) { color: #b0c58e; }
html[data-theme="dark"] .pn-admin .pn-admin-seo-help { background: var(--night-raised) !important; }
html[data-theme="dark"] .pn-admin .pn-stats-shortcuts a { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-stats-shortcuts a:hover { background: var(--night-hover); }
html[data-theme="dark"] .pn-admin .pn-stats-currency { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-stats-currency a[aria-current="true"] { color: var(--pn-ink, #f7f8f4); background: var(--night-hover); }
html[data-theme="dark"] .pn-admin :is(.pn-stat-card small, .pn-stats-money small, .pn-money-approx, .pn-stats-table th, .pn-login-bottom, .pn-muted) { color: var(--night-dim); }
html[data-theme="dark"] .pn-admin .pn-stat-online { background: var(--night-selected) !important; border-color: #718c48; }
html[data-theme="dark"] .pn-admin .pn-stat-online strong { color: var(--pn-lime); }
html[data-theme="dark"] .pn-admin .pn-stat-online :is(.pn-stat-label, small) { color: #c6d7af; }
html[data-theme="dark"] .pn-admin .pn-stat-online .pn-stat-label i { background: var(--pn-lime); box-shadow: 0 0 0 5px #d6f26624; }
html[data-theme="dark"] .pn-admin .pn-stats-money article { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-stats-money .is-income { background: #2a3820; border-color: #6d854e; }
html[data-theme="dark"] .pn-admin .pn-stats-money .is-income .pn-money-primary { color: var(--pn-lime); }
html[data-theme="dark"] .pn-admin .pn-stats-money .pn-money-approx { color: var(--pn-muted); }
html[data-theme="dark"] .pn-admin .pn-stats-table td { color: #ccd4c1; border-color: var(--pn-line); }
html[data-theme="dark"] .pn-admin .pn-money-unknown { color: var(--night-warning); }
html[data-theme="dark"] .pn-admin .pn-stats-note { background: var(--night-warning-bg); color: var(--night-warning); }
html[data-theme="dark"] .pn-admin :is(.pn-stats-alert, .pn-login-error, .pn-stats-note.is-warning) { background: var(--night-danger-bg); color: var(--night-danger); border-color: var(--night-danger-line); }
html[data-theme="dark"] .pn-admin .pn-stats-alert.is-success { background: #2a3820; color: var(--pn-lime); border-color: #6d854e; }
html[data-theme="dark"] .pn-admin .pn-tax-steps tr.is-total td { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-stats-empty { border-color: var(--pn-line); }
html[data-theme="dark"] .pn-admin .pn-chart-row > div { background: var(--night-raised); }
html[data-theme="dark"] .pn-admin .pn-chart-row i { background: #b3d367; }
html[data-theme="dark"] .pn-admin .pn-login-intro h1 span { color: #a5b78e; }
html[data-theme="dark"] .pn-admin .pn-login-mark { color: var(--night-on-lime); }

@media (max-width: 767px) {
    html[data-theme="dark"] .pn-search { background: var(--pn-white); box-shadow: 0 12px 30px #0005; }
    html[data-theme="dark"] .pn-section-heading h2 small { background: var(--night-raised); }
    html[data-theme="dark"] .pn-search-dialog { background: var(--pn-paper); }
    html[data-theme="dark"] .account-page .orders-table tr { background: var(--night-input) !important; }
    html[data-theme="dark"] .account-page .orders-table tr.delivery-row { background: transparent !important; }
}
html[data-theme="dark"] .pn-admin .pn-banner-row { border-color: var(--pn-line); background: var(--night-raised); }