/* Shared Zagrin light/dark theme controls and legacy-surface compatibility. */

.theme-toggle {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  color: var(--text-secondary);
  background: color-mix(in srgb, var(--surface-card) 88%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
  cursor: pointer;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease,
    transform 120ms ease;
}

.theme-toggle:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.theme-toggle:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--focus-color) 42%, transparent);
  outline-offset: 2px;
}

.theme-toggle-icon {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.theme-toggle-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.theme-toggle[data-theme="light"] .theme-toggle-icon-sun,
.theme-toggle[data-theme="dark"] .theme-toggle-icon-moon {
  display: none;
}

.top-bar > .theme-toggle {
  margin-left: auto;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background: var(--page-bg);
  color: var(--text-primary);
}

html[data-theme="dark"] :where(h1, h2, h3, h4, h5, h6, legend) {
  color: var(--text-primary);
}

html[data-theme="dark"] :where(.main-header, .top-bar, .site-header) {
  background: var(--header-bg) !important;
  border-color: var(--border-soft) !important;
  box-shadow: 0 10px 28px var(--shadow-color) !important;
}

html[data-theme="dark"]
  :where(
    .brand-name,
    .header-logo,
    .header-cart-button,
    .header-cart-count,
    .account-button,
    .account-label,
    .top-nav a,
    .nav-links a
  ) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"]
  :where(
    .header-link,
    .header-language-label,
    .header-language-select,
    .account-dropdown a,
    .account-dropdown button,
    .mobile-drawer-nav-link
  ) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"]
  :where(
    .header-link:hover,
    .header-link:focus-visible,
    .header-cart-button:hover,
    .header-categories-toggle:hover,
    .account-dropdown a:hover,
    .account-dropdown button:hover,
    .mobile-drawer-nav-link:hover
  ) {
  color: var(--text-primary) !important;
  background: var(--hover-bg) !important;
}

html[data-theme="dark"]
  :where(
    .header-link-current,
    .mobile-drawer-nav-link-current,
    .is-current,
    .is-active,
    [aria-selected="true"]
  ) {
  color: #6ee7b7 !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 45%, var(--border-soft)) !important;
}

html[data-theme="dark"]
  :where(
    .header-language-select,
    .header-cart-button,
    .header-categories-toggle,
    .account-button,
    .account-dropdown,
    .mobile-drawer-nav
  ) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
  box-shadow: none;
}

html[data-theme="dark"] :where(main, .page-grid, [class$="-page"], [class*="-page "]) {
  background-color: var(--page-bg);
}

html[data-theme="dark"]
  :where(.footer, .footer-site, footer, [class$="-footer"], [class*="-footer "]) {
  color: var(--text-secondary) !important;
  background: var(--footer-bg) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"]
  :where(
    .hero-section,
    .hero,
    .platform-cta-section,
    .order-confirmation-page,
    .payment-status-shell
  ) {
  color: var(--text-primary) !important;
  background:
    radial-gradient(700px 420px at 8% 16%, rgba(16, 185, 129, 0.16), transparent 67%),
    radial-gradient(520px 330px at 94% 14%, rgba(245, 158, 11, 0.1), transparent 68%),
    linear-gradient(135deg, #0a0a0b 0%, #0d100d 48%, #14100a 100%) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"]
  :where(
    .highlighted-section,
    .commerce-layer-section,
    .seller-info-box,
    .customer-password-requirements
  ) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] .highlighted-section {
  background: linear-gradient(135deg, #0d1712 0%, #14100d 100%) !important;
}

html[data-theme="dark"]
  :where(
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-modal"],
    [class*="-modal "],
    [class$="-dialog"],
    [class*="-dialog "],
    [class$="-dropdown"],
    [class*="-dropdown "],
    [class$="-popover"],
    [class*="-popover "],
    [class$="-sheet"],
    [class*="-sheet "],
    [class$="-toolbar"],
    [class*="-toolbar "],
    [class$="-summary"],
    [class*="-summary "],
    [class$="-details"],
    [class*="-details "],
    .modal,
    .table-wrap,
    .seller-tabs,
    .seller-ledger-section,
    .seller-ledger-table-wrap,
    .seller-orders-table-wrap,
    .seller-profile-branding-slot,
    .admin-sticky-shell,
    .admin-category-sidebar,
    .admin-dashboard-content,
    .admin-subnav-shell,
    .admin-table-wrapper,
    .admin-stats-table-wrap,
    .seller-detail-table-wrap,
    .seller-directory-table-wrap,
    .w3-table-scroll
  ) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
  box-shadow: 0 12px 28px var(--shadow-color);
}

html[data-theme="dark"]
  :where(
    .cart-drawer-panel,
    .checkout-modal,
    .auth-modal,
    .auth-modal-panel,
    .product-modal,
    .orders-history-modal,
    .buyer-msg-modal,
    .feedback-modal,
    .seller-fulfillment-dialog,
    .admin-action-modal,
    .admin-order-drawer,
    [role="dialog"]
  ) {
  color: var(--text-primary) !important;
  background: var(--elevated-bg) !important;
  border-color: var(--border-strong) !important;
  box-shadow: 0 24px 60px var(--shadow-color) !important;
}

html[data-theme="dark"]
  :where(
    .cart-drawer-backdrop,
    .checkout-modal-backdrop,
    .auth-modal-backdrop,
    .product-modal-backdrop,
    .orders-history-modal-backdrop,
    .buyer-msg-overlay,
    .feedback-modal-overlay,
    .admin-action-modal-backdrop,
    .admin-order-drawer-backdrop,
    .desktop-filter-backdrop,
    .mobile-category-backdrop,
    .profile-mobile-backdrop,
    .modal-backdrop,
    .modal-overlay
  ) {
  background: var(--overlay-bg) !important;
}

html[data-theme="dark"]
  :where(
    .search-discovery-panel,
    .catalog-tools-panel,
    .desktop-filter-panel,
    .checkout-order-summary,
    .checkout-items,
    .checkout-totals,
    .checkout-shipping,
    .checkout-delivery-method,
    .checkout-coupon,
    .auth-form,
    .order-details-section,
    .order-items-section,
    .order-summary,
    .seller-product-form-section,
    .seller-shipping-settings,
    .admin-controls-section,
    .admin-orders-subsection,
    .admin-stats-section,
    .admin-web3-subpanel,
    .policy-section,
    .withdrawal-form,
    .tab-panel
  ) {
  color: var(--text-primary) !important;
  background-color: var(--surface-soft) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"]
  :where(
    p,
    dd,
    li,
    address,
    .subtitle,
    [class$="-subtitle"],
    [class*="-subtitle "],
    [class$="-description"],
    [class*="-description "],
    [class$="-meta"],
    [class*="-meta "],
    [class$="-hint"],
    [class*="-hint "],
    [class$="-note"],
    [class*="-note "],
    [class$="-copy"],
    [class*="-copy "],
    [class$="-help"],
    [class*="-help "]
  ) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"]
  :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    [class$="-title"],
    [class*="-title "],
    [class$="-heading"],
    [class*="-heading "],
    [class$="-name"],
    [class*="-name "],
    [class$="-value"],
    [class*="-value "],
    [class$="-amount"],
    [class*="-amount "],
    [class$="-total"],
    [class*="-total "]
  ) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"]
  :where(
    [class$="-eyebrow"],
    [class*="-eyebrow "],
    [class$="-kicker"],
    [class*="-kicker "],
    [class$="-label"],
    [class*="-label "],
    [class$="-date"],
    [class*="-date "]
  ) {
  color: var(--text-subtle);
}

html[data-theme="dark"]
  :where(
    .hero-trust-bar .trust-item > span:not(.trust-icon),
    .product-seller a,
    .footer a,
    .footer-site a
  ) {
  color: var(--link-color) !important;
}

html[data-theme="dark"] :where(.hero-trust-bar .trust-item > span:not(.trust-icon)) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] :where(a:not([class*="button"]):not([class*="btn-"])):hover {
  text-decoration-color: color-mix(in srgb, var(--link-color) 70%, transparent);
}

html[data-theme="dark"] :where(input, select, textarea) {
  color: var(--text-primary) !important;
  background: var(--input-bg) !important;
  border-color: var(--border-strong) !important;
  caret-color: var(--focus-color);
}

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

html[data-theme="dark"] :where(input, select, textarea):disabled,
html[data-theme="dark"] :where(button, [role="button"]):disabled {
  color: color-mix(in srgb, var(--text-subtle) 70%, transparent) !important;
  background: color-mix(in srgb, var(--surface-soft) 75%, var(--page-bg)) !important;
  border-color: var(--border-soft) !important;
  opacity: 0.72;
}

html[data-theme="dark"] :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--color-primary-400);
}

html[data-theme="dark"] body.page-shop .prominent-search-shell {
  background: var(--input-bg) !important;
  border-color: var(--border-strong) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop .prominent-search-shell:focus-within,
html[data-theme="dark"] body.page-shop .prominent-search-shell.is-discovery-open {
  background: var(--surface-card) !important;
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] body.page-shop .prominent-search-icon {
  color: var(--text-subtle) !important;
}

html[data-theme="dark"] body.page-shop .prominent-search-shell:focus-within .prominent-search-icon {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] body.page-shop #prominent-search-input {
  color: var(--text-primary) !important;
  background: transparent !important;
}

html[data-theme="dark"] body.page-shop #prominent-search-input::placeholder {
  color: var(--text-subtle) !important;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
  -webkit-text-fill-color: var(--text-primary) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset !important;
  caret-color: var(--text-primary);
  transition: background-color 9999s ease-out 0s;
}

html[data-theme="dark"]
  :where(
    .btn-secondary,
    .btn-ghost,
    .btn-outline,
    .checkout-secondary-button,
    .modal-secondary-button,
    .profile-button--secondary,
    .favorite-clear-button,
    .order-details-button,
    .admin-stats-action-button,
    .admin-stats-nav-button,
    .admin-stats-range-button,
    .seller-tab,
    .admin-orders-subtab,
    .admin-web3-subtab,
    .tab
  ) {
  color: var(--text-primary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"]
  :where(
    .btn-secondary:hover,
    .btn-ghost:hover,
    .checkout-secondary-button:hover,
    .modal-secondary-button:hover,
    .profile-button--secondary:hover,
    .favorite-clear-button:hover,
    .order-details-button:hover,
    .admin-stats-action-button:hover,
    .admin-stats-nav-button:hover,
    .admin-stats-range-button:hover,
    .seller-tab:hover,
    .admin-orders-subtab:hover,
    .admin-web3-subtab:hover,
    .tab:hover
  ) {
  background: var(--hover-bg) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(table, thead, tbody, tfoot, tr, th, td) {
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(table, tbody, tr, td) {
  color: var(--text-secondary);
  background-color: var(--surface-card);
}

html[data-theme="dark"] :where(thead, th, [class$="-table-head"], [class*="-table-head "]) {
  color: var(--text-primary) !important;
  background-color: var(--surface-soft) !important;
}

html[data-theme="dark"] :where(tbody tr:hover, [class$="-row"]:hover, [class*="-row "]:hover) {
  background-color: var(--hover-bg);
}

html[data-theme="dark"]
  :where(
    .status-badge,
    [class$="-status"],
    [class*="-status "],
    [class$="-badge"],
    [class*="-badge "],
    [class$="-pill"],
    [class*="-pill "],
    [class$="-chip"],
    [class*="-chip "]
  ) {
  color: var(--text-secondary);
  background-color: var(--surface-soft);
  border-color: var(--border-soft);
}

html[data-theme="dark"]
  :where(
    .success,
    .is-success,
    [class*="success"],
    [class*="approved"],
    [class*="complete"],
    [class*="delivered"],
    [data-status="success"],
    [data-status="approved"],
    [data-status="completed"],
    [data-status="delivered"]
  ) {
  color: var(--success-text) !important;
  background-color: var(--success-bg) !important;
  border-color: color-mix(in srgb, var(--success-text) 36%, transparent) !important;
}

html[data-theme="dark"]
  :where(
    .warning,
    .is-warning,
    [class*="warning"],
    [class*="pending"],
    [class*="attention"],
    [data-status="warning"],
    [data-status="pending"]
  ) {
  color: var(--warning-text) !important;
  background-color: var(--warning-bg) !important;
  border-color: color-mix(in srgb, var(--warning-text) 34%, transparent) !important;
}

html[data-theme="dark"]
  :where(
    .error,
    .danger,
    .is-error,
    .is-danger,
    [class*="error"],
    [class*="danger"],
    [class*="rejected"],
    [class*="cancel"],
    [data-status="error"],
    [data-status="rejected"],
    [data-status="cancelled"]
  ) {
  color: var(--error-text) !important;
  background-color: var(--error-bg) !important;
  border-color: color-mix(in srgb, var(--error-text) 34%, transparent) !important;
}

html[data-theme="dark"] body.page-shop .auth-modal .field-error {
  color: var(--error-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop .auth-modal .field-error:empty {
  display: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

html[data-theme="dark"] body.page-shop .checkout-modal .field-error {
  color: var(--error-text) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop .checkout-modal .field-error:empty {
  display: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status:empty,
html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status-message:empty,
html[data-theme="dark"] body.page-shop .checkout-modal .checkout-error:empty:not(.visible) {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status:not(:empty),
html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status-message:not(:empty),
html[data-theme="dark"] body.page-shop .checkout-modal .checkout-error.visible:not(:empty) {
  display: block;
}

html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status.error:not(:empty),
html[data-theme="dark"] body.page-shop .checkout-modal #checkout-status-message.error:not(:empty) {
  color: var(--error-text) !important;
  background-color: var(--error-bg) !important;
  border-color: color-mix(in srgb, var(--error-text) 34%, transparent) !important;
}

html[data-theme="dark"] :where(.info, .is-info, [class*="info"], [data-status="info"]) {
  color: var(--info-text) !important;
  background-color: var(--info-bg) !important;
  border-color: color-mix(in srgb, var(--info-text) 32%, transparent) !important;
}

html[data-theme="dark"] :where(.toast, [role="status"], [aria-live]) {
  border-color: var(--border-strong);
  box-shadow: 0 14px 34px var(--shadow-color);
}

html[data-theme="dark"] .auth-modal-visual {
  background-color: #0b241b !important;
}

html[data-theme="dark"] .auth-visual-stage,
html[data-theme="dark"] .auth-visual-inner {
  background-color: transparent !important;
}

html[data-theme="dark"] :where(.product-modal-image-wrapper, .product-detail-media, .order-thumb) {
  background-color: var(--surface-soft) !important;
  background-image: none !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(img, picture, video, canvas, svg) {
  filter: none;
}

html[data-theme="dark"] :where(code, pre, kbd, samp) {
  color: #dbeafe;
  background: var(--surface-soft);
  border-color: var(--border-soft);
}

html[data-theme="dark"] ::selection {
  color: #f8fafc;
  background: #047857;
}

/* ==========================================================================
   Per-surface dark overrides.

   These components hardcode light colors that the generic rules above do not
   reach (they are neither bare form controls nor `-card`/`-panel`-suffixed).
   Neutral light fills map to the surface ramp; emerald-tinted fills map to
   the selected/success tokens so accents stay on-brand.
   ========================================================================== */

/* Light gradient fills paint over the dark background-color the rules above
   set, so surfaces styled with a gradient stay light. Flatten them to the
   dark fill underneath. Decorative gradients that are already dark (hero,
   highlighted section) or intentionally light (brand badge, skeleton
   shimmer, toggle knobs) are excluded. */
html[data-theme="dark"]
  :where(
    body,
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-shell"],
    [class*="-shell "],
    [class$="-header"],
    [class*="-header "],
    [class$="-banner"],
    [class*="-banner "],
    [class$="-feedback"],
    [class*="-feedback "],
    [class$="-status"],
    [class*="-status "],
    [class$="-state"],
    [class*="-state "],
    [class$="-empty"],
    [class*="-empty "],
    [class$="-summary"],
    [class*="-summary "],
    [class$="-avatar"],
    [class*="-avatar "],
    [class$="-hero"],
    [class*="-hero "],
    [class$="-footer"],
    [class*="-footer "],
    [class$="-overview"],
    [class*="-overview "],
    [class$="-review"],
    [class*="-review "],
    [class$="-toggle"],
    [class*="-toggle "],
    [class$="-group"],
    [class*="-group "],
    [class$="-intro"],
    [class*="-intro "],
    [class$="-alert"],
    [class*="-alert "],
    [class$="-heading"],
    [class*="-heading "],
    input,
    select,
    textarea
  ):not(.hero-section):not(.highlighted-section):not(.brand-logo):not([class*="skeleton"]):not(
    [class*="shimmer"]
  ):not([class*="placeholder"]):not([class*="knob"]) {
  background-image: none !important;
}

/* Shop — hero, trust row, discovery */
html[data-theme="dark"]
  :where(.hero-pill, .seller-trust-badge, .trust-icon, .account-benefit-icon) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 34%, transparent) !important;
}

html[data-theme="dark"] :where(.search-discovery-chip) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.search-discovery-empty, .desktop-filter-toggle-label) {
  color: var(--text-subtle) !important;
}

/* Shop — filter panel and catalog controls */
html[data-theme="dark"]
  :where(.desktop-filter-panel-header, .catalog-controls, .catalog-search-shell) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] .homepage-left-column {
  background-image: none !important;
  background-color: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.catalog-stock-toggle) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.catalog-control-label, .orders-field-label) {
  color: var(--text-subtle) !important;
}

html[data-theme="dark"] :where(.category-link, .mobile-category-option) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"]
  :where(
    .category-link.active,
    .category-link[aria-pressed="true"],
    .mobile-category-option.active,
    .mobile-category-option[aria-pressed="true"]
  ) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 40%, transparent) !important;
}

html[data-theme="dark"] :where(.mobile-drawer-language-option) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

/* Close buttons sitting on dark surfaces */
html[data-theme="dark"]
  :where(
    .drawer-close,
    .auth-modal-close,
    .product-modal-close,
    .checkout-modal-close,
    .orders-history-close,
    .profile-drawer-close
  ) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

/* Auth modal (sign in / register) */
html[data-theme="dark"] :where(.auth-tab, .auth-field-control) {
  color: var(--text-primary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.auth-tab[aria-selected="true"], .auth-tab.is-active) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
}

html[data-theme="dark"] :where(.account-benefits) {
  color: var(--text-secondary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.auth-link-button) {
  color: var(--link-color) !important;
  opacity: 1 !important;
}

/* Product detail and reviews */
html[data-theme="dark"]
  :where(.product-detail-trust-box, .product-rating-overview, .product-review-form) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.seller-tagline, .product-review-sort-label) {
  color: var(--text-subtle) !important;
}

html[data-theme="dark"] :where(.checkout-account-note) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-soft) !important;
}

/* Favorites */
html[data-theme="dark"] :where(.favorites-page-header, .favorites-page-empty) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

/* Orders */
html[data-theme="dark"] :where(.orders-layout, .orders-container) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.orders-filter-chip) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.orders-filter-chip.is-active) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 40%, transparent) !important;
}

/* Profile */
html[data-theme="dark"]
  :where(
    .profile-account-user,
    .profile-account-highlights,
    .profile-account-highlight,
    .profile-overview,
    .profile-account-logout
  ) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"]
  :where(.profile-intro-action-link, .profile-overview-action-link, .profile-account-logout-icon) {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"]
  :where(.profile-account-avatar, .profile-account-nav-icon, .profile-account-nav-badge) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--focus-color) 34%, transparent) !important;
}

html[data-theme="dark"] :where(#profile-user-name-display) {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] :where(.profile-user-email, .profile-account-tier) {
  color: var(--text-subtle) !important;
}

/* Sell landing and seller portal */
html[data-theme="dark"] :where(.nav-current) {
  color: var(--text-primary) !important;
  background: var(--surface-soft) !important;
}

html[data-theme="dark"] :where(.sell-benefit-card, .sell-what-card, .seller-form) {
  color: var(--text-primary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

/* Legal / withdrawal pages */
html[data-theme="dark"]
  :where(
    .withdrawal-language-buttons,
    .withdrawal-workflow,
    .withdrawal-privacy-note,
    .withdrawal-model-form
  ) {
  color: var(--text-secondary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.withdrawal-action-link) {
  color: var(--link-color) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.withdrawal-optional) {
  color: var(--text-subtle) !important;
}

html[data-theme="dark"] .withdrawal-steps li {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] .withdrawal-steps span {
  color: var(--text-secondary) !important;
  background: var(--elevated-bg) !important;
}

html[data-theme="dark"] :where(.withdrawal-steps li.is-active, .withdrawal-steps li.is-complete) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 40%, transparent) !important;
}

html[data-theme="dark"]
  :where(.withdrawal-steps li.is-active span, .withdrawal-steps li.is-complete span) {
  color: #04231a !important;
  background: var(--focus-color) !important;
}

html[data-theme="dark"] .policy-directory a {
  color: var(--text-secondary) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-strong) !important;
}

html[data-theme="dark"] :where(.policy-card a, .withdrawal-operator-identity a) {
  color: var(--link-color) !important;
}

html[data-theme="dark"] .sell-steps-list li {
  color: var(--text-secondary) !important;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] .profile-account-highlight :where(span, strong, small) {
  color: inherit !important;
}

html[data-theme="dark"] .profile-account-highlight strong {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] :where(.profile-section-viewall, .profile-section-viewall span) {
  color: var(--link-color) !important;
}

/* Link-styled actions rendered as <button> inherit the UA dark button chrome
   (grey fill, white border) because no stylesheet paints them. */
html[data-theme="dark"] button.profile-section-viewall {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"]
  :where(
    .withdrawal-language span,
    .withdrawal-language-buttons button,
    .withdrawal-field label,
    .withdrawal-field label span
  ) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] .withdrawal-privacy-note a {
  color: var(--link-color) !important;
}

html[data-theme="dark"] .withdrawal-workflow-heading {
  color: var(--text-primary) !important;
  background-color: var(--surface-soft) !important;
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] :where(.profile-intro-avatar, .storefront-avatar) {
  color: var(--success-text) !important;
  background-color: var(--selected-bg) !important;
}

html[data-theme="dark"] .policy-contact-list :where(li, span) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] :where(.form-field label, .admin-auth-form label) {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"]
  :where(
    .auth-form label,
    .auth-checkbox,
    .auth-checkbox span,
    .product-review-form label,
    .cart-estimates,
    .cart-estimates div
  ) {
  color: var(--text-secondary) !important;
}

@media (max-width: 768px) {
  .theme-toggle {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .top-bar > .theme-toggle {
    margin-left: 0;
  }
}

@media (max-width: 430px) {
  .brand-name {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .header-right {
    gap: 0.3rem;
  }

  .header-right .theme-toggle {
    width: 44px;
    min-width: 44px;
  }
}

html[data-theme="dark"] .z-beta-banner {
  color: var(--warning-text) !important;
  background: var(--warning-bg) !important;
  border-color: color-mix(in srgb, var(--warning-text) 35%, transparent) !important;
}

/* Seller sign-in / registration tabs: the generic `.seller-tab` fill above is
   flat, so the selected tab needs the shared selected treatment back. */
html[data-theme="dark"]
  :where(.seller-tab.active, .seller-tab[aria-selected="true"]) {
  color: var(--success-text) !important;
  background: var(--selected-bg) !important;
  border-color: color-mix(in srgb, var(--focus-color) 45%, var(--border-soft)) !important;
}

/* Password-requirement rows are <li>, so the generic body-copy rule flattens
   every state to one colour. Restore the pass/fail distinction. */
html[data-theme="dark"] .seller-password-requirements li[data-state="valid"],
html[data-theme="dark"] .customer-password-requirements li[data-state="success"] {
  color: var(--success-text) !important;
}

html[data-theme="dark"] .seller-password-requirements li[data-state="invalid"],
html[data-theme="dark"] .customer-password-requirements li[data-state="incomplete"] {
  color: var(--error-text) !important;
}

/* == generated-light-surface-map:start == */
/* ==========================================================================
   Legacy light-surface map -- GENERATED, do not hand-edit.

   Page stylesheets hardcode light fills, hairlines and near-black text on
   components the rules above do not reach, including markup that only exists
   once JavaScript renders it (order rows, billing entries, message bubbles,
   admin tables). Every entry re-points one such declaration at the dark token
   ramp: neutral fills to the surface ramp, hairlines to the border ramp,
   tinted fills and text to the matching status token.

   Rebuild with: node scripts/darkModeLightSurfaceMap.js
   ========================================================================== */

html[data-theme="dark"] #admin-panel-stats .admin-stats-group,
html[data-theme="dark"] #admin-panel-stats .admin-stats-workspace-nav,
html[data-theme="dark"] .account-dropdown a:hover,
html[data-theme="dark"] .account-dropdown button.account-logout-button:hover,
html[data-theme="dark"] .account-dropdown button:hover,
html[data-theme="dark"] .admin-active-category-link,
html[data-theme="dark"] .admin-global-search-item,
html[data-theme="dark"] .admin-logistics-operator-flow .admin-logistics-table-row.is-selected > td,
html[data-theme="dark"] .admin-order-detail-callout,
html[data-theme="dark"] .admin-order-drawer-header,
html[data-theme="dark"] .admin-proof-ops-row.is-attention td,
html[data-theme="dark"] .admin-purchase-proof-automation-row.is-attention td,
html[data-theme="dark"] .admin-stats-table-rank,
html[data-theme="dark"] .admin-ui-marker,
html[data-theme="dark"] .admin-web3-results-summary-item,
html[data-theme="dark"] .cart-icon,
html[data-theme="dark"] .cart-icon:hover,
html[data-theme="dark"] .dashboard-notification-entry,
html[data-theme="dark"] .dashboard-notification-entry.is-unread,
html[data-theme="dark"] .inline-state,
html[data-theme="dark"] .legal-review-note,
html[data-theme="dark"] .loading-state,
html[data-theme="dark"] .order-risk-pill,
html[data-theme="dark"] .order-risk-popover.order-risk-high .order-risk-pill,
html[data-theme="dark"] .order-risk-popover.order-risk-low .order-risk-pill,
html[data-theme="dark"] .order-risk-popover.order-risk-medium .order-risk-pill,
html[data-theme="dark"] .order-risk-tooltip,
html[data-theme="dark"] .orders-page-button,
html[data-theme="dark"] .policy-directory a,
html[data-theme="dark"] .policy-directory a:hover,
html[data-theme="dark"] .policy-directory a[aria-current="page"],
html[data-theme="dark"] .policy-review-banner,
html[data-theme="dark"] .profile-pill,
html[data-theme="dark"] .profile-pill:hover,
html[data-theme="dark"] .sell-steps-list li,
html[data-theme="dark"] .seller-approval-banner,
html[data-theme="dark"] .seller-ledger-page-button,
html[data-theme="dark"] .seller-stablecoin-settlement-receipt,
html[data-theme="dark"] .seller-stripe-item,
html[data-theme="dark"] .status-refunded,
html[data-theme="dark"] .top-nav a:hover,
html[data-theme="dark"] .withdrawal-confirmation-note,
html[data-theme="dark"] .withdrawal-language button:hover,
html[data-theme="dark"] .withdrawal-legal-badge,
html[data-theme="dark"] .withdrawal-review-list,
html[data-theme="dark"] .withdrawal-steps li,
html[data-theme="dark"] .withdrawal-steps span,
html[data-theme="dark"] .z-empty-state,
html[data-theme="dark"] .z-loading-state,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .admin-orders-table tbody tr:hover,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .admin-orders-table-wrapper,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-refunded,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-btn-secondary,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-cap-pill,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-chip,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-decision,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-row,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-empty,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-gonogo,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-metric,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-pill,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-safety-row,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-sandbox-body,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-sandbox-toggle,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-stage-chip,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-steps,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-user-hero,
html[data-theme="dark"] body.page-admin #admin-web3-review-panel .admin-web3-redemption-request,
html[data-theme="dark"] body.page-admin #admin-web3-review-panel .admin-web3-redemption-request.is-selected,
html[data-theme="dark"] body.page-admin #seller-rows .seller-row-clickable.seller-row-active td,
html[data-theme="dark"] body.page-admin #seller-rows .seller-row-clickable:hover td,
html[data-theme="dark"] body.page-admin .admin-coupon-create,
html[data-theme="dark"] body.page-admin .admin-coupon-management,
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-expired,
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-inactive,
html[data-theme="dark"] body.page-admin .admin-notification-target-row,
html[data-theme="dark"] body.page-admin .admin-orders-category-chip,
html[data-theme="dark"] body.page-admin .admin-orders-subnav,
html[data-theme="dark"] body.page-admin .admin-table tbody tr.admin-table-row.kb-focused > td,
html[data-theme="dark"] body.page-admin .admin-table tbody tr.admin-table-row:hover > td,
html[data-theme="dark"] body.page-admin .admin-table tbody tr:has(input[type="checkbox"]:checked) > td,
html[data-theme="dark"] body.page-admin .admin-web3-anchor-link,
html[data-theme="dark"] body.page-admin .admin-web3-anchor-nav,
html[data-theme="dark"] body.page-admin .admin-web3-category-header,
html[data-theme="dark"] body.page-admin .admin-web3-logistics-banner,
html[data-theme="dark"] body.page-admin .admin-web3-logistics-empty,
html[data-theme="dark"] body.page-admin .admin-web3-subtabs,
html[data-theme="dark"] body.page-admin .badge,
html[data-theme="dark"] body.page-admin .badge-secondary,
html[data-theme="dark"] body.page-admin .notification-item,
html[data-theme="dark"] body.page-admin .notifications-empty-state,
html[data-theme="dark"] body.page-admin .notifications-group,
html[data-theme="dark"] body.page-admin .order-reference-code,
html[data-theme="dark"] body.page-admin .orders-pager,
html[data-theme="dark"] body.page-admin .seller-chip,
html[data-theme="dark"] body.page-admin .seller-detail-kpi,
html[data-theme="dark"] body.page-favorites .favorite-card-media,
html[data-theme="dark"] body.page-order-details .order-details-item,
html[data-theme="dark"] body.page-order-details .order-details-item-image,
html[data-theme="dark"] body.page-order-details .order-details-trust-note,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-icon,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-status,
html[data-theme="dark"] body.page-order-details .order-item-thumb-wrap,
html[data-theme="dark"] body.page-order-details .order-status-timeline .timeline-dot,
html[data-theme="dark"] body.page-order-details .order-status-timeline.cancelled .timeline-dot,
html[data-theme="dark"] body.page-order-details .order-trust-history-entry,
html[data-theme="dark"] body.page-order-details .stablecoin-customer-payment-receipt__step,
html[data-theme="dark"] body.page-order-details .status-refunded,
html[data-theme="dark"] body.page-orders .buyer-msg-bubble--admin,
html[data-theme="dark"] body.page-orders .buyer-msg-bubble--seller,
html[data-theme="dark"] body.page-orders .order-item-thumb,
html[data-theme="dark"] body.page-orders .order-return-timeline,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="cancelled"],
html[data-theme="dark"] body.page-orders .order-return-timeline-step,
html[data-theme="dark"] body.page-orders .order-row,
html[data-theme="dark"] body.page-orders .order-status-timeline.cancelled .timeline-step .timeline-dot,
html[data-theme="dark"] body.page-orders .orders-filter-empty,
html[data-theme="dark"] body.page-orders .orders-page-empty,
html[data-theme="dark"] body.page-orders .orders-page-order-ref,
html[data-theme="dark"] body.page-orders .status-refunded,
html[data-theme="dark"] body.page-orders .timeline-step .timeline-dot,
html[data-theme="dark"] body.page-payment-status .order-confirmation-digital,
html[data-theme="dark"] body.page-payment-status .order-confirmation-digital-icon,
html[data-theme="dark"] body.page-payment-status .payment-status-icon,
html[data-theme="dark"] body.page-product-detail .pdp-badge-overlay,
html[data-theme="dark"] body.page-product-detail .pdp-btn-buy-now,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip:first-child,
html[data-theme="dark"] body.page-product-detail .pdp-description-section,
html[data-theme="dark"] body.page-product-detail .pdp-fav-float,
html[data-theme="dark"] body.page-product-detail .pdp-fav-float.is-favorited,
html[data-theme="dark"] body.page-product-detail .pdp-fav-float:hover,
html[data-theme="dark"] body.page-product-detail .pdp-hero-img.pdp-hero-img--contain,
html[data-theme="dark"] body.page-product-detail .pdp-hero-wrap,
html[data-theme="dark"] body.page-product-detail .pdp-order-icon,
html[data-theme="dark"] body.page-product-detail .pdp-seller-avatar.has-image,
html[data-theme="dark"] body.page-product-detail .pdp-seller-banner-wrap.has-image,
html[data-theme="dark"] body.page-product-detail .pdp-sticky-bar:not([hidden]),
html[data-theme="dark"] body.page-product-detail .pdp-thumb,
html[data-theme="dark"] body.page-product-detail .pdp-trust-chip,
html[data-theme="dark"] body.page-product-detail .product-detail-alert,
html[data-theme="dark"] body.page-product-detail .product-detail-related-media,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-empty,
html[data-theme="dark"] body.page-product-detail .verified-purchase-badge,
html[data-theme="dark"] body.page-profile #profile-delete-button:focus-visible,
html[data-theme="dark"] body.page-profile #profile-delete-button:hover,
html[data-theme="dark"] body.page-profile .profile-account-nav-item:hover,
html[data-theme="dark"] body.page-profile .profile-billing-copy,
html[data-theme="dark"] body.page-profile .profile-billing-copy:hover,
html[data-theme="dark"] body.page-profile .profile-billing-row:hover,
html[data-theme="dark"] body.page-profile .profile-fav-row:hover,
html[data-theme="dark"] body.page-profile .profile-intro-meta,
html[data-theme="dark"] body.page-profile .profile-intro-meta-label,
html[data-theme="dark"] body.page-profile .profile-order-row:hover,
html[data-theme="dark"] body.page-profile .profile-order-status,
html[data-theme="dark"] body.page-profile .profile-order-status-paid,
html[data-theme="dark"] body.page-profile .profile-order-status-refunded,
html[data-theme="dark"] body.page-profile .profile-order-thumb,
html[data-theme="dark"] body.page-profile .profile-points-activity-header,
html[data-theme="dark"] body.page-profile .profile-wallet-benefit,
html[data-theme="dark"] body.page-profile .profile-wallet-link-chip,
html[data-theme="dark"] body.page-profile .profile-wallet-link-item,
html[data-theme="dark"] body.page-profile .profile-wallet-row,
html[data-theme="dark"] body.page-seller #seller-dashboard-tabs,
html[data-theme="dark"] body.page-seller .my-product-row,
html[data-theme="dark"] body.page-seller .seller-branding-preview,
html[data-theme="dark"] body.page-seller .seller-dashboard-note,
html[data-theme="dark"] body.page-seller .seller-item-row,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--admin .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--user .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-msg-list,
html[data-theme="dark"] body.page-seller .seller-msg-thread,
html[data-theme="dark"] body.page-seller .seller-msg-thread-context,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item--unread,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item--unread:focus-visible,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item--unread:hover,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item:focus-visible,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item:hover,
html[data-theme="dark"] body.page-seller .seller-orders-table tbody tr:hover,
html[data-theme="dark"] body.page-seller .seller-product-form,
html[data-theme="dark"] body.page-seller .seller-product-image-drop-zone,
html[data-theme="dark"] body.page-seller .seller-product-image-drop-zone.is-drag-over,
html[data-theme="dark"] body.page-seller .seller-product-image-empty,
html[data-theme="dark"] body.page-seller .seller-product-image-limit-label,
html[data-theme="dark"] body.page-seller .seller-product-image-selected-badge,
html[data-theme="dark"] body.page-seller .seller-product-image-thumb,
html[data-theme="dark"] body.page-seller .seller-profile-account-highlight,
html[data-theme="dark"] body.page-seller .seller-profile-account-highlights,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-icon,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-item.is-active .seller-profile-account-nav-icon,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-item:hover,
html[data-theme="dark"] body.page-seller .seller-profile-history-item,
html[data-theme="dark"] body.page-seller .seller-profile-review-dismiss,
html[data-theme="dark"] body.page-seller .seller-profile-review-dismiss:hover,
html[data-theme="dark"] body.page-seller .seller-summary-card--accent,
html[data-theme="dark"] body.page-seller .seller-web3-icon,
html[data-theme="dark"] body.page-seller .seller-web3-item,
html[data-theme="dark"] body.page-seller .seller-web3-ready,
html[data-theme="dark"] body.page-seller .status-refunded,
html[data-theme="dark"] body.page-seller-storefront .storefront-about,
html[data-theme="dark"] body.page-seller-storefront .storefront-empty,
html[data-theme="dark"] body.page-seller-storefront .storefront-message,
html[data-theme="dark"] body.page-seller-storefront .storefront-meta-pill,
html[data-theme="dark"] body.page-seller-storefront .storefront-meta-pill.is-verified,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-media,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-type-badge,
html[data-theme="dark"] body.page-seller-storefront .storefront-public-detail,
html[data-theme="dark"] body.page-shop .auth-password-toggle:hover,
html[data-theme="dark"] body.page-shop .auth-social,
html[data-theme="dark"] body.page-shop .badge-eco-verified,
html[data-theme="dark"] body.page-shop .cart-qty-btn,
html[data-theme="dark"] body.page-shop .cart-qty-btn:hover,
html[data-theme="dark"] body.page-shop .catalog-active-filter-chip,
html[data-theme="dark"] body.page-shop .catalog-loading-indicator,
html[data-theme="dark"] body.page-shop .checkout-confirmation,
html[data-theme="dark"] body.page-shop .checkout-delivery-option,
html[data-theme="dark"] body.page-shop .checkout-delivery-option:has(input:checked),
html[data-theme="dark"] body.page-shop .checkout-item-thumb,
html[data-theme="dark"] body.page-shop .chip,
html[data-theme="dark"] body.page-shop .chip:hover,
html[data-theme="dark"] body.page-shop .customer-password-requirement-marker,
html[data-theme="dark"] body.page-shop .customer-password-requirements li[data-state="incomplete"] .customer-password-requirement-marker,
html[data-theme="dark"] body.page-shop .header-filter-btn,
html[data-theme="dark"] body.page-shop .hero-cat-pill,
html[data-theme="dark"] body.page-shop .hero-cat-pill:hover,
html[data-theme="dark"] body.page-shop .hero-visual-tag,
html[data-theme="dark"] body.page-shop .hero-why-mini,
html[data-theme="dark"] body.page-shop .mobile-category-close,
html[data-theme="dark"] body.page-shop .mobile-category-close:hover,
html[data-theme="dark"] body.page-shop .mobile-category-menu,
html[data-theme="dark"] body.page-shop .mobile-category-toggle,
html[data-theme="dark"] body.page-shop .order-success-summary > div,
html[data-theme="dark"] body.page-shop .orders-history-open-product,
html[data-theme="dark"] body.page-shop .orders-history-open-product:hover,
html[data-theme="dark"] body.page-shop .orders-history-seller-badge,
html[data-theme="dark"] body.page-shop .pick-add-btn,
html[data-theme="dark"] body.page-shop .pick-card-badge,
html[data-theme="dark"] body.page-shop .pick-card-image--contain,
html[data-theme="dark"] body.page-shop .product-badge-zagrin,
html[data-theme="dark"] body.page-shop .product-card-fav,
html[data-theme="dark"] body.page-shop .product-card-fav:hover,
html[data-theme="dark"] body.page-shop .product-card-image-thumbnail,
html[data-theme="dark"] body.page-shop .product-card-image-thumbnails,
html[data-theme="dark"] body.page-shop .product-card-media,
html[data-theme="dark"] body.page-shop .product-favorite-toggle-button.is-favorited,
html[data-theme="dark"] body.page-shop .product-image,
html[data-theme="dark"] body.page-shop .product-image--contain,
html[data-theme="dark"] body.page-shop .product-launch-badge,
html[data-theme="dark"] body.page-shop .product-modal-content,
html[data-theme="dark"] body.page-shop .product-modal-image.product-modal-image--contain,
html[data-theme="dark"] body.page-shop .product-modal-related-media,
html[data-theme="dark"] body.page-shop .product-modal-seller-box,
html[data-theme="dark"] body.page-shop .product-modal-thumbnail,
html[data-theme="dark"] body.page-shop .product-modal-trust-box .trust-badge,
html[data-theme="dark"] body.page-shop .product-review-empty,
html[data-theme="dark"] body.page-shop .product-review-item,
html[data-theme="dark"] body.page-shop .product-review-owner-badge,
html[data-theme="dark"] body.page-shop .product-review-sort,
html[data-theme="dark"] body.page-shop .product-stock-sold-out,
html[data-theme="dark"] body.page-shop .search-discovery-product,
html[data-theme="dark"] body.page-shop .search-discovery-product-thumb,
html[data-theme="dark"] body.page-shop .search-discovery-product:focus-visible,
html[data-theme="dark"] body.page-shop .search-discovery-product:hover,
html[data-theme="dark"] body.page-shop .seller-avatar.has-image,
html[data-theme="dark"] body.page-shop .stablecoin-order-created-confirmation,
html[data-theme="dark"] body.page-shop .stablecoin-order-created-confirmation__secondary,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .header-filter-btn:hover {
  background-color: var(--surface-card) !important;
}

html[data-theme="dark"] .admin-global-search-item,
html[data-theme="dark"] .admin-order-detail-callout,
html[data-theme="dark"] .admin-ui-marker,
html[data-theme="dark"] .admin-web3-results-summary-item,
html[data-theme="dark"] .dashboard-notification-empty,
html[data-theme="dark"] .dashboard-notification-entry,
html[data-theme="dark"] .dashboard-notification-entry.is-unread,
html[data-theme="dark"] .header-language-label.header-language-flag,
html[data-theme="dark"] .inline-state,
html[data-theme="dark"] .orders-page-button,
html[data-theme="dark"] .policy-directory a,
html[data-theme="dark"] .policy-directory a:hover,
html[data-theme="dark"] .policy-directory a[aria-current="page"],
html[data-theme="dark"] .sell-steps-list li,
html[data-theme="dark"] .seller-ledger-page-button,
html[data-theme="dark"] .withdrawal-review-list,
html[data-theme="dark"] .withdrawal-steps li,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .admin-orders-table-wrapper,
html[data-theme="dark"] body.page-admin .admin-auth-shell,
html[data-theme="dark"] body.page-admin .admin-coupon-create,
html[data-theme="dark"] body.page-admin .admin-coupon-management,
html[data-theme="dark"] body.page-admin .admin-orders-subnav,
html[data-theme="dark"] body.page-admin .admin-shell,
html[data-theme="dark"] body.page-admin .admin-web3-anchor-link,
html[data-theme="dark"] body.page-admin .admin-web3-logistics-empty,
html[data-theme="dark"] body.page-admin .notification-item,
html[data-theme="dark"] body.page-admin .notifications-empty-state,
html[data-theme="dark"] body.page-admin .notifications-group,
html[data-theme="dark"] body.page-admin .order-reference-code,
html[data-theme="dark"] body.page-admin .orders-pager,
html[data-theme="dark"] body.page-admin .seller-detail-kpi,
html[data-theme="dark"] body.page-favorites .favorites-page-feedback:not(:empty),
html[data-theme="dark"] body.page-order-details .order-details-item,
html[data-theme="dark"] body.page-order-details .order-details-item-image,
html[data-theme="dark"] body.page-order-details .order-details-summary-group,
html[data-theme="dark"] body.page-order-details .order-details-trust-note,
html[data-theme="dark"] body.page-order-details .order-digital-receipt,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-status,
html[data-theme="dark"] body.page-order-details .order-item-thumb-wrap,
html[data-theme="dark"] body.page-order-details .order-status-timeline .timeline-dot,
html[data-theme="dark"] body.page-order-details .order-status-timeline.cancelled .timeline-dot,
html[data-theme="dark"] body.page-order-details .order-trust-history-entry,
html[data-theme="dark"] body.page-order-details .stablecoin-customer-payment-receipt__step,
html[data-theme="dark"] body.page-orders .order-item-thumb,
html[data-theme="dark"] body.page-orders .order-return-timeline,
html[data-theme="dark"] body.page-orders .order-return-timeline-step,
html[data-theme="dark"] body.page-orders .order-row,
html[data-theme="dark"] body.page-orders .order-row:hover,
html[data-theme="dark"] body.page-orders .order-status-timeline.cancelled .timeline-step .timeline-dot,
html[data-theme="dark"] body.page-orders .orders-filter-empty,
html[data-theme="dark"] body.page-orders .orders-page-empty,
html[data-theme="dark"] body.page-orders .orders-page-list .z-empty-state,
html[data-theme="dark"] body.page-orders .orders-page-list .z-loading-state,
html[data-theme="dark"] body.page-orders .orders-page-order-ref,
html[data-theme="dark"] body.page-orders .timeline-step .timeline-dot,
html[data-theme="dark"] body.page-payment-status .order-confirmation-digital,
html[data-theme="dark"] body.page-payment-status .payment-status-icon,
html[data-theme="dark"] body.page-product-detail .pdp-badge-overlay,
html[data-theme="dark"] body.page-product-detail .pdp-btn-buy-now,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip:first-child,
html[data-theme="dark"] body.page-product-detail .pdp-gallery-counter,
html[data-theme="dark"] body.page-product-detail .pdp-seller-avatar,
html[data-theme="dark"] body.page-product-detail .pdp-seller-link,
html[data-theme="dark"] body.page-product-detail .pdp-trust-chip,
html[data-theme="dark"] body.page-product-detail .product-detail-alert,
html[data-theme="dark"] body.page-product-detail .product-detail-feedback:not(:empty),
html[data-theme="dark"] body.page-product-detail .product-detail-related-media,
html[data-theme="dark"] body.page-product-detail .product-detail-review-trust-note,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-empty,
html[data-theme="dark"] body.page-profile .profile-billing-copy,
html[data-theme="dark"] body.page-profile .profile-billing-method,
html[data-theme="dark"] body.page-profile .profile-fav-remove,
html[data-theme="dark"] body.page-profile .profile-intro,
html[data-theme="dark"] body.page-profile .profile-intro-meta,
html[data-theme="dark"] body.page-profile .profile-order-thumb,
html[data-theme="dark"] body.page-profile .profile-points-activity-shell,
html[data-theme="dark"] body.page-profile .profile-visibility-toggle,
html[data-theme="dark"] body.page-profile .profile-wallet-benefit,
html[data-theme="dark"] body.page-profile .profile-wallet-link-chip,
html[data-theme="dark"] body.page-profile .profile-wallet-link-item,
html[data-theme="dark"] body.page-profile .profile-wallet-row,
html[data-theme="dark"] body.page-seller .my-product-row,
html[data-theme="dark"] body.page-seller .my-product-thumb,
html[data-theme="dark"] body.page-seller .seller-branding-preview,
html[data-theme="dark"] body.page-seller .seller-dashboard-note,
html[data-theme="dark"] body.page-seller .seller-item-row,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--admin .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--user .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-msg-list,
html[data-theme="dark"] body.page-seller .seller-msg-thread,
html[data-theme="dark"] body.page-seller .seller-msg-thread-context,
html[data-theme="dark"] body.page-seller .seller-product-form,
html[data-theme="dark"] body.page-seller .seller-product-image-drop-zone,
html[data-theme="dark"] body.page-seller .seller-product-image-empty,
html[data-theme="dark"] body.page-seller .seller-product-image-live-preview,
html[data-theme="dark"] body.page-seller .seller-product-image-manager,
html[data-theme="dark"] body.page-seller .seller-profile-account-highlight,
html[data-theme="dark"] body.page-seller .seller-profile-history-item,
html[data-theme="dark"] body.page-seller .seller-profile-review,
html[data-theme="dark"] body.page-seller .seller-shell,
html[data-theme="dark"] body.page-seller .seller-web3-item,
html[data-theme="dark"] body.page-seller .seller-web3-ready,
html[data-theme="dark"] body.page-seller-storefront .storefront-about,
html[data-theme="dark"] body.page-seller-storefront .storefront-empty,
html[data-theme="dark"] body.page-seller-storefront .storefront-hero,
html[data-theme="dark"] body.page-seller-storefront .storefront-message,
html[data-theme="dark"] body.page-seller-storefront .storefront-meta-pill,
html[data-theme="dark"] body.page-seller-storefront .storefront-meta-pill.is-verified,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-type-badge,
html[data-theme="dark"] body.page-seller-storefront .storefront-public-detail,
html[data-theme="dark"] body.page-shop .auth-status:not(:empty),
html[data-theme="dark"] body.page-shop .badge-eco-verified,
html[data-theme="dark"] body.page-shop .cart-empty,
html[data-theme="dark"] body.page-shop .cart-qty-btn,
html[data-theme="dark"] body.page-shop .cart-qty-btn:hover,
html[data-theme="dark"] body.page-shop .catalog-active-filter-chip,
html[data-theme="dark"] body.page-shop .catalog-apply-button,
html[data-theme="dark"] body.page-shop .catalog-reset-button,
html[data-theme="dark"] body.page-shop .checkout-confirmation,
html[data-theme="dark"] body.page-shop .checkout-delivery-option,
html[data-theme="dark"] body.page-shop .checkout-status-message:not(:empty),
html[data-theme="dark"] body.page-shop .customer-orders-btn,
html[data-theme="dark"] body.page-shop .customer-password-requirement-marker,
html[data-theme="dark"] body.page-shop .header-filter-btn,
html[data-theme="dark"] body.page-shop .hero-cat-pill,
html[data-theme="dark"] body.page-shop .loading-state,
html[data-theme="dark"] body.page-shop .mobile-category-close,
html[data-theme="dark"] body.page-shop .mobile-category-close:hover,
html[data-theme="dark"] body.page-shop .mobile-category-toggle,
html[data-theme="dark"] body.page-shop .order-success-summary > div,
html[data-theme="dark"] body.page-shop .orders-history-seller-badge,
html[data-theme="dark"] body.page-shop .orders-history-status:not(:empty),
html[data-theme="dark"] body.page-shop .page-status:not(:empty),
html[data-theme="dark"] body.page-shop .payment-options,
html[data-theme="dark"] body.page-shop .pick-card-badge,
html[data-theme="dark"] body.page-shop .product-badge,
html[data-theme="dark"] body.page-shop .product-badge-zagrin,
html[data-theme="dark"] body.page-shop .product-card-fav,
html[data-theme="dark"] body.page-shop .product-card-fav:hover,
html[data-theme="dark"] body.page-shop .product-card-image-thumbnail,
html[data-theme="dark"] body.page-shop .product-card-rating,
html[data-theme="dark"] body.page-shop .product-category-pill,
html[data-theme="dark"] body.page-shop .product-empty-state,
html[data-theme="dark"] body.page-shop .product-favorite-toggle-button.is-favorited,
html[data-theme="dark"] body.page-shop .product-feedback:not(:empty),
html[data-theme="dark"] body.page-shop .product-launch-badge,
html[data-theme="dark"] body.page-shop .product-modal-favorite-status:not(:empty),
html[data-theme="dark"] body.page-shop .product-modal-seller-box,
html[data-theme="dark"] body.page-shop .product-modal-thumbnail,
html[data-theme="dark"] body.page-shop .product-modal-trust-box,
html[data-theme="dark"] body.page-shop .product-review-empty,
html[data-theme="dark"] body.page-shop .product-review-item,
html[data-theme="dark"] body.page-shop .product-review-owner-badge,
html[data-theme="dark"] body.page-shop .product-review-sort,
html[data-theme="dark"] body.page-shop .product-review-status:not(:empty),
html[data-theme="dark"] body.page-shop .search-discovery-product,
html[data-theme="dark"] body.page-shop .search-discovery-product:focus-visible,
html[data-theme="dark"] body.page-shop .search-discovery-product:hover,
html[data-theme="dark"] body.page-shop .stablecoin-order-created-confirmation,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready.desktop-filter-panel-open .header-filter-btn {
  border-color: var(--border-soft) !important;
}

html[data-theme="dark"] .account-dropdown a,
html[data-theme="dark"] .account-dropdown button,
html[data-theme="dark"] .account-dropdown button.account-logout-button,
html[data-theme="dark"] .admin-active-category-link,
html[data-theme="dark"] .admin-global-search-item,
html[data-theme="dark"] .admin-order-detail-callout strong,
html[data-theme="dark"] .admin-order-timeline-top,
html[data-theme="dark"] .admin-points-history-reason,
html[data-theme="dark"] .admin-stats-secondary-label,
html[data-theme="dark"] .admin-stats-table-rank,
html[data-theme="dark"] .admin-web3-results-summary-item strong,
html[data-theme="dark"] .dashboard-notification-message,
html[data-theme="dark"] .footer-site .footer-badge,
html[data-theme="dark"] .footer-site .footer-link-list a:hover,
html[data-theme="dark"] .footer-site .footer-meta a:hover,
html[data-theme="dark"] .inline-state,
html[data-theme="dark"] .order-risk-pill,
html[data-theme="dark"] .order-risk-popover.order-risk-low .order-risk-pill,
html[data-theme="dark"] .order-risk-tooltip,
html[data-theme="dark"] .orders-page-button,
html[data-theme="dark"] .policy-card a:hover,
html[data-theme="dark"] .policy-contact-list span,
html[data-theme="dark"] .policy-directory a,
html[data-theme="dark"] .seller-ledger-page-button,
html[data-theme="dark"] .seller-stripe-badge,
html[data-theme="dark"] .seller-tab-count,
html[data-theme="dark"] .status-default,
html[data-theme="dark"] .status-unknown,
html[data-theme="dark"] .withdrawal-confirmation-note strong,
html[data-theme="dark"] .withdrawal-field label,
html[data-theme="dark"] .withdrawal-operator-identity,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-default,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-unknown,
html[data-theme="dark"] body.page-admin .admin-coupon-create > summary,
html[data-theme="dark"] body.page-admin .admin-table tbody td,
html[data-theme="dark"] body.page-admin .notification-message,
html[data-theme="dark"] body.page-admin .order-highlight,
html[data-theme="dark"] body.page-admin .order-item-text,
html[data-theme="dark"] body.page-favorites .favorite-card-title a,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-label,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill,
html[data-theme="dark"] body.page-order-details .order-trust-history-entry-top,
html[data-theme="dark"] body.page-order-details .stablecoin-customer-payment-receipt__step-label,
html[data-theme="dark"] body.page-order-details .status-default,
html[data-theme="dark"] body.page-order-details .status-unknown,
html[data-theme="dark"] body.page-orders .buyer-msg-body,
html[data-theme="dark"] body.page-orders .buyer-msg-close:hover,
html[data-theme="dark"] body.page-orders .feedback-modal-close:hover,
html[data-theme="dark"] body.page-orders .order-id,
html[data-theme="dark"] body.page-orders .order-items-primary,
html[data-theme="dark"] body.page-orders .order-return-timeline-message,
html[data-theme="dark"] body.page-orders .order-return-timeline-status,
html[data-theme="dark"] body.page-orders .status-default,
html[data-theme="dark"] body.page-orders .status-unknown,
html[data-theme="dark"] body.page-product-detail .pdp-breadcrumb-current,
html[data-theme="dark"] body.page-product-detail .pdp-btn-back:hover,
html[data-theme="dark"] body.page-product-detail .pdp-btn-buy-now,
html[data-theme="dark"] body.page-product-detail .pdp-order-text strong,
html[data-theme="dark"] body.page-product-detail .pdp-price,
html[data-theme="dark"] body.page-product-detail .pdp-seller-link,
html[data-theme="dark"] body.page-product-detail .pdp-sticky-price,
html[data-theme="dark"] body.page-product-detail .product-detail-related-price,
html[data-theme="dark"] body.page-product-detail .product-detail-review-meta strong,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-average,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-verified-count,
html[data-theme="dark"] body.page-profile .profile-account-highlight strong,
html[data-theme="dark"] body.page-profile .profile-account-nav-item,
html[data-theme="dark"] body.page-profile .profile-account-user-details strong,
html[data-theme="dark"] body.page-profile .profile-billing-ref,
html[data-theme="dark"] body.page-profile .profile-order-status-refunded,
html[data-theme="dark"] body.page-profile .profile-visibility-toggle .profile-visibility-toggle-control,
html[data-theme="dark"] body.page-seller .seller-earning-card .value,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--user .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-msg-ctx-label,
html[data-theme="dark"] body.page-seller .seller-msg-thread-item--unread .seller-msg-thread-preview,
html[data-theme="dark"] body.page-seller .seller-msg-thread-label,
html[data-theme="dark"] body.page-seller .seller-order-id,
html[data-theme="dark"] body.page-seller .seller-product-image-drop-label,
html[data-theme="dark"] body.page-seller .seller-product-image-fit-label,
html[data-theme="dark"] body.page-seller .seller-product-image-zoom-label,
html[data-theme="dark"] body.page-seller .seller-profile-account-highlight strong,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-item,
html[data-theme="dark"] body.page-seller .seller-profile-account-user-details strong,
html[data-theme="dark"] body.page-seller .seller-profile-history-values,
html[data-theme="dark"] body.page-seller .status-default,
html[data-theme="dark"] body.page-seller .status-unknown,
html[data-theme="dark"] body.page-seller-storefront .metric-rating,
html[data-theme="dark"] body.page-seller-storefront .storefront-footer-links a:hover,
html[data-theme="dark"] body.page-seller-storefront .storefront-hero,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-price,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-title .storefront-product-link:hover,
html[data-theme="dark"] body.page-seller-storefront .storefront-review-product,
html[data-theme="dark"] body.page-seller-storefront .storefront-tab-button:hover,
html[data-theme="dark"] body.page-seller-storefront .storefront-view-link:hover,
html[data-theme="dark"] body.page-shop .cart-line,
html[data-theme="dark"] body.page-shop .cart-qty,
html[data-theme="dark"] body.page-shop .cart-qty-btn,
html[data-theme="dark"] body.page-shop .catalog-apply-button:focus-visible,
html[data-theme="dark"] body.page-shop .catalog-apply-button:hover,
html[data-theme="dark"] body.page-shop .catalog-results-count,
html[data-theme="dark"] body.page-shop .checkout-delivery-option strong,
html[data-theme="dark"] body.page-shop .chip:hover,
html[data-theme="dark"] body.page-shop .footer .footer-link-list a:hover,
html[data-theme="dark"] body.page-shop .footer .footer-meta a:hover,
html[data-theme="dark"] body.page-shop .hero-cat-pill,
html[data-theme="dark"] body.page-shop .hero-visual-tag,
html[data-theme="dark"] body.page-shop .mobile-category-toggle,
html[data-theme="dark"] body.page-shop .orders-history-sellers,
html[data-theme="dark"] body.page-shop .payment-option,
html[data-theme="dark"] body.page-shop .product-card-bottom .product-price,
html[data-theme="dark"] body.page-shop .product-card-meta-row .product-price,
html[data-theme="dark"] body.page-shop .product-card-price,
html[data-theme="dark"] body.page-shop .product-modal-price,
html[data-theme="dark"] body.page-shop .product-modal-related-price,
html[data-theme="dark"] body.page-shop .product-modal-trust-box .trust-badge,
html[data-theme="dark"] body.page-shop .product-price,
html[data-theme="dark"] body.page-shop .product-rating-average,
html[data-theme="dark"] body.page-shop .product-review-sort,
html[data-theme="dark"] body.page-shop .product-review-text,
html[data-theme="dark"] body.page-shop .product-review-top strong,
html[data-theme="dark"] body.page-shop .product-seller > .product-seller-link,
html[data-theme="dark"] body.page-shop .product-seller > span,
html[data-theme="dark"] body.page-shop .seller-badge,
html[data-theme="dark"] body.page-shop .stablecoin-order-created-confirmation,
html[data-theme="dark"] body.page-shop .stablecoin-order-created-confirmation__secondary,
html[data-theme="dark"] body.page-shop .testimonial-card span,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready #categories-sidebar button {
  color: var(--text-primary) !important;
}

html[data-theme="dark"] .footer-site .footer-link-list a,
html[data-theme="dark"] .footer-site .footer-meta a,
html[data-theme="dark"] .legal-review-note strong,
html[data-theme="dark"] .policy-lead,
html[data-theme="dark"] .policy-review-banner,
html[data-theme="dark"] .policy-review-banner strong,
html[data-theme="dark"] .policy-updated,
html[data-theme="dark"] .sell-lead,
html[data-theme="dark"] .seller-ledger-page-indicator,
html[data-theme="dark"] .seller-orders-status-detail,
html[data-theme="dark"] .seller-orders-tracking,
html[data-theme="dark"] .seller-stripe-badge.status-not-connected,
html[data-theme="dark"] .seller-stripe-badge.status-restricted,
html[data-theme="dark"] .withdrawal-language,
html[data-theme="dark"] .withdrawal-language button,
html[data-theme="dark"] .withdrawal-review-list dt,
html[data-theme="dark"] .withdrawal-success-details dt,
html[data-theme="dark"] body.page-admin .admin-auth-form label,
html[data-theme="dark"] body.page-admin .admin-coupon-checkbox,
html[data-theme="dark"] body.page-admin .admin-coupon-form label:not(.admin-coupon-checkbox),
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-expired,
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-inactive,
html[data-theme="dark"] body.page-admin .admin-filter-field,
html[data-theme="dark"] body.page-admin .admin-orders-category-chip,
html[data-theme="dark"] body.page-admin .admin-orders-search label,
html[data-theme="dark"] body.page-admin .admin-web3-anchor-link,
html[data-theme="dark"] body.page-admin .chart-granularity,
html[data-theme="dark"] body.page-admin .notification-type,
html[data-theme="dark"] body.page-admin .notifications-empty-state,
html[data-theme="dark"] body.page-admin .order-customer,
html[data-theme="dark"] body.page-admin .order-customer-label,
html[data-theme="dark"] body.page-admin .order-number-filter label,
html[data-theme="dark"] body.page-admin .order-sellers-label,
html[data-theme="dark"] body.page-admin .order-shipping,
html[data-theme="dark"] body.page-admin .order-shipping-label,
html[data-theme="dark"] body.page-admin .order-status-label,
html[data-theme="dark"] body.page-admin .orders-page-indicator,
html[data-theme="dark"] body.page-admin .orders-page-size,
html[data-theme="dark"] body.page-order-details .order-details-line,
html[data-theme="dark"] body.page-order-details .order-details-summary-line,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill-muted,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-subnote,
html[data-theme="dark"] body.page-order-details .order-trust-history-entry-top span,
html[data-theme="dark"] body.page-orders .order-date,
html[data-theme="dark"] body.page-orders .order-feedback-button:hover,
html[data-theme="dark"] body.page-orders .order-item-shipping-line,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="cancelled"],
html[data-theme="dark"] body.page-orders .order-return-timeline-step,
html[data-theme="dark"] body.page-orders .order-thumb-placeholder,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip,
html[data-theme="dark"] body.page-product-detail .pdp-highlight,
html[data-theme="dark"] body.page-product-detail .pdp-trust-chip,
html[data-theme="dark"] body.page-product-detail .product-detail-review-text,
html[data-theme="dark"] body.page-product-detail .review-attestation-badge,
html[data-theme="dark"] body.page-product-detail .verified-purchase-badge,
html[data-theme="dark"] body.page-profile .profile-billing-method,
html[data-theme="dark"] body.page-profile .profile-form label,
html[data-theme="dark"] body.page-profile .profile-intro-meta-subtle .meta-ref,
html[data-theme="dark"] body.page-profile .profile-order-status,
html[data-theme="dark"] body.page-profile .profile-wallet-benefit,
html[data-theme="dark"] body.page-profile .profile-wallet-link-chip,
html[data-theme="dark"] body.page-seller .current-seller-grid strong,
html[data-theme="dark"] body.page-seller .form-field label,
html[data-theme="dark"] body.page-seller .seller-branding-empty,
html[data-theme="dark"] body.page-seller .seller-branding-form .form-field label,
html[data-theme="dark"] body.page-seller .seller-msg-bubble--admin .seller-msg-body,
html[data-theme="dark"] body.page-seller .seller-profile-account-tier,
html[data-theme="dark"] body.page-seller .seller-profile-account-user-details span,
html[data-theme="dark"] body.page-seller .seller-profile-eyebrow,
html[data-theme="dark"] body.page-seller .seller-profile-history-empty,
html[data-theme="dark"] body.page-seller .seller-profile-review,
html[data-theme="dark"] body.page-seller .seller-profile-section-body .form-field label,
html[data-theme="dark"] body.page-seller .seller-shipping-form .form-field label,
html[data-theme="dark"] body.page-seller-storefront .storefront-empty,
html[data-theme="dark"] body.page-seller-storefront .storefront-footer-links a,
html[data-theme="dark"] body.page-seller-storefront .storefront-meta-pill,
html[data-theme="dark"] body.page-seller-storefront .storefront-premium-metrics,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-review-trust,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-type-badge,
html[data-theme="dark"] body.page-seller-storefront .storefront-review-quote,
html[data-theme="dark"] body.page-seller-storefront .storefront-tab-button,
html[data-theme="dark"] body.page-seller-storefront .storefront-view-link,
html[data-theme="dark"] body.page-shop .auth-form label,
html[data-theme="dark"] body.page-shop .auth-password-toggle:hover,
html[data-theme="dark"] body.page-shop .cart-remove-btn,
html[data-theme="dark"] body.page-shop .catalog-active-filter-chip,
html[data-theme="dark"] body.page-shop .catalog-loading-indicator,
html[data-theme="dark"] body.page-shop .checkout-shipping-grid .form-field label,
html[data-theme="dark"] body.page-shop .chip,
html[data-theme="dark"] body.page-shop .customer-orders-btn,
html[data-theme="dark"] body.page-shop .footer .footer-link-list a,
html[data-theme="dark"] body.page-shop .footer .footer-meta a,
html[data-theme="dark"] body.page-shop .hero-trust-bar,
html[data-theme="dark"] body.page-shop .loading-state,
html[data-theme="dark"] body.page-shop .mobile-category-close,
html[data-theme="dark"] body.page-shop .orders-history-item-main,
html[data-theme="dark"] body.page-shop .orders-history-seller-badge,
html[data-theme="dark"] body.page-shop .orders-history-sellers span,
html[data-theme="dark"] body.page-shop .product-badge-zagrin,
html[data-theme="dark"] body.page-shop .product-card-mobile-seller,
html[data-theme="dark"] body.page-shop .product-detail-trust-box ul,
html[data-theme="dark"] body.page-shop .product-modal-favorite-status,
html[data-theme="dark"] body.page-shop .product-modal-trust-box .trust-list,
html[data-theme="dark"] body.page-shop .product-review-form label,
html[data-theme="dark"] body.page-shop .rating-text,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .header-hamburger-btn:hover {
  color: var(--text-secondary) !important;
}

html[data-theme="dark"] .admin-points-history-delta-positive,
html[data-theme="dark"] .policy-card a,
html[data-theme="dark"] .policy-directory a[aria-current="page"],
html[data-theme="dark"] .seller-stablecoin-settlement-receipt,
html[data-theme="dark"] .seller-stripe-badge.status-active,
html[data-theme="dark"] .withdrawal-eyebrow,
html[data-theme="dark"] .withdrawal-language button:hover,
html[data-theme="dark"] .withdrawal-legal-badge,
html[data-theme="dark"] .withdrawal-operator-identity a,
html[data-theme="dark"] .withdrawal-privacy-note a,
html[data-theme="dark"] .withdrawal-step-number,
html[data-theme="dark"] .withdrawal-success a,
html[data-theme="dark"] body.page-admin #admin-coupon-status[data-tone="success"],
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-guard,
html[data-theme="dark"] body.page-admin .badge-secondary,
html[data-theme="dark"] body.page-favorites .favorite-card-price,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-icon,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill-included,
html[data-theme="dark"] body.page-orders .order-item-tracking-link,
html[data-theme="dark"] body.page-orders .order-item-tracking-link:hover,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="approved"],
html[data-theme="dark"] body.page-payment-status .payment-status-icon,
html[data-theme="dark"] body.page-product-detail .pdp-context-chip:first-child,
html[data-theme="dark"] body.page-product-detail .pdp-stock,
html[data-theme="dark"] body.page-product-detail .product-detail-related-stock,
html[data-theme="dark"] body.page-profile .profile-account-nav-item:hover,
html[data-theme="dark"] body.page-profile .profile-intro-action-link-primary,
html[data-theme="dark"] body.page-profile .profile-intro-action-link-primary:hover,
html[data-theme="dark"] body.page-profile .profile-order-status-paid,
html[data-theme="dark"] body.page-profile .profile-points-delta-positive,
html[data-theme="dark"] body.page-profile .profile-visibility-toggle-eyebrow,
html[data-theme="dark"] body.page-seller .seller-item-status.is-shipped,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-item:hover,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-stock,
html[data-theme="dark"] body.page-shop #checkout-coupon-discount-amount,
html[data-theme="dark"] body.page-shop .auth-password-toggle.is-visible,
html[data-theme="dark"] body.page-shop .auth-privacy svg,
html[data-theme="dark"] body.page-shop .badge-eco-verified,
html[data-theme="dark"] body.page-shop .catalog-apply-button,
html[data-theme="dark"] body.page-shop .catalog-reset-button,
html[data-theme="dark"] body.page-shop .header-filter-btn,
html[data-theme="dark"] body.page-shop .hero-cat-pill:hover,
html[data-theme="dark"] body.page-shop .pick-add-btn::before,
html[data-theme="dark"] body.page-shop .pick-card-badge,
html[data-theme="dark"] body.page-shop .pick-card-price,
html[data-theme="dark"] body.page-shop .product-category-pill,
html[data-theme="dark"] body.page-shop .product-favorite-toggle-button.is-favorited,
html[data-theme="dark"] body.page-shop .product-modal-related-stock,
html[data-theme="dark"] body.page-shop .search-discovery-product-price,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready.desktop-filter-panel-open .desktop-filter-toggle,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready.desktop-filter-panel-open .header-filter-btn {
  color: var(--success-text) !important;
}

html[data-theme="dark"] .admin-stats-card-strong,
html[data-theme="dark"] .admin-stats-kpi-panel-focus,
html[data-theme="dark"] .admin-stats-range-shell,
html[data-theme="dark"] body.page-favorites .favorites-page-feedback:not(:empty),
html[data-theme="dark"] body.page-order-details .order-details-summary-group,
html[data-theme="dark"] body.page-order-details .order-digital-receipt,
html[data-theme="dark"] body.page-orders .orders-filter-empty,
html[data-theme="dark"] body.page-orders .orders-page-empty,
html[data-theme="dark"] body.page-orders .orders-page-list .z-empty-state,
html[data-theme="dark"] body.page-orders .orders-page-list .z-loading-state,
html[data-theme="dark"] body.page-product-detail .pdp-seller-banner-wrap,
html[data-theme="dark"] body.page-product-detail .product-detail-feedback:not(:empty),
html[data-theme="dark"] body.page-product-detail .product-detail-review-trust-note,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-empty,
html[data-theme="dark"] body.page-product-detail .review-attestation-badge,
html[data-theme="dark"] body.page-profile .profile-intro,
html[data-theme="dark"] body.page-profile .profile-points-activity-shell,
html[data-theme="dark"] body.page-profile .profile-section-header,
html[data-theme="dark"] body.page-profile .profile-visibility-toggle,
html[data-theme="dark"] body.page-seller .seller-product-image-live-preview,
html[data-theme="dark"] body.page-seller .seller-product-image-manager,
html[data-theme="dark"] body.page-seller .seller-profile-account-user,
html[data-theme="dark"] body.page-seller .seller-profile-overview,
html[data-theme="dark"] body.page-seller .seller-profile-review,
html[data-theme="dark"] body.page-seller .seller-profile-section-header,
html[data-theme="dark"] body.page-seller-storefront .storefront-banner,
html[data-theme="dark"] body.page-seller-storefront .storefront-empty,
html[data-theme="dark"] body.page-seller-storefront .storefront-hero,
html[data-theme="dark"] body.page-seller-storefront .storefront-message,
html[data-theme="dark"] body.page-shop .auth-status:not(:empty),
html[data-theme="dark"] body.page-shop .cart-empty,
html[data-theme="dark"] body.page-shop .catalog-apply-button,
html[data-theme="dark"] body.page-shop .catalog-apply-button:focus-visible,
html[data-theme="dark"] body.page-shop .catalog-apply-button:hover,
html[data-theme="dark"] body.page-shop .catalog-reset-button,
html[data-theme="dark"] body.page-shop .catalog-reset-button:hover,
html[data-theme="dark"] body.page-shop .checkout-status-message:not(:empty),
html[data-theme="dark"] body.page-shop .hero-visual,
html[data-theme="dark"] body.page-shop .loading-state,
html[data-theme="dark"] body.page-shop .orders-history-status:not(:empty),
html[data-theme="dark"] body.page-shop .page-status:not(:empty),
html[data-theme="dark"] body.page-shop .product-card-rating,
html[data-theme="dark"] body.page-shop .product-category-pill,
html[data-theme="dark"] body.page-shop .product-empty-state,
html[data-theme="dark"] body.page-shop .product-feedback:not(:empty),
html[data-theme="dark"] body.page-shop .product-modal-favorite-status:not(:empty),
html[data-theme="dark"] body.page-shop .product-review-status:not(:empty) {
  background-color: var(--surface-card) !important;
  background-image: none !important;
}

html[data-theme="dark"] .admin-points-history-delta-negative,
html[data-theme="dark"] .order-risk-popover.order-risk-high .order-risk-pill,
html[data-theme="dark"] .order-risk-popover.order-risk-medium .order-risk-pill,
html[data-theme="dark"] .status-refunded,
html[data-theme="dark"] .z-beta-pill,
html[data-theme="dark"] .z-demo-pill,
html[data-theme="dark"] body.page-admin #admin-coupon-status[data-tone="error"],
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-refunded,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-blocked,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-approval,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-policy,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-gonogo-blocker,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-gonogo-mode,
html[data-theme="dark"] body.page-admin .admin-web3-logistics-banner,
html[data-theme="dark"] body.page-admin .summary-trend.kpi-down,
html[data-theme="dark"] body.page-order-details .status-refunded,
html[data-theme="dark"] body.page-orders .buyer-msg-char-count--over,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="rejected"],
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="requested"],
html[data-theme="dark"] body.page-orders .status-refunded,
html[data-theme="dark"] body.page-product-detail .pdp-sticky-stock.pdp-stock-out,
html[data-theme="dark"] body.page-product-detail .pdp-stock.pdp-stock-out,
html[data-theme="dark"] body.page-product-detail .product-detail-related-stock.is-unavailable,
html[data-theme="dark"] body.page-profile #profile-delete-button,
html[data-theme="dark"] body.page-profile #profile-delete-button:focus-visible,
html[data-theme="dark"] body.page-profile #profile-delete-button:hover,
html[data-theme="dark"] body.page-profile .profile-fav-remove:hover,
html[data-theme="dark"] body.page-profile .profile-points-delta-negative,
html[data-theme="dark"] body.page-seller .seller-item-status.not-shipped,
html[data-theme="dark"] body.page-seller .seller-profile-history-reason,
html[data-theme="dark"] body.page-seller .status-refunded,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-stock.is-unavailable,
html[data-theme="dark"] body.page-shop .cart-remove-btn:hover,
html[data-theme="dark"] body.page-shop .customer-password-requirements li[data-state="incomplete"] .customer-password-requirement-marker,
html[data-theme="dark"] body.page-shop .product-modal-related-stock.is-unavailable,
html[data-theme="dark"] body.page-shop .product-stock-sold-out {
  color: var(--error-text) !important;
}

html[data-theme="dark"] .admin-search-view-all,
html[data-theme="dark"] .loading-state,
html[data-theme="dark"] .status-paid,
html[data-theme="dark"] .status-shipped,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-paid,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-shipped,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-decision,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-design,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-evidence,
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-upcoming,
html[data-theme="dark"] body.page-admin .badge,
html[data-theme="dark"] body.page-admin .order-status-paid,
html[data-theme="dark"] body.page-admin .order-status-shipped,
html[data-theme="dark"] body.page-admin .seller-chip,
html[data-theme="dark"] body.page-order-details .order-status-paid,
html[data-theme="dark"] body.page-order-details .order-status-shipped,
html[data-theme="dark"] body.page-order-details .status-paid,
html[data-theme="dark"] body.page-order-details .status-shipped,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="refunded"],
html[data-theme="dark"] body.page-orders .order-status-paid,
html[data-theme="dark"] body.page-orders .order-status-shipped,
html[data-theme="dark"] body.page-orders .status-paid,
html[data-theme="dark"] body.page-orders .status-shipped,
html[data-theme="dark"] body.page-payment-status .order-confirmation-digital-icon,
html[data-theme="dark"] body.page-profile .profile-order-link,
html[data-theme="dark"] body.page-profile .profile-order-status-shipped,
html[data-theme="dark"] body.page-seller .seller-product-image-limit-label,
html[data-theme="dark"] body.page-seller .seller-product-image-selected-badge,
html[data-theme="dark"] body.page-seller .seller-web3-icon,
html[data-theme="dark"] body.page-seller .status-paid,
html[data-theme="dark"] body.page-seller .status-shipped,
html[data-theme="dark"] body.page-shop .orders-history-open-product,
html[data-theme="dark"] body.page-shop .product-modal-trust-line,
html[data-theme="dark"] body.page-shop .product-review-owner-badge {
  color: var(--link-color) !important;
}

html[data-theme="dark"] .admin-order-drawer-header,
html[data-theme="dark"] .admin-stats-report-header,
html[data-theme="dark"] .admin-stats-section-header,
html[data-theme="dark"] .cart-item,
html[data-theme="dark"] .withdrawal-legal-header,
html[data-theme="dark"] body.page-admin .admin-web3-anchor-nav,
html[data-theme="dark"] body.page-order-details .order-details-header,
html[data-theme="dark"] body.page-orders .buyer-msg-modal-header,
html[data-theme="dark"] body.page-orders .feedback-modal-header,
html[data-theme="dark"] body.page-payment-status .order-confirmation-item,
html[data-theme="dark"] body.page-product-detail .pdp-spec-row,
html[data-theme="dark"] body.page-product-detail .product-detail-related-header,
html[data-theme="dark"] body.page-product-detail .product-detail-reviews-header,
html[data-theme="dark"] body.page-profile .profile-account-nav-item,
html[data-theme="dark"] body.page-profile .profile-billing-row,
html[data-theme="dark"] body.page-profile .profile-fav-row,
html[data-theme="dark"] body.page-profile .profile-order-row,
html[data-theme="dark"] body.page-profile .profile-points-activity-header,
html[data-theme="dark"] body.page-profile .profile-section-header,
html[data-theme="dark"] body.page-seller .seller-profile-account-highlights,
html[data-theme="dark"] body.page-seller .seller-profile-account-item,
html[data-theme="dark"] body.page-seller .seller-profile-account-nav-item,
html[data-theme="dark"] body.page-seller .seller-profile-account-user,
html[data-theme="dark"] body.page-seller .seller-profile-overview,
html[data-theme="dark"] body.page-seller .seller-profile-section-header,
html[data-theme="dark"] body.page-seller-storefront .storefront-tab-nav,
html[data-theme="dark"] body.page-shop .cart-item-row,
html[data-theme="dark"] body.page-shop .checkout-item-row,
html[data-theme="dark"] body.page-shop .mobile-category-menu-header,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .mobile-drawer-account {
  border-bottom-color: var(--border-soft) !important;
}

html[data-theme="dark"] #admin-panel-stats .admin-stats-section-body,
html[data-theme="dark"] .admin-order-item-detail-row + .admin-order-item-detail-row,
html[data-theme="dark"] .admin-points-history-entry,
html[data-theme="dark"] .admin-stats-kpi-panel-focus,
html[data-theme="dark"] .admin-stats-secondary-row,
html[data-theme="dark"] .withdrawal-review-list > div + div,
html[data-theme="dark"] .withdrawal-success-details > div + div,
html[data-theme="dark"] body.page-orders .order-card-body,
html[data-theme="dark"] body.page-orders .order-feedback-actions,
html[data-theme="dark"] body.page-orders .order-item-shipping,
html[data-theme="dark"] body.page-orders .order-items-seller-group + .order-items-seller-group,
html[data-theme="dark"] body.page-product-detail .pdp-sticky-bar:not([hidden]),
html[data-theme="dark"] body.page-product-detail .pdp-trust-row,
html[data-theme="dark"] body.page-seller .seller-products,
html[data-theme="dark"] body.page-seller .seller-profile-section + .seller-profile-section,
html[data-theme="dark"] body.page-seller-storefront .storefront-product-actions,
html[data-theme="dark"] body.page-shop .cart-divider,
html[data-theme="dark"] body.page-shop .orders-history-items li,
html[data-theme="dark"] body.page-shop .product-card-bottom,
html[data-theme="dark"] body.page-shop .search-discovery-section + .search-discovery-section,
html[data-theme="dark"] body.page-shop .sidebar-section,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .homepage-catalog-tools,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .homepage-catalog-tools .catalog-filter-actions,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .mobile-drawer-language {
  border-top-color: var(--border-soft) !important;
}

html[data-theme="dark"] .status-paid,
html[data-theme="dark"] .status-shipped,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-paid,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-shipped,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-design,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-evidence,
html[data-theme="dark"] body.page-admin .admin-coupon-state.is-upcoming,
html[data-theme="dark"] body.page-admin .order-status-paid,
html[data-theme="dark"] body.page-admin .order-status-shipped,
html[data-theme="dark"] body.page-order-details .order-status-paid,
html[data-theme="dark"] body.page-order-details .order-status-shipped,
html[data-theme="dark"] body.page-order-details .status-paid,
html[data-theme="dark"] body.page-order-details .status-shipped,
html[data-theme="dark"] body.page-orders .buyer-msg-bubble--user,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="refunded"],
html[data-theme="dark"] body.page-orders .order-status-paid,
html[data-theme="dark"] body.page-orders .order-status-shipped,
html[data-theme="dark"] body.page-orders .status-paid,
html[data-theme="dark"] body.page-orders .status-shipped,
html[data-theme="dark"] body.page-profile .profile-order-status-shipped,
html[data-theme="dark"] body.page-seller .status-paid,
html[data-theme="dark"] body.page-seller .status-shipped {
  background-color: var(--info-bg) !important;
}

html[data-theme="dark"] .seller-stripe-badge,
html[data-theme="dark"] .seller-tab-count,
html[data-theme="dark"] .status-default,
html[data-theme="dark"] .status-unknown,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-default,
html[data-theme="dark"] body.page-admin #admin-dashboard-root .status-unknown,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill-muted,
html[data-theme="dark"] body.page-order-details .order-status-timeline .timeline-step::after,
html[data-theme="dark"] body.page-order-details .order-status-timeline.cancelled .timeline-step::after,
html[data-theme="dark"] body.page-order-details .status-default,
html[data-theme="dark"] body.page-order-details .status-unknown,
html[data-theme="dark"] body.page-orders .order-return-timeline-status,
html[data-theme="dark"] body.page-orders .order-status-timeline.cancelled .timeline-step::after,
html[data-theme="dark"] body.page-orders .status-default,
html[data-theme="dark"] body.page-orders .status-unknown,
html[data-theme="dark"] body.page-orders .timeline-step::after,
html[data-theme="dark"] body.page-seller .status-default,
html[data-theme="dark"] body.page-seller .status-unknown,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready.desktop-filter-panel-open .header-filter-btn {
  background-color: var(--elevated-bg) !important;
}

html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-guard,
html[data-theme="dark"] body.page-order-details .order-digital-receipt-pill-included,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="approved"],
html[data-theme="dark"] body.page-payment-status .order-confirmation-icon,
html[data-theme="dark"] body.page-product-detail .pdp-stock,
html[data-theme="dark"] body.page-seller .seller-item-status.is-shipped,
html[data-theme="dark"] body.page-shop .picks-dot::before {
  background-color: var(--success-bg) !important;
}

html[data-theme="dark"] .seller-stablecoin-settlement-receipt,
html[data-theme="dark"] body.page-profile .profile-account-nav-badge,
html[data-theme="dark"] body.page-profile .profile-account-nav-item.is-active .profile-account-nav-badge,
html[data-theme="dark"] body.page-profile .profile-intro-avatar,
html[data-theme="dark"] body.page-shop .catalog-active-filter-chip:focus-visible,
html[data-theme="dark"] body.page-shop .catalog-active-filter-chip:hover,
html[data-theme="dark"] body.page-shop .hero-cat-pill:hover {
  border-color: color-mix(in srgb, var(--focus-color) 40%, transparent) !important;
}

html[data-theme="dark"] body.page-admin,
html[data-theme="dark"] body.page-legal,
html[data-theme="dark"] body.page-product-detail,
html[data-theme="dark"] body.page-sell,
html[data-theme="dark"] body.page-seller,
html[data-theme="dark"] body.page-shop {
  background-color: var(--page-bg) !important;
  background-image: none !important;
}

html[data-theme="dark"] .z-beta-pill,
html[data-theme="dark"] .z-demo-pill,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-approval,
html[data-theme="dark"] body.page-admin .order-highlight,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="requested"],
html[data-theme="dark"] body.page-seller .seller-item-status.not-shipped {
  background-color: var(--warning-bg) !important;
}

html[data-theme="dark"] body.page-favorites,
html[data-theme="dark"] body.page-orders,
html[data-theme="dark"] body.page-payment-status,
html[data-theme="dark"] body.page-profile,
html[data-theme="dark"] body.page-seller-storefront {
  background-color: var(--page-bg) !important;
}

html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-blocked,
html[data-theme="dark"] body.page-admin #admin-panel-web3 .w3-contract-group.is-policy,
html[data-theme="dark"] body.page-orders .order-return-timeline-status[data-return-timeline-state="rejected"],
html[data-theme="dark"] body.page-product-detail .pdp-stock.pdp-stock-out {
  background-color: var(--error-bg) !important;
}

html[data-theme="dark"] .legal-review-note,
html[data-theme="dark"] .policy-review-banner,
html[data-theme="dark"] body.page-admin .admin-web3-logistics-banner {
  border-color: color-mix(in srgb, var(--warning-text) 34%, transparent) !important;
}

html[data-theme="dark"] body.page-profile .profile-fav-remove:hover,
html[data-theme="dark"] body.page-shop .customer-password-requirements li[data-state="incomplete"] .customer-password-requirement-marker {
  border-color: color-mix(in srgb, var(--error-text) 34%, transparent) !important;
}

html[data-theme="dark"] body.page-profile .profile-visibility-toggle-switch {
  background-color: var(--info-bg) !important;
  background-image: none !important;
}
/* == generated-light-surface-map:end == */

html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .desktop-filter-toggle,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .header-hamburger-btn,
html[data-theme="dark"] body.page-shop .header-account .account-button.account-button-signed-out {
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .desktop-filter-toggle:hover,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .header-hamburger-btn:hover,
html[data-theme="dark"]
  body.page-shop
  .header-account
  .account-button.account-button-signed-out:hover {
  background: var(--hover-bg) !important;
  border-color: var(--border-soft) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .desktop-filter-toggle:focus-visible,
html[data-theme="dark"] body.page-shop.desktop-filter-panel-ready .header-hamburger-btn:focus-visible,
html[data-theme="dark"]
  body.page-shop
  .header-account
  .account-button.account-button-signed-out:focus-visible {
  outline: 2px solid var(--focus-color) !important;
  outline-offset: 2px;
  background: var(--surface-card) !important;
  border-color: var(--border-soft) !important;
  box-shadow: none !important;
}

@media print {
  html,
  html[data-theme="dark"],
  html[data-theme="light"] {
    color-scheme: light !important;
    background: #ffffff !important;
  }

  html body,
  html[data-theme="dark"] body,
  html[data-theme="dark"] main,
  html[data-theme="dark"]
    :where(
      [class$="-card"],
      [class*="-card "],
      [class$="-panel"],
      [class*="-panel "],
      [class$="-section"],
      [class*="-section "],
      table,
      thead,
      tbody,
      tfoot,
      tr,
      th,
      td
    ) {
    color: #111827 !important;
    background: #ffffff !important;
    border-color: #d1d5db !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .theme-toggle,
  [data-theme-toggle] {
    display: none !important;
  }
}