/* UI Refactor 2026 - Non-breaking visual layer
   Loaded last to gently modernize templates without touching business logic. */

:root,
[data-theme="light"] {
  --ux26-bg: #f5f7fb;
  --ux26-bg-soft: #eef2f8;
  --ux26-surface: #ffffff;
  --ux26-surface-2: #f9fbff;
  --ux26-border: rgba(15, 23, 42, 0.1);
  --ux26-border-strong: rgba(15, 23, 42, 0.16);
  --ux26-text: #0f172a;
  --ux26-text-muted: #56627a;
  --ux26-accent: #1f6feb;
  --ux26-accent-soft: rgba(31, 111, 235, 0.12);
  --ux26-success: #0f766e;
  --ux26-warning: #b45309;
  --ux26-danger: #dc2626;
  --ux26-radius-xs: 10px;
  --ux26-radius-sm: 14px;
  --ux26-radius-md: 18px;
  --ux26-radius-lg: 24px;
  --ux26-shadow-sm: 0 4px 14px rgba(15, 23, 42, 0.06);
  --ux26-shadow-md: 0 10px 26px rgba(15, 23, 42, 0.08);
  --ux26-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.1);
}

[data-theme="dark"] {
  --ux26-bg: #0f1420;
  --ux26-bg-soft: #151c2b;
  --ux26-surface: #1a2333;
  --ux26-surface-2: #1e293b;
  --ux26-border: rgba(255, 255, 255, 0.08);
  --ux26-border-strong: rgba(255, 255, 255, 0.14);
  --ux26-text: #e5edf7;
  --ux26-text-muted: #9eb0cb;
  --ux26-accent: #67a3ff;
  --ux26-accent-soft: rgba(103, 163, 255, 0.15);
  --ux26-success: #2bc4b8;
  --ux26-warning: #f59e0b;
  --ux26-danger: #f87171;
  --ux26-shadow-sm: 0 6px 18px rgba(1, 6, 16, 0.38);
  --ux26-shadow-md: 0 14px 30px rgba(1, 6, 16, 0.42);
  --ux26-shadow-lg: 0 20px 46px rgba(1, 6, 16, 0.52);
}

body.mobile-web-parity {
  color: var(--ux26-text);
  background:
    radial-gradient(1200px 420px at 100% 0%, rgba(31, 111, 235, 0.08), transparent 58%),
    radial-gradient(1000px 380px at 0% 20%, rgba(15, 118, 110, 0.08), transparent 60%),
    linear-gradient(180deg, var(--ux26-bg) 0%, var(--ux26-bg-soft) 100%);
}

body.mobile-web-parity .page-content,
body.mobile-web-parity main {
  color: var(--ux26-text);
}

body.mobile-web-parity .container {
  width: min(1200px, calc(100% - 24px));
}

body.mobile-web-parity :is(h1, h2, h3) {
  letter-spacing: -0.01em;
  line-height: 1.28;
}

body.mobile-web-parity :is(p, small, .text-muted) {
  color: var(--ux26-text-muted);
}

/* Shared elevated surfaces */
body.mobile-web-parity :is(
  .orders-mobile-sheet,
  .orders-hero-panel,
  .search-discovery-hero-inner,
  .search-discovery-shell,
  .prf-v3-card,
  .pdv4-card,
  .sr-form-card,
  .topbar-sponsor-modal-card,
  .auth-gate-unified,
  .section-block,
  .home-section-shell
) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-lg);
  background: linear-gradient(160deg, var(--ux26-surface), var(--ux26-surface-2));
  box-shadow: var(--ux26-shadow-md);
}

/* Reduce heavy look where cards were over-styled */
body.mobile-web-parity .home-section-shell,
body.mobile-web-parity .orders-mobile-sheet,
body.mobile-web-parity .orders-hero-panel {
  padding: clamp(14px, 1.7vw, 20px);
}

/* Page topbars and titles */
body.mobile-web-parity .mw-page-topbar {
  border-radius: var(--ux26-radius-md);
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
  box-shadow: var(--ux26-shadow-sm);
  padding: 10px 12px;
}

body.mobile-web-parity .mw-page-title,
body.mobile-web-parity .search-mobile-title {
  color: var(--ux26-text);
  font-weight: 900;
}

/* Navigation + page chrome rhythm */
body.mobile-web-parity :is(.page-shell, .page-content) {
  padding-top: clamp(8px, 1.8vw, 16px);
}

body.mobile-web-parity .ux26-page-header {
  border-radius: var(--ux26-radius-md);
  border: 1px solid var(--ux26-border);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.9), rgba(245, 248, 255, 0.84));
  box-shadow: var(--ux26-shadow-sm);
  padding: clamp(10px, 1.6vw, 14px);
}

body.mobile-web-parity .ux26-toolbar {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.92), rgba(246, 249, 255, 0.86));
  box-shadow: var(--ux26-shadow-sm);
  padding: clamp(10px, 1.4vw, 14px);
}

body.mobile-web-parity :is(.page-header, .mw-page-topbar) {
  margin-bottom: clamp(10px, 1.6vw, 16px);
}

body.mobile-web-parity :is(.page-header .btn-back, .mw-page-topbar .btn-back, .order-back-link, .po-back-btn) {
  border-radius: 12px;
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.08);
}

body.mobile-web-parity .breadcrumb {
  border: 1px solid var(--ux26-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  padding: 6px 10px;
  color: var(--ux26-text-muted);
}

/* Modal / dropdown / pagination consistency */
/* NOTE: .search-map-modal is intentionally excluded — it has its own
   z-index (2050) defined in search.html so it sits above the shared
   #search-map-backdrop (z-index 2049). Adding it here forces 1300,
   which puts the backdrop ABOVE the modal and blocks marker clicks. */
body.mobile-web-parity :is(.ux26-modal, .promo-modal, .ls-modal, .topbar-sponsor-modal, .sr-map-modal, .pd-qr-modal, .notif-promo-modal, .rv-report-modal) {
  z-index: 1300;
}

body.mobile-web-parity :is(.promo-modal-backdrop, .ls-modal-backdrop, .topbar-sponsor-modal-backdrop, .sr-map-modal-backdrop, .rv-report-overlay, .notif-promo-backdrop) {
  background: rgba(15, 23, 42, 0.52);
  backdrop-filter: blur(8px);
}

body.mobile-web-parity :is(.ux26-modal-card, .promo-modal-card, .ls-modal-card, .topbar-sponsor-modal-card, .sr-map-modal-panel, .pd-qr-dialog, .chat-report-dialog, .chat-sheet, .rv-report-dialog, .notif-promo-dialog, .notif-settings-dialog, .subpay-result-dialog, .ps-result-dialog) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-lg);
  background: linear-gradient(160deg, var(--ux26-surface), var(--ux26-surface-2));
  box-shadow: var(--ux26-shadow-lg);
  max-height: min(calc(100vh - 24px), 92dvh);
  overflow: auto;
}

body.mobile-web-parity :is(.promo-modal-head, .ls-modal-head, .modal-header) {
  border-bottom: 1px solid var(--ux26-border);
}

body.mobile-web-parity :is(.promo-modal-close, .ls-modal-close, .topbar-sponsor-modal-close) {
  border: 1px solid var(--ux26-border);
  border-radius: 10px;
  background: var(--ux26-surface);
  color: var(--ux26-text-muted);
}

body.mobile-web-parity :is(.notif-menu, .chats-thread-menu) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: linear-gradient(160deg, var(--ux26-surface), var(--ux26-surface-2));
  box-shadow: var(--ux26-shadow-md);
  overflow: hidden;
}

body.mobile-web-parity :is(.notif-menu-item, .chats-thread-menu-item) {
  border-bottom: 1px solid var(--ux26-border);
}

body.mobile-web-parity :is(.notif-menu-item:last-child, .chats-thread-menu-item:last-child) {
  border-bottom: 0;
}

body.mobile-web-parity :is(.notif-menu-item.danger, .chats-thread-menu-item.danger) {
  color: var(--ux26-danger);
}

body.mobile-web-parity :is(.pagination, .pager, .page-links) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

body.mobile-web-parity :is(.pagination a, .pagination span, .pager a, .pager span, .page-links a, .page-links span) {
  min-width: 36px;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
  color: var(--ux26-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

body.mobile-web-parity :is(.pagination .active, .pager .active, .page-links .active, .pagination [aria-current="page"]) {
  border-color: var(--ux26-accent);
  background: var(--ux26-accent-soft);
  color: var(--ux26-accent);
}

body.mobile-web-parity :is(.pagination .disabled, .pager .disabled, .page-links .disabled, .pagination [aria-disabled="true"], .pager [aria-disabled="true"], .page-links [aria-disabled="true"]) {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Inputs and controls */
body.mobile-web-parity :is(input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], select, textarea) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: var(--ux26-surface);
  color: var(--ux26-text);
  transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}

body.mobile-web-parity :is(input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], select, textarea):focus {
  outline: none;
  border-color: var(--ux26-accent);
  box-shadow: 0 0 0 4px var(--ux26-accent-soft);
}

/* Buttons and chips */
body.mobile-web-parity :is(.tab-btn, .view-all-btn, .orders-search-clear, .sr-auth-btn, .pdv4-cta-btn, .pdv4-extra-pill, .bnav-item) {
  transition: transform 120ms ease, box-shadow 160ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.mobile-web-parity .tab-btn {
  border-radius: 12px;
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
}

body.mobile-web-parity .tab-btn.active {
  border-color: var(--ux26-accent);
  background: var(--ux26-accent-soft);
  color: var(--ux26-accent);
  box-shadow: inset 0 0 0 1px rgba(31, 111, 235, 0.18);
}

body.mobile-web-parity :is(.tab-btn, .view-all-btn, .pdv4-cta-btn):hover {
  transform: translateY(-1px);
}

body.mobile-web-parity .tabs-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

body.mobile-web-parity .tabs-row::-webkit-scrollbar {
  height: 6px;
}

body.mobile-web-parity .tabs-row::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.45);
}

body.mobile-web-parity .orders-search-wrap {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: var(--ux26-surface);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

body.mobile-web-parity .orders-search-input {
  border: 0;
  background: transparent;
  min-height: 44px;
  color: var(--ux26-text);
}

body.mobile-web-parity .orders-search-input:focus {
  box-shadow: none;
}

body.mobile-web-parity .global-toast {
  border-radius: var(--ux26-radius-sm);
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
  box-shadow: var(--ux26-shadow-md);
}

body.mobile-web-parity .topbar-sponsor-modal-card {
  max-width: 520px;
}

/* Sponsor dialog: clearer hierarchy, no nested-scroll reading trap */
body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-card {
  width: min(560px, calc(100vw - 28px));
  max-width: min(560px, calc(100vw - 28px));
  box-sizing: border-box;
  max-height: none;
  overflow: hidden;
  padding: clamp(16px, 3vw, 22px);
  gap: 14px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 88% 4%, rgba(103, 58, 183, 0.11), transparent 34%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.99), rgba(248, 245, 255, 0.96));
}

body.mobile-web-parity .topbar-sponsor-modal {
  z-index: 1800;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 142px;
  padding: clamp(16px, 3vw, 22px);
  border-radius: 24px;
  box-shadow: none;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-media-card {
  min-width: 124px;
  padding: 0;
  gap: 8px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-media {
  width: 96px;
  height: 96px;
  padding: 8px;
  border-radius: 22px;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-media-note {
  font-size: 11.5px;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal h3,
body.mobile-web-parity .topbar-sponsor-modal h3 {
  font-size: clamp(22px, 4vw, 30px);
  line-height: 1.25;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-panel {
  gap: 10px;
  padding: clamp(14px, 2.4vw, 18px);
  border-radius: 22px;
  box-shadow: none;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-panel-head {
  justify-content: flex-start;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-label {
  font-size: 14px;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-quote {
  display: none;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-body {
  max-height: 11.4em;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  color: #4f4665;
  line-height: 1.9;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-body.is-expanded {
  max-height: none;
  overflow: visible;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-panel.has-collapsible-message .topbar-sponsor-modal-body:not(.is-expanded) {
  mask-image: linear-gradient(180deg, #000 72%, transparent 100%);
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-more {
  justify-self: start;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(103, 58, 183, 0.14);
  background: rgba(103, 58, 183, 0.07);
  color: #5b36ab;
  font-size: 12px;
  font-weight: 900;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-more.hidden {
  display: none;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-link,
body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-secondary {
  min-height: 48px;
  border-radius: 16px;
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-link {
  width: 100%;
  min-width: 0;
  margin-inline-start: 0;
  background: linear-gradient(135deg, #e8fbdf, #f5fff0);
}

body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-secondary {
  min-width: 116px;
  box-shadow: none;
}

@media (max-width: 640px) {
  body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-card {
    width: calc(100dvw - 24px) !important;
    max-width: calc(100dvw - 24px) !important;
    margin-inline: auto !important;
    border-radius: 22px;
    transform: translateX(12px);
  }

  body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-inline-start: 54px;
  }

  body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-media-card {
    justify-items: start;
    width: auto;
  }

  body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-actions {
    grid-template-columns: 1fr;
  }

  body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-secondary {
    width: 100%;
  }

  [dir="ltr"] body.mobile-web-parity .topbar-sponsor-modal .topbar-sponsor-modal-card {
    transform: none;
  }
}

/* Empty/loading states look cleaner */
body.mobile-web-parity .empty-state {
  border: 1px dashed var(--ux26-border-strong);
  border-radius: var(--ux26-radius-md);
  background: var(--ux26-surface-2);
  padding: 20px 16px;
}

body.mobile-web-parity .shimmer {
  border-radius: 12px;
}

/* Alerts and badges */
body.mobile-web-parity :is(.badge, .status-badge, .orders-tab-count, .pdv4-pill, .mwx-pill) {
  border-radius: 999px;
  font-weight: 800;
}

/* Form polish */
body.mobile-web-parity .ux26-form-shell {
  display: grid;
  gap: 14px;
}

body.mobile-web-parity .ux26-form-section {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: rgba(255, 255, 255, 0.34);
  padding: clamp(12px, 1.8vw, 18px);
}

body.mobile-web-parity :is(.sr-field-group, .promo-service-block .form-group, .promo-payment-card-grid .form-group, .verify-form-stack, .order-review-field) {
  margin-bottom: 12px;
}

body.mobile-web-parity :is(.form-label, .order-form-label, .sr-field-group label) {
  color: var(--ux26-text);
  font-weight: 800;
  letter-spacing: -0.01em;
}

body.mobile-web-parity :is(.ux26-field-help, .sr-char-count, .verify-upload-hint, .portfolio-picker-help, .text-muted) {
  color: var(--ux26-text-muted);
}

body.mobile-web-parity :is(.form-error, .sr-field-error, .verify-pay-field-error, .rq-field-error) {
  border: 1px solid rgba(220, 38, 38, 0.22);
  border-radius: 12px;
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
  font-weight: 700;
  padding: 8px 10px;
}

body.mobile-web-parity :is(.ux26-form-actions, .verify-page-actions, .promo-submit-actions, .promo-summary-actions, .promo-payment-actions, .order-inline-actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body.mobile-web-parity :is(.ux26-form-actions, .verify-page-actions, .promo-submit-actions, .promo-summary-actions, .promo-payment-actions) :is(.btn, .btn-primary, .btn-secondary, .btn-outline) {
  min-height: 42px;
  border-radius: 12px;
}

/* Status / alerts consistency */
body.mobile-web-parity :is(.ux26-alert, .order-offers-feedback, .verify-status-notice, .verify-files-feedback, .pod-error, .ls-inline-alert, .as-inline-alert) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: var(--ux26-surface);
  color: var(--ux26-text);
  padding: 10px 12px;
  line-height: 1.7;
}

body.mobile-web-parity :is(.verify-files-feedback, .order-offers-feedback, .form-error):empty {
  display: none;
}

body.mobile-web-parity :is(.ux26-alert-danger, .order-offers-feedback.is-error, .verify-status-notice.is-error, .pod-error, .as-inline-alert.is-error, .ls-inline-alert.is-error) {
  border-color: rgba(220, 38, 38, 0.24);
  background: rgba(220, 38, 38, 0.08);
  color: #b91c1c;
}

body.mobile-web-parity :is(.ux26-alert-success, .order-offers-feedback.is-success, .verify-files-feedback.is-success, .as-inline-alert.is-success, .ls-inline-alert.is-success) {
  border-color: rgba(15, 118, 110, 0.26);
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
}

body.mobile-web-parity :is(.ux26-alert-warning) {
  border-color: rgba(180, 83, 9, 0.26);
  background: rgba(180, 83, 9, 0.08);
  color: #b45309;
}

body.mobile-web-parity :is(.ux26-alert-info, .verify-status-notice) {
  border-color: rgba(31, 111, 235, 0.24);
  background: rgba(31, 111, 235, 0.08);
  color: #1d4ed8;
}

body.mobile-web-parity :is(.ux26-status-badge, .status-badge, .order-status, .order-offer-status, .promo-status-pill, .verify-track-pill, .pod-status-pill) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid var(--ux26-border);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

/* Typography balance across the shared web shell */
body.mobile-web-parity {
  font-size: var(--font-size-body);
  line-height: 1.72;
}

body.mobile-web-parity :is(h1, .page-header h1, .page-title, .mw-page-title, .search-mobile-title) {
  font-size: var(--font-size-title-lg);
  font-weight: var(--font-weight-title);
  line-height: 1.24;
  letter-spacing: -0.015em;
}

body.mobile-web-parity :is(h2, .section-title, .auth-title) {
  font-size: var(--font-size-title-md);
  font-weight: var(--font-weight-strong);
  line-height: 1.3;
}

body.mobile-web-parity :is(h3, .form-card-title, .auth-gate-unified-title, .ux26-page-header h2) {
  font-size: var(--font-size-title-sm);
  font-weight: var(--font-weight-strong);
  line-height: 1.34;
}

body.mobile-web-parity :is(p, li, .page-subtitle) {
  font-size: 0.95rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.78;
}

body.mobile-web-parity :is(small, .text-muted, .ux26-field-help, .sr-char-count, .verify-upload-hint, .portfolio-picker-help) {
  font-size: 0.84rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.7;
}

body.mobile-web-parity :is(.badge, .status-badge, .orders-tab-count, .pdv4-pill, .mwx-pill, .ux26-status-badge, .order-status, .order-offer-status, .promo-status-pill, .verify-track-pill, .pod-status-pill) {
  font-weight: var(--font-weight-strong);
}

body.mobile-web-parity :is(.form-label, .order-form-label, .sr-field-group label) {
  font-weight: var(--font-weight-strong);
}

body.mobile-web-parity :is(.btn, .btn-primary, .btn-secondary, .btn-outline, .btn-sm, .btn-primary-lg, .btn-outlined, .notif-action-btn, .subs-plan-action, .ls-edit-btn) {
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-strong);
}

body.mobile-web-parity .verify-track-pill.is-info {
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.3);
  background: rgba(37, 99, 235, 0.12);
}

body.mobile-web-parity .verify-track-pill.is-warning {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.28);
  background: rgba(180, 83, 9, 0.12);
}

body.mobile-web-parity .verify-track-pill.is-success {
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.28);
  background: rgba(15, 118, 110, 0.12);
}

body.mobile-web-parity .verify-track-pill.is-error {
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(220, 38, 38, 0.12);
}

body.mobile-web-parity .verify-track-pill.is-muted {
  color: #475569;
  border-color: rgba(100, 116, 139, 0.28);
  background: rgba(100, 116, 139, 0.12);
}

body.mobile-web-parity .promo-status-pill.status-new,
body.mobile-web-parity .promo-status-pill.status-awaiting-review,
body.mobile-web-parity .promo-status-pill.status-in-review {
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(37, 99, 235, 0.1);
}

body.mobile-web-parity .promo-status-pill.status-quoted,
body.mobile-web-parity .promo-status-pill.status-pending-payment {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.28);
  background: rgba(180, 83, 9, 0.1);
}

body.mobile-web-parity .promo-status-pill.status-active,
body.mobile-web-parity .promo-status-pill.status-in-progress,
body.mobile-web-parity .promo-status-pill.status-completed {
  color: #0f766e;
  border-color: rgba(15, 118, 110, 0.28);
  background: rgba(15, 118, 110, 0.1);
}

body.mobile-web-parity .promo-status-pill.status-rejected,
body.mobile-web-parity .promo-status-pill.status-cancelled,
body.mobile-web-parity .promo-status-pill.status-expired {
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.28);
  background: rgba(220, 38, 38, 0.1);
}

/* Better readability for operational tables */
body.mobile-web-parity table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: var(--ux26-surface);
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-md);
  overflow: hidden;
}

body.mobile-web-parity table thead th {
  font-size: 12px;
  color: var(--ux26-text-muted);
  background: var(--ux26-surface-2);
  border-bottom: 1px solid var(--ux26-border);
}

body.mobile-web-parity table :is(th, td) {
  padding: 11px 12px;
  vertical-align: middle;
}

body.mobile-web-parity table tbody tr + tr td {
  border-top: 1px solid var(--ux26-border);
}

body.mobile-web-parity :is(.ux26-table-wrap, .verify-summary-table-wrap, .promo-summary-table-wrap, .pricing-table-wrap, .promo-requests-table-wrap, .verify-track-req-table-wrap) {
  overflow-x: auto;
  border-radius: var(--ux26-radius-sm);
  scrollbar-width: thin;
}

body.mobile-web-parity :is(.ux26-table, .verify-summary-table, .promo-summary-table, .pricing-table, .promo-requests-table, .verify-track-req-table) {
  min-width: 560px;
}

body.mobile-web-parity :is(.orders-list, #po-list) {
  display: grid;
  gap: 12px;
}

body.mobile-web-parity :is(.orders-list .order-card, #po-list .order-card) {
  border-radius: var(--ux26-radius-md);
  border: 1px solid var(--ux26-border);
  box-shadow: var(--ux26-shadow-sm);
}

/* High-value page sweep (notifications/settings/plans/payments) */
body.mobile-web-parity.page-notifications .notif-shell {
  display: grid;
  gap: 12px;
}

body.mobile-web-parity.page-notifications .notif-page-top p {
  margin-top: 6px;
}

body.mobile-web-parity.page-notifications .notif-actions :is(.btn-sm, .notif-action-btn) {
  border-radius: 11px;
  border: 1px solid var(--ux26-border);
  background: var(--ux26-surface);
  color: var(--ux26-text);
}

body.mobile-web-parity.page-notifications .notif-list {
  display: grid;
  gap: 10px;
}

body.mobile-web-parity.page-notifications .notif-card {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-sm);
  background: linear-gradient(160deg, var(--ux26-surface), var(--ux26-surface-2));
  box-shadow: var(--ux26-shadow-sm);
  transition: transform 120ms ease, box-shadow 160ms ease, border-color 140ms ease;
}

body.mobile-web-parity.page-notifications .notif-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--ux26-shadow-md);
}

body.mobile-web-parity.page-notifications :is(.notif-flag, .notif-dot) {
  border: 1px solid var(--ux26-border);
}

/* ── Notifications premium polish (mobile-parity port) ───────────── */
body.mobile-web-parity.page-notifications .notif-control-panel {
  background: linear-gradient(150deg, rgba(103, 58, 183, 0.08), var(--ux26-surface) 60%);
  border: 1px solid rgba(103, 58, 183, 0.12);
  border-radius: var(--ux26-radius-md);
  box-shadow: var(--ux26-shadow-sm);
}

body.mobile-web-parity.page-notifications .notif-list-panel {
  border-radius: var(--ux26-radius-md);
  box-shadow: var(--ux26-shadow-sm);
}

body.mobile-web-parity.page-notifications .notif-icon {
  border-radius: 12px;
}

/* عدّاد الإجمالي: شارة بتدرّج بنفسجي فاخر بظل */
body.mobile-web-parity.page-notifications .notif-total-badge {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  box-shadow: 0 4px 12px rgba(103, 58, 183, 0.32);
  border: none;
}

body.mobile-web-parity.page-notifications .notif-unread-badge {
  border: 1px solid rgba(103, 58, 183, 0.22);
  background: rgba(103, 58, 183, 0.1);
  color: var(--color-primary-dark);
}

body.mobile-web-parity.page-notifications .notif-action-btn:hover {
  border-color: rgba(103, 58, 183, 0.3);
  background: rgba(103, 58, 183, 0.12);
}

/* ── Notification settings premium polish ────────────────────────── */
body.mobile-web-parity.page-notification-settings .notif-section-card {
  border-radius: var(--ux26-radius-md);
  box-shadow: var(--ux26-shadow-sm);
}

body.mobile-web-parity.page-notification-settings .notif-settings-layout {
  align-items: start;
  gap: 14px;
}

/* ── Client flat preferences (parity with mobile app) ────────────── */
/* العميل: قائمة مسطّحة بعمود واحد بلا ترويسات باقات */
body.mobile-web-parity.page-notification-settings #notif-settings-list.notif-settings-flat {
  display: block;
}

body.mobile-web-parity.page-notification-settings #notif-settings-list.notif-settings-flat .notif-settings-main {
  display: block;
}

/* نُحيّد إطار اللوحة الحاوية لتظهر صفوف التفضيلات مباشرة في عمود واحد */
body.mobile-web-parity.page-notification-settings #notif-settings-list.notif-settings-flat #notif-basic-section {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}

body.mobile-web-parity.page-notification-settings .notif-flat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.mobile-web-parity.page-settings :is(.settings-profile-header, .form-card) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-md);
  box-shadow: var(--ux26-shadow-sm);
}

body.mobile-web-parity.page-settings .danger-zone {
  border-color: rgba(220, 38, 38, 0.2);
}

body.mobile-web-parity.page-settings .settings-avatar-upload-status {
  border-color: var(--ux26-border);
  background: var(--ux26-accent-soft);
  color: var(--ux26-accent);
}

body.mobile-web-parity.page-plans .subs-compare-stage {
  border-radius: var(--ux26-radius-md);
}

body.mobile-web-parity.page-plans .subs-compare-table-wrap {
  overflow-x: auto;
  border-radius: var(--ux26-radius-sm);
}

body.mobile-web-parity.page-plans .plan-status {
  border: 1px solid var(--ux26-border);
  border-radius: 999px;
}

body.mobile-web-parity.page-plan-summary :is(.subsum-shell, .subsum-panel, .subsum-total-card) {
  border: 1px solid var(--ux26-border);
  border-radius: var(--ux26-radius-md);
  background: linear-gradient(160deg, var(--ux26-surface), var(--ux26-surface-2));
  box-shadow: var(--ux26-shadow-sm);
}

body.mobile-web-parity.page-plan-summary .subsum-table-wrap {
  border-radius: var(--ux26-radius-sm);
  overflow-x: auto;
}

body.mobile-web-parity.page-verification-payment .verify-pay-method-option {
  border: 1px solid var(--ux26-border);
  border-radius: 12px;
  background: var(--ux26-surface);
}

body.mobile-web-parity.page-verification-payment .verify-pay-method-option.is-selected {
  border-color: var(--ux26-accent);
  background: var(--ux26-accent-soft);
}

body.mobile-web-parity.page-verification-payment .verify-pay-summary-item strong.ux26-status-badge {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  line-height: 1.35;
  text-align: center;
  padding-block: 6px;
}

body.mobile-web-parity.page-verification-payment .verify-pay-method-option:focus-within {
  border-color: var(--ux26-accent);
  box-shadow: 0 0 0 4px var(--ux26-accent-soft);
}

/* Interaction polish */
body.mobile-web-parity :is(a, button, [role="button"], input, select, textarea, .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-sm, .tab-btn, .notif-card, .notif-menu-item, .subs-plan-action, .ls-edit-btn):focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px var(--ux26-accent-soft), 0 0 0 1px var(--ux26-accent);
}

body.mobile-web-parity :is(.btn, .btn-primary, .btn-secondary, .btn-outline, .btn-sm, .notif-action-btn, .subs-plan-action, .ls-edit-btn):active {
  transform: translateY(0);
}

body.mobile-web-parity :is(button, .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-sm, .subs-plan-action):disabled,
body.mobile-web-parity :is(.is-disabled, [aria-disabled="true"]) {
  opacity: 0.56;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

/* Dark mode fixes (audit pass) */
[data-theme="dark"] body.mobile-web-parity :is(.ux26-page-header, .ux26-toolbar, .mw-page-topbar) {
  background: linear-gradient(160deg, rgba(26, 35, 51, 0.94), rgba(30, 41, 59, 0.88));
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] body.mobile-web-parity :is(.ux26-modal-card, .promo-modal-card, .ls-modal-card, .topbar-sponsor-modal-card, .sr-map-modal-panel, .pd-qr-dialog, .chat-report-dialog, .chat-sheet, .rv-report-dialog, .notif-promo-dialog, .notif-settings-dialog, .subpay-result-dialog, .ps-result-dialog) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.98), rgba(19, 27, 41, 0.96));
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] body.mobile-web-parity :is(.notif-menu, .chats-thread-menu) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.96));
}

[data-theme="dark"] body.mobile-web-parity :is(.pagination a, .pagination span, .pager a, .pager span, .page-links a, .page-links span) {
  background: rgba(26, 35, 51, 0.9);
  border-color: rgba(255, 255, 255, 0.12);
  color: #dbe7f7;
}

[data-theme="dark"] body.mobile-web-parity.page-notifications :is(.notif-card, .notif-menu, .notif-action-btn, .notif-toast, .notif-list-panel) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.mobile-web-parity.page-notifications :is(.notif-title, .notif-text, .notif-time, .notif-open-hint) {
  color: #c8d8ed;
}

[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-settings-heading-copy, .notif-section-card, .notif-settings-dialog, .notif-extra-panel, .notif-tier-panel, .notif-settings-empty-screen) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.mobile-web-parity.page-settings :is(.settings-hero, .settings-profile-header, .form-card) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] body.mobile-web-parity.page-plans :is(.subs-compare-head, .subs-compare-board, .subs-compare-table, .subs-plan-head) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.mobile-web-parity.page-plan-summary :is(.subsum-shell, .subsum-panel, .subsum-total-card, .subpay-result-dialog) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment :is(.verify-pay-header, .verify-pay-card, .verify-pay-method-option, .verify-pay-summary-item, .verify-pay-toast) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-status {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(18, 27, 42, 0.88);
  color: #dbe7f7;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-status.is-success {
  border-color: rgba(45, 212, 191, 0.36);
  background: rgba(45, 212, 191, 0.14);
  color: #99f6e4;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-status.is-warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: rgba(245, 158, 11, 0.14);
  color: #fcd34d;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-status.is-error {
  border-color: rgba(248, 113, 113, 0.38);
  background: rgba(248, 113, 113, 0.14);
  color: #fecaca;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-toast.success {
  background: #14532d;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-toast.warning {
  background: #78350f;
}

[data-theme="dark"] body.mobile-web-parity.page-verification-payment .verify-pay-toast.error {
  background: #7f1d1d;
}

[data-theme="dark"] body.page-service-request {
  background:
    radial-gradient(1100px 420px at 12% -10%, rgba(20, 184, 166, 0.16), transparent 58%),
    radial-gradient(900px 380px at 88% 0%, rgba(245, 158, 11, 0.12), transparent 58%),
    linear-gradient(180deg, #0f1420 0%, #131b2b 52%, #182236 100%);
}

[data-theme="dark"] body.page-service-request :is(.sr-form-card, .sr-auth-gate, .sr-hero, .sr-hero-card, .sr-fixed-target, .sr-dispatch-box, .sr-selected-provider, .sr-toast, .sr-map-modal-panel, .sr-attach-item, .sr-attach-btn) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #dbe7f7;
}

[data-theme="dark"] body.page-service-request :is(.sr-hero-copy h1, .sr-section-label, .sr-selected-provider-name, .sr-popup-name) {
  color: #e8f0fb;
}

[data-theme="dark"] body.page-service-request :is(.sr-hero-copy p, .sr-hero-card p, .sr-ft-label, .sr-char-count, .sr-popup-stats) {
  color: #a8bbd6;
}

[data-theme="dark"] body.page-verification :is(.verify-page-hero, .verify-badge-tab, .verify-status-notice, .verify-tracking-strip, .verify-track-card, .verify-panel, .verify-lookup-card, .verify-attachments-card, .verify-green-list-card, .verify-summary-card, .verify-success-dialog, .verify-preview-card, .verify-track-mini-grid > div, .verify-track-reject-note) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.page-verification :is(.verify-page-subtitle, .verify-card-head p, .verify-upload-hint, .verify-summary-caption, .verify-track-meta, .verify-track-lines span, .verify-track-req-title + small) {
  color: #a8bbd6;
}

[data-theme="dark"] body.page-verification :is(.verify-summary-table thead th, .verify-track-req-table thead th) {
  background: rgba(255, 255, 255, 0.05);
  color: #b9cce5;
}

[data-theme="dark"] body.page-promotion-new :is(.detail-card, .promo-service-block, .portfolio-picker, .pricing-instruction-item, .promo-live-total, .promo-upload-status, .promo-payment-security, .promo-summary-provider-row strong, .promo-payment-request-row, .promo-payment-amount-row, .promo-payment-method-option, .promo-summary-table tbody td, .promo-summary-table tbody th, .promo-modal-item, .banner-editor) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
  color: #e6eefb;
}

[data-theme="dark"] body.page-promotion-new :is(.promo-top-copy p, .promo-composer-intro p, .portfolio-picker-help, .promo-live-total-detail, .promo-upload-status-detail, .promo-summary-note, .pricing-instruction-item span, .promo-line span:first-child) {
  color: #a8bbd6;
}

[data-theme="dark"] body.page-promotion-new :is(.promo-summary-table thead th, .pricing-table th, .promo-requests-table thead th) {
  background: rgba(255, 255, 255, 0.06);
  color: #bdd0e8;
}

[data-theme="dark"] body.page-provider-order-detail-v2 {
  --pod-text: #e6eefb;
  --pod-muted: #9fb3cc;
  --pod-bg: #0f1420;
  --pod-card: #1a2333;
  --pod-line: rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 12% -8%, rgba(103, 58, 183, 0.22), transparent 33%),
    radial-gradient(circle at 92% 0%, rgba(37, 99, 235, 0.16), transparent 27%),
    linear-gradient(180deg, #0f1420 0%, #131b2b 52%, #182236 100%);
}

[data-theme="dark"] body.page-provider-order-detail-v2 :is(.pod-card, .pod-loading-shell, .pod-error, .pod-auth-card, .pod-info-line, .pod-readonly-box, .pod-overview-tile, .pod-log-body, .pod-file-row, .pod-attachment-row, .pod-topbar) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.96), rgba(20, 29, 43, 0.94));
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] body.page-provider-order-detail-v2 :is(.pod-btn-outline, .pod-btn-outline-neutral, .pod-btn-outline-danger) {
  background: rgba(25, 35, 52, 0.92);
  border-color: rgba(255, 255, 255, 0.14);
}

/* Dark mode readability sweep across all mobile-web templates.
   Many pages define their own inline/page-local card palettes; these final
   rules keep titles, descriptions, cards and form controls legible after the
   customer toggles the dark theme. */
[data-theme="dark"] body.mobile-web-parity {
  --nw-bg: #0f1420;
  --nw-surface: #192334;
  --nw-surface-2: #202c40;
  --nw-border: rgba(255, 255, 255, 0.12);
  --nw-text: #eef5ff;
  --nw-text-muted: #b7c6dc;
  --nw-text-soft: #91a4bf;
  --nw-accent: #9fc5ff;
  --nw-accent-soft: rgba(103, 163, 255, 0.16);
  --hub-ink: var(--nw-text);
  --hub-ink-2: var(--nw-text-muted);
  --hub-ink-3: var(--nw-text-soft);
  --hub-line: var(--nw-border);
  --hub-line-2: rgba(255, 255, 255, 0.18);
  --hub-bg: #0f1420;
  --hub-card: #192334;
  --pod-text: var(--nw-text);
  --pod-muted: var(--nw-text-muted);
  --pod-bg: #0f1420;
  --pod-card: #192334;
  --pod-line: var(--nw-border);
}

[data-theme="dark"] body.mobile-web-parity,
[data-theme="dark"] body.mobile-web-parity :is(main, .page-content, .container, .page-shell) {
  color: var(--nw-text);
}

[data-theme="dark"] body.mobile-web-parity :is(
  h1, h2, h3, h4, h5, h6,
  .page-title, .page-subtitle strong, .section-title, .section-heading,
  .card-title, .form-card-title, .auth-title, .auth-gate-unified-title,
  .mw-page-title, .search-mobile-title,
  [class*="title"], [class*="heading"], [class*="name"]
) {
  color: var(--nw-text) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  p, li, label, small,
  .page-subtitle, .section-note, .form-hint, .text-muted,
  [class*="desc"], [class*="subtitle"], [class*="summary"],
  [class*="detail"], [class*="caption"], [class*="meta"],
  [class*="hint"], [class*="note"], [class*="copy"]
) {
  color: var(--nw-text-muted) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  .card, [class$="-card"], [class*="-card "], [class*=" card"],
  .panel, [class$="-panel"], [class*="-panel "], [class*=" panel"],
  .shell, [class$="-shell"], [class*="-shell "], [class*=" shell"],
  .box, [class$="-box"], [class*="-box "], [class*=" box"],
  .tile, [class$="-tile"], [class*="-tile "], [class*=" tile"],
  .option, [class$="-option"], [class*="-option "], [class*=" option"],
  .modal-card, [class$="-modal-card"], [class*="-modal-card "],
  [class$="-modal-panel"], [class*="-modal-panel "],
  .dialog, [class*="dialog"]
) {
  background: linear-gradient(165deg, rgba(25, 35, 52, 0.98), rgba(20, 29, 43, 0.96)) !important;
  border-color: var(--nw-border) !important;
  color: var(--nw-text) !important;
  box-shadow: 0 16px 34px rgba(1, 6, 16, 0.34) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  .btn, .btn-primary, .btn-secondary, .btn-outline, .btn-sm,
  button, a[role="button"], [class*="button"], [class*="btn"]
) {
  border-color: rgba(255, 255, 255, 0.16);
}

[data-theme="dark"] body.mobile-web-parity :is(
  .btn-secondary, .btn-outline, .btn-outlined,
  [class*="outline"], [class*="secondary"]
):not(.btn-primary):not([class*="danger"]) {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--nw-text) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  input, select, textarea,
  .form-input, .otp-box, .search-input, .orders-search-input
) {
  background: rgba(15, 23, 42, 0.82) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--nw-text) !important;
  caret-color: var(--nw-accent);
}

[data-theme="dark"] body.mobile-web-parity :is(input, select, textarea)::placeholder {
  color: var(--nw-text-soft) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  table, thead, tbody, tr, th, td,
  .table, [class*="table"], [class*="list"], [class*="row"]
) {
  border-color: var(--nw-border) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(table, .table, [class*="table"]) {
  background: rgba(25, 35, 52, 0.96) !important;
  color: var(--nw-text) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(thead th, [class*="table"] th) {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #c9d8ec !important;
}

[data-theme="dark"] body.mobile-web-parity :is(
  .badge, .status-badge, [class*="badge"], [class*="pill"], [class*="tag"], [class*="status"]
) {
  border-color: rgba(255, 255, 255, 0.16);
}

[data-theme="dark"] body.mobile-web-parity :is(
  .empty-state, .loading-state, [class*="empty"], [class*="loading"], [class*="skeleton"]
) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: var(--nw-text-muted) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(svg, .icon, [class*="icon"]) {
  color: currentColor;
}

[data-theme="dark"] body.mobile-web-parity a:not(.btn):not([class*="btn"]) {
  color: var(--nw-accent);
}

[data-theme="dark"] body.mobile-web-parity :is(hr, .divider, [class*="divider"], [class*="separator"]) {
  border-color: var(--nw-border) !important;
  background-color: var(--nw-border) !important;
}

/* Page-specific dark contrast fixes: Interactive + My Profile */
[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x .page-content,
[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 .page-content {
  background:
    radial-gradient(900px 360px at 88% -8%, rgba(103, 58, 183, 0.24), transparent 58%),
    radial-gradient(720px 320px at 0% 22%, rgba(45, 212, 191, 0.12), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 50%, #0f1726 100%) !important;
  color: #f4f7fb !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x :is(.interactive-overview-card, .interactive-panel-shell, .interactive-person-card, .interactive-favorite-card, .interactive-favorite-reel, .interactive-loading-shell, .interactive-loading-card),
[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(.prf-v3-card, .provider-dashboard-strip, .prf-v3-cta, .provider-profile-card) {
  background: linear-gradient(165deg, rgba(23, 34, 52, 0.98), rgba(18, 27, 42, 0.96)) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f4f7fb !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.30) !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x :is(.interactive-panel-title, .interactive-following-name, .interactive-favorites-section-title),
[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(#profile-name, .prf-v3-mode-label, .prf-v3-summary-title, .prf-v3-panel-title, .prf-v3-cta strong, .mwx-menu-item strong, .provider-profile-card strong) {
  color: #f4f7fb !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x :is(.interactive-panel-subtitle, .interactive-following-handle, .interactive-person-subtitle, .interactive-blocked-caption, .interactive-state-text),
[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(#profile-head-intro, .prf-v3-command-sub, .prf-v3-cta span, .mwx-menu-item small, .provider-kpi-label, .mwx-stat span, .provider-profile-card small, .provider-profile-card p) {
  color: #c7d2e4 !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x :is(.inx-search input, .inx-density),
[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(.mwx-action, .mwx-menu-item, .provider-kpi, .mwx-stats, .mwx-mode-toggle, .ux-mode-switch) {
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f4f7fb !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x .interactive-tab-btn:not(.active) {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #aebbd0 !important;
}

[data-theme="dark"] body.mobile-web-parity.page-interactive.page-interactive-x .interactive-tab-btn.active {
  background: linear-gradient(135deg, #f7f2ff 0%, #eee7ff 100%) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: #241044 !important;
  box-shadow: 0 8px 22px rgba(167, 139, 250, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(.mwx-action:hover, .mwx-menu-item:hover, .provider-kpi:hover) {
  background: rgba(167, 139, 250, 0.13) !important;
  border-color: rgba(196, 181, 253, 0.26) !important;
}

[data-theme="dark"] body.mobile-web-parity.page-profile.page-profile-v3 :is(.mwx-action i, .mwx-menu-item i, #profile-username, .prf-v3-badge, .prf-v3-note) {
  background: rgba(167, 139, 250, 0.16) !important;
  border-color: rgba(196, 181, 253, 0.22) !important;
  color: #d8ccff !important;
}

/* Full dark-mode sweep for high-traffic customer/provider pages. */
[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) {
  --nw-page-bg: #0f1726;
  --nw-page-bg-2: #101b2d;
  --nw-page-surface: #172234;
  --nw-page-surface-2: #1d2a3f;
  --nw-page-border: rgba(255, 255, 255, 0.12);
  --nw-page-border-strong: rgba(255, 255, 255, 0.18);
  --nw-page-text: #f4f7fb;
  --nw-page-muted: #c7d2e4;
  --nw-page-soft: #93a4bd;
  --nw-page-accent: #a78bfa;
  --nw-page-accent-2: #2dd4bf;
  --nw-page-accent-soft: rgba(167, 139, 250, 0.16);
  --nw-page-success: #86efac;
  --nw-page-warning: #fcd34d;
  --nw-page-danger: #fca5a5;
  background: var(--nw-page-bg) !important;
  color: var(--nw-page-text) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(main, .page-content, .page-shell, .as-page, .ls-page, .contact-page, .about-page) {
  background:
    radial-gradient(940px 380px at 88% -8%, rgba(103, 58, 183, 0.24), transparent 58%),
    radial-gradient(760px 320px at 4% 22%, rgba(45, 212, 191, 0.12), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, var(--nw-page-bg-2) 50%, var(--nw-page-bg) 100%) !important;
  color: var(--nw-page-text) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(
  .detail-card, .form-card, .auth-card, .auth-gate, .auth-gate-unified,
  .pdv4-card, .pdv4-sub-panel, .pdv4-kpi, .pdv4-menu-item, .pdv4-extra-pill,
  .pe-tabs-card, .pe-section-links-card, .pe-section-hero, .pe-content-card, .pe-content-item, .pe-phone-otp-box, .pe-additional-link-chip, .pe-additional-link-row, .pe-local-toast,
  .chats-card, .chats-thread, .chat-card, .chat-sheet, .chat-message, .thread-card,
  .search-discovery-shell, .search-discovery-hero-inner, .provider-card, .provider-result-card, .sp-hero-inner, .sp-toolbar, .sp-content, .sp-signal, .sp-hero-stat,
  .ur-hero, .ur-form, .ur-form-shell, .ur-form-head, .ur-side-card, .ur-side-panel, .ur-side-block, .ur-side-metrics, .ur-type-card, .ur-cat-card, .ur-selected-provider, .ur-provider-card, .ur-location-panel, .ur-map-panel, .ur-popup, .ur-success-card, .ur-toast,
  .rq-hero, .rq-card, .rq-form, .rq-form-card, .rq-panel, .rq-section, .rq-provider-card, .rq-summary-card, .rq-toast,
  .as-wizard-card, .as-section-panel, .as-summary-panel, .as-card, .as-main-card, .as-report-intro, .as-report-option, .as-section-config-block, .as-card-bundle, .as-empty, .as-inline-alert,
  .ls-hero, .ls-hero-card, .ls-settings-card, .ls-security-card, .ls-setting-item, .ls-security-item, .ls-action-btn, .ls-support-card, .ls-modal-card, .ls-inline-alert,
  .language-card, .language-panel, .terms-card, .terms-panel, .contact-card, .contact-panel, .about-card, .about-panel, .about-section,
  [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "],
  [class$="-box"], [class*="-box "], [class$="-tile"], [class*="-tile "]
) {
  background: linear-gradient(165deg, rgba(23, 34, 52, 0.98), rgba(18, 27, 42, 0.96)) !important;
  border-color: var(--nw-page-border) !important;
  color: var(--nw-page-text) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.30) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(
  h1, h2, h3, h4, h5, h6,
  .page-title, .page-header h1, .mw-page-title,
  .pdv4-name, .pdv4-panel-title, .pdv4-summary-title, .pdv4-sub-title, .pdv4-extras-title,
  .pe-page-title, .pe-display-name, .pe-section-heading, .pe-content-card-title, .pe-phone-otp-title, .pe-additional-link-chip strong,
  .chat-title, .chats-title, .search-title, .sp-hero-heading, .provider-name,
  .ur-hero h1, .ur-side-block h3, .ur-popup-title, .ur-provider-card-name,
  .rq-title, .rq-card-title, .rq-section-title,
  .as-report-intro-title, .as-report-group-title, .as-report-option-title, .as-block-head h3,
  .ls-hero-title, .ls-section-title, .ls-setting-content h3, .ls-modal-head h3,
  .terms-title, .contact-title, .about-title,
  [class*="title"], [class*="heading"], [class*="name"]
) {
  color: var(--nw-page-text) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(
  p, li, label, small, .text-muted, .page-subtitle, .form-hint,
  .pdv4-handle, .pdv4-summary-sub, .pdv4-sub-meta, .pdv4-kpi-label, .pdv4-stat span, .pdv4-cover-gallery-note, .pdv4-extras-note,
  .pe-page-subtitle, .pe-identity-subtitle, .pe-section-intro, .pe-content-card-subtitle, .pe-phone-otp-note, .pe-additional-links-note, .pe-content-empty-state,
  .chat-subtitle, .chats-subtitle, .message-meta, .thread-meta,
  .search-subtitle, .sp-hero-sub, .sp-hero-stat-l, .provider-meta, .provider-desc,
  .ur-side-item span, .ur-submit-note, .ur-popup-meta, .ur-popup-chip, .ur-provider-card-sub, .ur-coverage-note,
  .rq-subtitle, .rq-help, .rq-meta,
  .as-report-intro-copy, .as-report-group-desc, .as-report-option-desc, .as-section-config-hint, .as-empty,
  .ls-hero-subtitle, .ls-section-head p, .ls-setting-content p, .ls-modal-card p, .ls-support-body,
  .terms-copy, .contact-copy, .about-copy,
  [class*="subtitle"], [class*="desc"], [class*="summary"], [class*="meta"], [class*="hint"], [class*="note"], [class*="copy"]
) {
  color: var(--nw-page-muted) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(
  input, select, textarea,
  .form-input, .search-input, .orders-search-input,
  .pe-phone-otp-input, .pe-content-item-desc,
  .ur-location-field select, .ur-map-status
) {
  background: rgba(10, 18, 31, 0.88) !important;
  border-color: var(--nw-page-border-strong) !important;
  color: var(--nw-page-text) !important;
  caret-color: var(--nw-page-accent);
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(input, select, textarea)::placeholder {
  color: var(--nw-page-soft) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(.tab, .tab-btn, .pe-tabs-card .tab, .as-main-card, .ur-type-card, .ur-cat-card, .rq-option, .language-option) {
  background: rgba(255, 255, 255, 0.065) !important;
  border-color: var(--nw-page-border) !important;
  color: var(--nw-page-muted) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-profile-edit,
  .page-additional-services,
  .page-additional-services-premium,
  .page-urgent-request,
  .page-request-quote,
  .page-language
) :is(.tab.active, .tab-btn.active, .pe-tabs-card .tab.active, .as-main-card.is-active, .as-report-option.is-selected, .ur-type-card.is-active, .ur-cat-card.is-active, .rq-option.is-selected, .language-option.is-active) {
  background: rgba(167, 139, 250, 0.18) !important;
  border-color: rgba(196, 181, 253, 0.30) !important;
  color: #efeaff !important;
  box-shadow: 0 0 0 1px rgba(196, 181, 253, 0.12), 0 12px 26px rgba(0, 0, 0, 0.22) !important;
}

[data-theme="dark"] body.mobile-web-parity.page-provider-dashboard :is(.pdv4-kpi-icon, .pdv4-menu-item i, .pdv4-sub-icon, .pdv4-badge, .pdv4-pill),
[data-theme="dark"] body.mobile-web-parity.page-provider-profile-edit :is(.pe-tab-icon, .pe-content-card-count, .pe-content-item-type, .pe-content-item-doc-icon),
[data-theme="dark"] body.mobile-web-parity.page-additional-services :is(.as-main-card-icon, .as-report-group-count, .as-report-option-tag),
[data-theme="dark"] body.mobile-web-parity.page-login-settings :is(.ls-support-icon, .ls-hero-meta-item, .ls-edit-btn),
[data-theme="dark"] body.mobile-web-parity:is(.page-language, .page-terms, .page-contact, .page-about) :is(.badge, .pill, .tag, [class*="icon"]) {
  background: var(--nw-page-accent-soft) !important;
  border-color: rgba(196, 181, 253, 0.22) !important;
  color: #d8ccff !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(table, thead, tbody, tr, th, td, .table, [class*="table"]) {
  background-color: transparent;
  border-color: var(--nw-page-border) !important;
  color: var(--nw-page-text) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(.btn-secondary, .btn-outline, .btn-outlined, .btn-sm, .ls-edit-btn, .pdv4-cta-btn-secondary, .ur-location-secondary, .ur-popup-actions .profile) {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: var(--nw-page-border-strong) !important;
  color: var(--nw-page-text) !important;
}

[data-theme="dark"] body.mobile-web-parity:is(
  .page-provider-dashboard,
  .page-provider-profile-edit,
  .page-chats,
  .page-chat-detail,
  .page-search,
  .page-search-providers,
  .page-urgent-request,
  .page-request-quote,
  .page-additional-services,
  .page-additional-services-premium,
  .page-login-settings,
  .page-language,
  .page-terms,
  .page-contact,
  .page-about
) :is(.empty-state, [class*="empty"], [class*="loading"], [class*="skeleton"]) {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: var(--nw-page-border) !important;
  color: var(--nw-page-muted) !important;
}

/* Bottom nav: force legibility in dark mode across all pages. */
[data-theme="dark"] body.mobile-web-parity #bottom-nav,
[data-theme="dark"] body.mobile-web-parity .bottom-nav,
[data-theme="dark"] body.mobile-web-parity .mobile-bottom-nav {
  background: rgba(14, 22, 36, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 -16px 42px rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(18px);
}

[data-theme="dark"] body.mobile-web-parity :is(#bottom-nav, .bottom-nav, .mobile-bottom-nav) :is(.bnav-item, a, button) {
  color: #b7c6dc !important;
}

[data-theme="dark"] body.mobile-web-parity :is(#bottom-nav, .bottom-nav, .mobile-bottom-nav) :is(.bnav-item.active, .bnav-item[aria-current="page"], a.active, button.active) {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(124, 58, 237, 0.32) !important;
}

[data-theme="dark"] body.mobile-web-parity :is(#bottom-nav, .bottom-nav, .mobile-bottom-nav) :is(.bnav-item.active svg, .bnav-item.active span, a.active svg, a.active span, button.active svg, button.active span) {
  color: #ffffff !important;
}

[data-theme="dark"] body.mobile-web-parity :is(#bottom-nav, .bottom-nav, .mobile-bottom-nav) .bnav-fab {
  background: linear-gradient(135deg, #2dd4bf, #14b8a6) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(20, 184, 166, 0.30) !important;
}

/* Final dark-mode pass for public/legal/loyalty/provider pages that ship their own strong skins. */
html[data-theme="dark"] body:is(
  .page-about,
  .page-contact,
  .page-terms,
  .page-loyalty-wallet,
  .page-provider-dashboard,
  .page-provider-profile-edit
) {
  --nw-dark-page: #0b1422;
  --nw-dark-surface: rgba(17, 27, 43, 0.96);
  --nw-dark-surface-2: rgba(23, 35, 54, 0.94);
  --nw-dark-surface-3: rgba(31, 44, 65, 0.90);
  --nw-dark-line: rgba(174, 196, 226, 0.18);
  --nw-dark-line-strong: rgba(196, 213, 239, 0.28);
  --nw-dark-text: #f4f7fb;
  --nw-dark-muted: #c2cede;
  --nw-dark-soft: #91a2bb;
  --nw-dark-accent: #a78bfa;
  background: var(--nw-dark-page) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body:is(
  .page-about,
  .page-contact,
  .page-terms,
  .page-loyalty-wallet,
  .page-provider-dashboard,
  .page-provider-profile-edit
) :is(.page-content, main, .container) {
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body:is(
  .page-about,
  .page-contact,
  .page-terms,
  .page-loyalty-wallet,
  .page-provider-dashboard,
  .page-provider-profile-edit
) :is(h1, h2, h3, h4, h5, h6, .title, [class*="title"], strong, b) {
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body:is(
  .page-about,
  .page-contact,
  .page-terms,
  .page-loyalty-wallet,
  .page-provider-dashboard,
  .page-provider-profile-edit
) :is(p, small, label, .subtitle, [class*="subtitle"], [class*="desc"], [class*="note"], [class*="muted"], [class*="caption"], [class*="helper"], [class*="hint"]) {
  color: var(--nw-dark-muted) !important;
}

html[data-theme="dark"] body:is(.page-about, .page-contact, .page-terms, .page-loyalty-wallet, .page-provider-dashboard, .page-provider-profile-edit)
  :is(input, textarea, select, .form-input, .form-select, .form-textarea, [contenteditable="true"]) {
  background: rgba(10, 18, 31, 0.92) !important;
  border-color: var(--nw-dark-line-strong) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:is(.page-about, .page-contact, .page-terms, .page-loyalty-wallet, .page-provider-dashboard, .page-provider-profile-edit)
  :is(input, textarea, select, .form-input, .form-select, .form-textarea)::placeholder {
  color: rgba(194, 206, 222, 0.70) !important;
}

html[data-theme="dark"] body.page-about {
  --about-ink: var(--nw-dark-text);
  --about-muted: var(--nw-dark-muted);
  --about-border: var(--nw-dark-line);
  --about-panel: var(--nw-dark-surface);
}

html[data-theme="dark"] body.page-about :is(.about-shell, .about-hero, .about-section, .about-panel) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-about .about-hero {
  background:
    radial-gradient(circle at 14% 16%, rgba(45, 212, 191, 0.18), transparent 30%),
    radial-gradient(circle at 88% 80%, rgba(167, 139, 250, 0.20), transparent 34%),
    linear-gradient(135deg, rgba(17, 27, 43, 0.98), rgba(11, 20, 34, 0.98)) !important;
}

html[data-theme="dark"] body.page-about :is(.about-identity-window, .about-hero-panel, .about-card, .about-link-tile, .about-link-tile-outline, .social-pill) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.page-about :is(.about-hero-badge, .about-section-kicker, .about-panel-kicker, .about-hero-panel-kicker, .about-card-icon, .about-link-icon, .social-pill-icon) {
  background: rgba(167, 139, 250, 0.16) !important;
  color: #d8ccff !important;
  border-color: rgba(196, 181, 253, 0.24) !important;
}

html[data-theme="dark"] body.page-about :is(.about-hero-points span, .about-link-caption, .about-card-body, .social-pill small) {
  color: var(--nw-dark-muted) !important;
}

/* The About hero pills + identity windows ship with hardcoded #fff
   backgrounds; without these overrides they render as glaring white chips on
   the dark page. Restore translucent dark surfaces. */
html[data-theme="dark"] body.page-about .about-hero-points span {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.page-about :is(.about-identity-window.is-gold, .about-identity-window.is-mint) {
  background: var(--nw-dark-surface-2) !important;
}
html[data-theme="dark"] body.page-about .about-hero-panel-lines span {
  background: rgba(167, 139, 250, 0.22) !important;
}

/* ── Global auth gate (login-required cards) — dark mode ──────────────
   The unified auth gate is reused across many pages (plans, my-qr,
   loyalty wallet, …) but only a handful had per-page dark rules, so on the
   rest it appeared as a bright white card. This global fallback covers every
   page; pages with their own (higher-specificity) dark rules still win. */
html[data-theme="dark"] .auth-gate.auth-gate-unified {
  background: linear-gradient(180deg, var(--nw-dark-surface), var(--nw-dark-surface-2)) !important;
  border-color: var(--nw-dark-line) !important;
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.42) !important;
}
html[data-theme="dark"] .auth-gate.auth-gate-unified .auth-gate-unified-kicker {
  background: rgba(167, 139, 250, 0.14) !important;
  border-color: rgba(196, 181, 253, 0.24) !important;
  color: #d8ccff !important;
}
html[data-theme="dark"] .auth-gate.auth-gate-unified .auth-gate-unified-icon {
  background: rgba(167, 139, 250, 0.14) !important;
  border-color: rgba(196, 181, 253, 0.22) !important;
  color: #d8ccff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="dark"] .auth-gate.auth-gate-unified .auth-gate-unified-title {
  color: var(--nw-dark-text) !important;
}
html[data-theme="dark"] .auth-gate.auth-gate-unified :is(.auth-gate-unified-desc, .auth-gate-unified-note) {
  color: var(--nw-dark-muted) !important;
}
/* Translucent feature pills inside auth gates stay legible on dark. */
html[data-theme="dark"] .auth-gate.auth-gate-unified .auth-gate-unified-feature,
html[data-theme="dark"] body.page-contact.page-contact-premium .contact-auth-gate-point {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(248, 250, 252, 0.92) !important;
}

html[data-theme="dark"] body.page-contact.page-contact-premium :is(.contact-hero, .contact-toolbar, .contact-panel, .support-card, .contact-auth-gate) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.page-contact.page-contact-premium .contact-hero {
  background:
    radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.18), transparent 30%),
    radial-gradient(circle at 86% 74%, rgba(167, 139, 250, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(17, 27, 43, 0.98), rgba(11, 20, 34, 0.98)) !important;
}

html[data-theme="dark"] body.page-contact.page-contact-premium :is(
  .contact-hero-stat,
  .contact-hero-brief,
  .contact-hero-tag,
  .contact-toolbar-btn,
  .support-ticket-item,
  .support-detail-card,
  .support-detail-section,
  .support-empty-state,
  .support-ticket-message,
  .support-reply-card,
  .support-form-card,
  .contact-method-card,
  [class*="ticket-card"],
  [class*="report-card"]
) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-contact.page-contact-premium :is(.support-ticket-item.active, .contact-toolbar-btn-primary, .contact-toolbar-btn.is-active) {
  background: rgba(124, 58, 237, 0.22) !important;
  border-color: rgba(196, 181, 253, 0.34) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-terms :is(.terms-hero, .terms-rail, .terms-doc-card) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.page-terms .terms-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(167, 139, 250, 0.22), transparent 32%),
    radial-gradient(circle at 88% 78%, rgba(45, 212, 191, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(38, 28, 77, 0.96), rgba(15, 44, 62, 0.96)) !important;
}

html[data-theme="dark"] body.page-terms :is(.terms-stat, .terms-nav-link, .terms-doc-head, .terms-doc-body, .terms-clause, .terms-open-document) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-terms :is(.terms-nav-link.is-active, .terms-nav-link:hover) {
  background: rgba(167, 139, 250, 0.18) !important;
  border-color: rgba(196, 181, 253, 0.32) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-loyalty-wallet {
  --nw-dark-page: #120f18;
  --nw-dark-surface: rgba(30, 24, 42, 0.96);
  --nw-dark-surface-2: rgba(38, 31, 54, 0.94);
  --nw-dark-surface-3: rgba(48, 39, 68, 0.90);
  --nw-dark-line: rgba(221, 214, 254, 0.16);
  --nw-dark-line-strong: rgba(196, 181, 253, 0.30);
  --nw-dark-muted: #cfc6df;
  --nw-dark-soft: #a99aba;
  --lw-surface: var(--nw-dark-surface);
  --lw-surface-soft: var(--nw-dark-surface-2);
  --lw-ink: var(--nw-dark-text);
  --lw-ink-soft: var(--nw-dark-muted);
  --lw-ink-muted: var(--nw-dark-soft);
  --lw-border: var(--nw-dark-line);
  --lw-border-strong: rgba(167, 139, 250, 0.34);
  --lw-primary: #a78bfa;
  --lw-primary-strong: #8b5cf6;
  --lw-primary-soft: rgba(167, 139, 250, 0.16);
  --lw-teal: #2dd4bf;
  --lw-teal-soft: rgba(45, 212, 191, 0.13);
  --lw-accent: #a78bfa;
  --lw-accent-soft: #c4b5fd;
  --lw-accent-pale: rgba(167, 139, 250, 0.16);
  --lw-accent-deep: #ddd6fe;
  --lw-success-pale: rgba(45, 212, 191, 0.13);
  background:
    radial-gradient(980px 360px at 90% -8%, rgba(167, 139, 250, 0.18), transparent 58%),
    radial-gradient(760px 320px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #120f18 0%, #1a1426 48%, #120f18 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-loyalty-wallet,
html[data-theme="dark"] body.mobile-web-parity.page-loyalty-wallet main,
html[data-theme="dark"] body.mobile-web-parity.page-loyalty-wallet .page-content {
  background:
    radial-gradient(980px 360px at 90% -8%, rgba(167, 139, 250, 0.18), transparent 58%),
    radial-gradient(760px 320px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #120f18 0%, #1a1426 48%, #120f18 100%) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-loyalty-wallet .page-content {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - var(--navbar-height, 64px)) !important;
  padding-top: 18px !important;
}

html[data-theme="dark"] body.page-loyalty-wallet :is(.loyalty-page-header, .loyalty-hero, .loyalty-card, .loyalty-empty) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-hero {
  background:
    radial-gradient(circle at 14% 20%, rgba(45, 212, 191, 0.14), transparent 32%),
    radial-gradient(circle at 88% 74%, rgba(167, 139, 250, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(30, 24, 42, 0.98), rgba(18, 15, 24, 0.98)) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet :is(.loyalty-summary-tile, .loyalty-provider-head, .loyalty-level-block, .loyalty-reward, .loyalty-btn-soft, .lw-back) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet :is(.loyalty-summary-tile span, .loyalty-subtitle, .loyalty-empty p, .loyalty-reward span, .loyalty-provider-meta, .loyalty-level-next, .loyalty-progress-meta) {
  color: var(--nw-dark-muted) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet :is(.lw-hero-badge, .lw-tile-icon, .loyalty-level-icon, .loyalty-empty-icon) {
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.18), rgba(45, 212, 191, 0.12)) !important;
  border-color: rgba(167, 139, 250, 0.26) !important;
  color: #ddd6fe !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-provider-avatar {
  background: linear-gradient(135deg, #8b5cf6, #0f766e) !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-points-pill {
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.18), rgba(45, 212, 191, 0.13)) !important;
  border-color: rgba(167, 139, 250, 0.30) !important;
  color: #f4f7fb !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-points-pill span {
  color: #2dd4bf !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-progress {
  background: rgba(244, 247, 251, 0.10) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-progress span,
html[data-theme="dark"] body.page-loyalty-wallet .loyalty-btn-primary {
  background: linear-gradient(90deg, #8b5cf6 0%, #2dd4bf 100%) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .loyalty-reward.is-available {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.30) !important;
}

html[data-theme="dark"] body.page-loyalty-wallet .lw-reward-flag {
  background: #0f766e !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-provider-dashboard :is(
  .pdv4-card,
  .pdv4-section,
  .pdv4-mode-card,
  .pdv4-kpi,
  .pdv4-summary-card,
  .pdv4-sub-panel,
  .pdv4-extras-card,
  .pdv4-menu-item,
  .pdv4-cover,
  .pdv4-stats
) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-provider-dashboard :is(
  .pdv4-extra-pill,
  .pdv4-extras-cta,
  .pdv4-cta-btn-secondary,
  .pdv4-cover-gallery-item,
  .pdv4-cover-gallery-empty,
  .pdv4-badge,
  .pdv4-pill
) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line-strong) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-provider-dashboard .pdv4-extras-cta {
  min-height: 48px;
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.24), rgba(45, 212, 191, 0.16)) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-provider-dashboard :is(.pdv4-extras-cta span, .pdv4-extras-cta-arrow, .pdv4-extra-pill span) {
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit.page-provider-profile-edit-premium {
  --pe-premium-ink: var(--nw-dark-text);
  --pe-premium-muted: var(--nw-dark-muted);
  --pe-premium-line: var(--nw-dark-line);
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-page-shell,
  .pe-page-shell-premium,
  .pe-page-header,
  .pe-identity-card,
  .pe-section-links-card,
  .pe-tabs-card,
  .pe-section-hero,
  .pe-panel-grid,
  .pe-sidebar,
  .pe-helper-card,
  .pe-workflow-card,
  .pe-summary-card,
  .pe-content-card,
  .pe-service-map,
  .pe-seo-preview-shell
) {
  background: var(--nw-dark-surface) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-field,
  .pe-field-display,
  .pe-basic-field,
  .pe-additional-field,
  .pe-section-link,
  .pe-workflow-step,
  .pe-workflow-tip,
  .pe-helper-point,
  .pe-additional-overview-card,
  .pe-additional-overview-field,
  .pe-additional-list-item,
  .pe-additional-link-row,
  .pe-additional-link-chip,
  .pe-langloc-card,
  .pe-langloc-field,
  .pe-langloc-stat,
  .pe-langloc-tag,
  .pe-location-editor-shell,
  .pe-location-overview,
  .pe-location-inputs,
  .pe-location-pill,
  .pe-scope-card,
  .pe-scope-summary-grid,
  .pe-scope-tag,
  .pe-category-group,
  .pe-category-summary,
  .pe-category-summary-group,
  .pe-category-note-band,
  .pe-category-toolbar,
  .pe-content-item,
  .pe-content-item-preview,
  .pe-content-empty-state,
  .pe-content-card-empty,
  .pe-content-upload,
  .pe-language-chip,
  .pe-category-option,
  .pe-portfolio-link,
  .pe-seo-search-card,
  .pe-seo-metric-card,
  .pe-seo-keyword-chip
) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-field-label, .pe-tab-main, .pe-section-link-title, .pe-content-item-title, .pe-category-option-title) {
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-field-hint, .pe-tab-sub, .pe-section-link-subtitle, .pe-content-item-subtitle, .pe-empty-value, .pe-category-option-note, .pe-map-city, .pe-map-coords, .pe-additional-overview-note, .pe-additional-list-copy, .pe-langloc-overview-field, .pe-location-caption, .pe-category-caption, .pe-category-group-meta) {
  color: var(--nw-dark-muted) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-sidebar {
  background: transparent !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-links-card {
  background: linear-gradient(180deg, rgba(17, 27, 43, 0.98), rgba(13, 22, 36, 0.98)) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-helper-kicker {
  color: #d7e3f3 !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress {
  background:
    radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(30, 43, 63, 0.98), rgba(22, 34, 52, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 28px rgba(0, 0, 0, 0.20) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress-percent {
  color: #f8fbff !important;
  text-shadow: 0 1px 10px rgba(255, 255, 255, 0.10);
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress-title {
  color: #d7e3f3 !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress-hint {
  color: #b8c7da !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress-bar {
  background: rgba(5, 12, 24, 0.72) !important;
  border: 1px solid rgba(196, 213, 239, 0.14) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-progress-bar span {
  background: linear-gradient(90deg, #2dd4bf 0%, #8b5cf6 100%) !important;
  box-shadow: 0 0 16px rgba(45, 212, 191, 0.24) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-links-list {
  background: transparent !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link {
  background: rgba(23, 35, 54, 0.96) !important;
  border-color: rgba(174, 196, 226, 0.20) !important;
  color: #eef5ff !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link:hover,
html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link.is-active {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.30), rgba(45, 212, 191, 0.12)) !important;
  border-color: rgba(196, 181, 253, 0.38) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link-label {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link-desc {
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link-icon,
html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link-status {
  background: rgba(167, 139, 250, 0.16) !important;
  border: 1px solid rgba(196, 181, 253, 0.20) !important;
  color: #d9d0ff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link.is-complete .pe-section-link-status {
  background: rgba(34, 197, 94, 0.18) !important;
  border-color: rgba(134, 239, 172, 0.28) !important;
  color: #86efac !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link.is-incomplete .pe-section-link-status {
  background: rgba(148, 163, 184, 0.12) !important;
  border-color: rgba(203, 213, 225, 0.18) !important;
  color: #b8c7da !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-section-link :is(svg, path, circle, rect) {
  stroke: currentColor !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-summary-card {
  background:
    radial-gradient(circle at 18% 20%, rgba(45, 212, 191, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(23, 35, 54, 0.98), rgba(17, 27, 43, 0.98)) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-summary-title {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-summary-value {
  color: #d7e3f3 !important;
}

/* Form controls (inputs/selects/textareas) on provider profile edit — dark mode */
html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-field-edit .form-input,
  .pe-field-edit .form-select,
  .pe-field-edit .form-textarea,
  .pe-field-edit textarea.pe-input,
  .pe-field input,
  .pe-field select,
  .pe-field textarea,
  .pe-input,
  .pe-additional-link-row input,
  .pe-additional-link-row select,
  .pe-additional-link-row textarea,
  .pe-location-country-input,
  .pe-location-city-input,
  .pe-location-input,
  .pe-content-item-desc,
  .pe-phone-otp-input,
  .pe-category-search input,
  .pe-search-input
) {
  background: rgba(11, 19, 34, 0.78) !important;
  border: 1px solid rgba(174, 196, 226, 0.22) !important;
  color: #eaf2ff !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28) !important;
  caret-color: #c4b5fd !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-field-edit .form-input,
  .pe-field-edit .form-select,
  .pe-field-edit .form-textarea,
  .pe-field-edit textarea.pe-input,
  .pe-field input,
  .pe-field select,
  .pe-field textarea,
  .pe-input
)::placeholder {
  color: #8a98ad !important;
  opacity: 1;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-field-edit .form-input,
  .pe-field-edit .form-select,
  .pe-field-edit .form-textarea,
  .pe-field-edit textarea.pe-input,
  .pe-field input,
  .pe-field select,
  .pe-field textarea,
  .pe-input
):focus {
  border-color: rgba(196, 181, 253, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.22), 0 10px 22px rgba(0, 0, 0, 0.40) !important;
  outline: none !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-field-edit .form-input, .pe-field input)[readonly],
html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-field-edit .form-input, .pe-field input):disabled,
html[data-theme="dark"] body.page-provider-profile-edit .pe-location-country-input[readonly] {
  background: rgba(11, 19, 34, 0.55) !important;
  color: #b8c7da !important;
}

html[data-theme="dark"] body.page-provider-profile-edit select option {
  background: #11182a !important;
  color: #eaf2ff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-tab, .pe-tabs-card .tab) {
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-tab-main, .pe-tabs-card .tab .pe-tab-main) {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-tab-sub, .pe-tabs-card .tab .pe-tab-sub) {
  color: #b8c7da !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-tabs-card .tab.active :is(.pe-tab-main, .pe-tab-sub) {
  color: #ffffff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-phone-otp-box,
  .pe-additional-link-chip,
  .pe-additional-link-row,
  .pe-local-toast,
  .pe-content-card,
  .pe-content-item,
  .pe-content-item-preview,
  .pe-content-card-empty,
  .pe-content-empty-state
) {
  background: rgba(23, 35, 54, 0.96) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  color: #eaf2ff !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-phone-otp-title,
  .pe-additional-link-chip strong,
  .pe-content-card-title,
  .pe-content-empty-state strong
) {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(
  .pe-phone-otp-note,
  .pe-phone-otp-status,
  .pe-additional-link-chip span,
  .pe-additional-links-note,
  .pe-content-card-subtitle,
  .pe-content-item-doc,
  .pe-content-empty-state
) {
  color: #b8c7da !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-content-item-image,
html[data-theme="dark"] body.page-provider-profile-edit .pe-content-item-video,
html[data-theme="dark"] body.page-provider-profile-edit .pe-content-item-preview {
  background: rgba(11, 19, 34, 0.85) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit :is(.pe-content-card-count, .pe-content-item-type, .pe-content-item-doc-icon) {
  background: rgba(124, 58, 237, 0.20) !important;
  color: #d9d0ff !important;
  border: 1px solid rgba(196, 181, 253, 0.22) !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-content-item-link {
  color: #c4b5fd !important;
}

html[data-theme="dark"] body.page-provider-profile-edit .pe-avatar-upload-status {
  background: rgba(124, 58, 237, 0.18) !important;
  border-color: rgba(196, 181, 253, 0.22) !important;
  color: #d9d0ff !important;
}

/* Search page: override the page-local light rebuild in dark mode. */
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers {
  --sp-dark-bg: #0b1422;
  --sp-dark-surface: rgba(17, 27, 43, 0.98);
  --sp-dark-surface-2: rgba(23, 35, 54, 0.96);
  --sp-dark-surface-3: rgba(30, 43, 63, 0.94);
  --sp-dark-line: rgba(174, 196, 226, 0.18);
  --sp-dark-line-strong: rgba(196, 213, 239, 0.30);
  --sp-dark-text: #f5f8fc;
  --sp-dark-muted: #c4d2e4;
  --sp-dark-soft: #93a4bd;
  --ink: var(--sp-dark-text);
  --sub: var(--sp-dark-muted);
  --muted: var(--sp-dark-soft);
  --surf: var(--sp-dark-surface);
  --border: var(--sp-dark-line);
  background:
    radial-gradient(980px 360px at 90% -10%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(760px 320px at 6% 12%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 48%, #0b1422 100%) !important;
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers main,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .page-content {
  background:
    radial-gradient(980px 360px at 90% -10%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(760px 320px at 6% 12%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 48%, #0b1422 100%) !important;
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-hero {
  background: transparent !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-hero-grid, .sp-toolbar, .sp-content) {
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-hero-grid {
  background:
    radial-gradient(circle at 12% 20%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(167, 139, 250, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(17, 27, 43, 0.98), rgba(11, 20, 34, 0.98)) !important;
  border-color: var(--sp-dark-line) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-back-btn, .sp-live-pill, .sp-signal, .sp-hero-stat) {
  background: var(--sp-dark-surface-2) !important;
  border-color: var(--sp-dark-line) !important;
  color: var(--sp-dark-text) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.20) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-hero-heading, .sp-hero-stat-v, .sp-results-ht, .provider-search-name, .provider-search-stat-copy strong) {
  color: var(--sp-dark-text) !important;
  -webkit-text-fill-color: currentColor;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-hero-heading em {
  background: linear-gradient(90deg, #d8ccff 0%, #67e8f9 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-hero-sub, .sp-hero-stat-l, .sp-results-note, .provider-search-meta-row, .provider-search-snippet, .provider-search-stat-copy span, .provider-search-primary-copy small) {
  color: var(--sp-dark-muted) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-hero-kicker, .sp-results-badge, .search-results-count-badge) {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(94, 234, 212, 0.28) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-search-wrap {
  background: rgba(10, 18, 31, 0.94) !important;
  border-color: var(--sp-dark-line-strong) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-search-input {
  color: var(--sp-dark-text) !important;
  -webkit-text-fill-color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-search-input::placeholder {
  color: rgba(196, 210, 228, 0.76) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-search-icon, .sp-search-clear) {
  color: var(--sp-dark-muted) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sp-toolbar {
  background: rgba(17, 27, 43, 0.98) !important;
  border-color: var(--sp-dark-line) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-toolbar-bar, .sp-chips-track, .sp-cat-bar) {
  background: rgba(13, 22, 36, 0.72) !important;
  border-color: var(--sp-dark-line) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-count-group, .sp-btn, .sp-open-cats, .sp-cat-label, .filter-chip) {
  background: var(--sp-dark-surface-2) !important;
  border-color: var(--sp-dark-line) !important;
  color: var(--sp-dark-text) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-eyebrow, .sp-cat-label, .filter-chip) {
  color: var(--sp-dark-muted) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-count, .sp-btn span, .sp-open-cats span) {
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-btn.is-accent, .filter-chip.active) {
  background: linear-gradient(135deg, #7c3aed 0%, #5b3bb7 58%, #12877e 100%) !important;
  border-color: rgba(196, 181, 253, 0.34) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-btn.is-accent span, .filter-chip.active, .filter-chip.active span) {
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .provider-search-card {
  background: var(--sp-dark-surface) !important;
  border-color: var(--sp-dark-line) !important;
  color: var(--sp-dark-text) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.provider-search-cover, .provider-search-cover-frame, .provider-search-cover-fallback) {
  background:
    radial-gradient(circle at 20% 18%, rgba(167, 139, 250, 0.18), transparent 36%),
    linear-gradient(145deg, rgba(31, 44, 65, 0.98), rgba(17, 27, 43, 0.98)) !important;
  color: rgba(216, 204, 255, 0.72) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.provider-search-body, .provider-search-meta, .provider-search-stats, .provider-search-stat, .provider-search-trust) {
  background: var(--sp-dark-surface-2) !important;
  border-color: var(--sp-dark-line) !important;
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .provider-search-stat + .provider-search-stat::before {
  background: var(--sp-dark-line) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.provider-search-badge, .provider-search-stat-icon) {
  background: rgba(167, 139, 250, 0.16) !important;
  border-color: rgba(196, 181, 253, 0.22) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.sp-empty, .sp-skeleton-card, .provider-search-skeleton-cover, .provider-search-skeleton-body) {
  background: var(--sp-dark-surface) !important;
  border-color: var(--sp-dark-line) !important;
  color: var(--sp-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card {
  background-color: #111b2b !important;
  background-image: linear-gradient(180deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.99)) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-body {
  background: linear-gradient(180deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.99)) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card :is(.provider-search-meta, .provider-search-stats) {
  background-color: #1a2638 !important;
  background-image: linear-gradient(180deg, rgba(31, 44, 65, 0.98), rgba(23, 35, 54, 0.98)) !important;
  border: 1px solid rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-meta-row,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-meta-row span {
  color: #d6e2f1 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-meta-row svg {
  color: #a78bfa !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-stat {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-stat-copy strong {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-stat-copy span {
  color: #b8c7da !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-stat-icon {
  background: rgba(167, 139, 250, 0.18) !important;
  border: 1px solid rgba(196, 181, 253, 0.24) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-primary {
  background-color: #6d28d9 !important;
  background-image: linear-gradient(135deg, #7c3aed 0%, #5b3bb7 56%, #0f766e 100%) !important;
  border: 1px solid rgba(216, 204, 255, 0.28) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(124, 58, 237, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-primary :is(span, strong, small, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card .provider-search-primary-copy small {
  color: rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #providers-list .provider-search-card :is(.provider-search-primary-icon, .provider-search-primary-tail) {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-backdrop {
  z-index: 1900 !important;
  background: rgba(5, 10, 18, 0.58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-modal.search-map-modal {
  z-index: 1902 !important;
  background: #111b2b !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.46) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-modal .search-map-head {
  background: rgba(17, 27, 43, 0.98) !important;
  border-color: rgba(196, 213, 239, 0.18) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-modal .search-map-head h3 {
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-modal .search-map-close {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-canvas,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-canvas .google-maps-container,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-canvas .google-maps-pane,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-canvas .google-maps-map-pane,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #search-map-canvas .google-maps-tile-pane {
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #category-picker-backdrop,
html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers #sort-sheet-backdrop {
  background: rgba(4, 9, 16, 0.62) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-modal, .sort-sheet) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #f5f8fc !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-head h3, .sort-sheet-title, .category-picker-item, .category-picker-quick-item, .sort-sheet-option) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-count, .category-picker-empty) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-close, .category-picker-search, .category-picker-quick-item, .category-picker-item, .category-picker-section, .sort-sheet-option) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-search {
  color: #f5f8fc !important;
  -webkit-text-fill-color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-search::placeholder {
  color: rgba(196, 210, 228, 0.76) !important;
  -webkit-text-fill-color: rgba(196, 210, 228, 0.76) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-search-icon, .category-picker-close, .category-picker-item-check) {
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers :is(.category-picker-reset, .category-picker-quick-item.active, .category-picker-item.is-active, .category-picker-item:hover, .category-picker-item.is-highlighted, .sort-sheet-option:hover, .sort-sheet-option.active) {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.26), rgba(45, 212, 191, 0.12)) !important;
  border-color: rgba(167, 139, 250, 0.38) !important;
  color: #efe9ff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .sort-sheet-option.active {
  background: linear-gradient(135deg, #7c3aed, #5b3bb7) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-section-label {
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-section-count {
  background: rgba(167, 139, 250, 0.18) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-section.is-recent {
  background: rgba(120, 74, 22, 0.24) !important;
  border-color: rgba(251, 191, 36, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-section.is-recent .category-picker-section-label {
  color: #fbbf24 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-section.is-recent .category-picker-section-count {
  background: rgba(251, 191, 36, 0.18) !important;
  color: #fde68a !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-search.page-search-providers .category-picker-empty {
  background: rgba(12, 22, 36, 0.88) !important;
  border-color: rgba(196, 213, 239, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings {
  background:
    radial-gradient(900px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(720px 300px at 8% 18%, rgba(45, 212, 191, 0.09), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .page-content {
  background:
    radial-gradient(900px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(720px 300px at 8% 18%, rgba(45, 212, 191, 0.09), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.ux26-form-shell, .notif-settings-heading-copy, .notif-settings-layout, .notif-settings-main, .notif-tier-panel, .notif-extra-panel, .notif-section-card, .notif-settings-empty-screen, .notif-settings-dialog, .auth-gate-unified) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-settings-kicker, .notif-settings-heading-copy h1, .notif-settings-heading-copy h1 span, .notif-section-title, .notif-pref-title, .notif-settings-dialog-title, .auth-gate-unified-title) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-settings-heading-meta, .notif-section-description, .notif-pref-meta, .notif-extra-note-body, .notif-empty-state, .notif-settings-dialog-text, .auth-gate-unified-desc) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-tier-basic, .notif-tier-pioneer, .notif-tier-professional, .notif-tier-extra, .notif-tier-dynamic) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-basic {
  border-top-color: #a78bfa !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-pioneer {
  border-top-color: #8b5cf6 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-professional {
  border-top-color: #2dd4bf !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-extra {
  border-top-color: #f59e0b !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-dynamic {
  border-top-color: #94a3b8 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-pref-row, .notif-section-notice, .notif-empty-state, .notif-extra-note, #notif-settings-error) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #f5f8fc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-pref-row:hover {
  background: rgba(38, 53, 77, 0.98) !important;
  border-color: rgba(167, 139, 250, 0.36) !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-pref-row.locked {
  opacity: 0.88 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-section-count, .notif-section-chevron, .notif-pref-lock, .notif-settings-dialog-icon) {
  background: rgba(167, 139, 250, 0.16) !important;
  border: 1px solid rgba(167, 139, 250, 0.24) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-tier-extra :is(.notif-section-count, .notif-section-chevron) {
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
  color: #fde68a !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-extra-note {
  border-top-color: rgba(245, 158, 11, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-extra-note-title {
  color: #fbbf24 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-section-header:hover {
  background: rgba(167, 139, 250, 0.08) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-pref-slider {
  background: linear-gradient(180deg, rgba(71, 85, 105, 0.95), rgba(51, 65, 85, 0.95)) !important;
  border-color: rgba(196, 213, 239, 0.26) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-pref-slider::after {
  background: linear-gradient(180deg, #f8fbff, #cbd5e1) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-pref-switch:checked + .notif-pref-slider {
  background: linear-gradient(135deg, #7c3aed, #14b8a6) !important;
  border-color: rgba(216, 204, 255, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14), inset 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-settings-dialog-backdrop {
  background: rgba(4, 9, 16, 0.66) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings :is(.notif-settings-dialog-btn, .notif-settings-retry, .auth-gate-unified-btn) {
  border-color: rgba(216, 204, 255, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-settings-dialog-close {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-settings-toast {
  background: rgba(17, 27, 43, 0.98) !important;
  border: 1px solid rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-notification-settings .notif-settings-toast.error {
  background: rgba(127, 29, 29, 0.96) !important;
  border-color: rgba(252, 165, 165, 0.32) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language {
  background:
    radial-gradient(820px 320px at 86% -8%, rgba(124, 58, 237, 0.18), transparent 58%),
    radial-gradient(680px 280px at 10% 20%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .page-content {
  background:
    radial-gradient(820px 320px at 86% -8%, rgba(124, 58, 237, 0.18), transparent 58%),
    radial-gradient(680px 280px at 10% 20%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language :is(.language-content, .language-summary-card, .language-auth-card) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(45, 212, 191, 0.18), transparent 38%),
    linear-gradient(135deg, #3b1b86 0%, #5b33c7 56%, #0f8f87 100%) !important;
  border-color: rgba(216, 204, 255, 0.24) !important;
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-summary-card {
  border-bottom-color: rgba(196, 213, 239, 0.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language :is(.language-section-kicker, .language-auth-kicker) {
  color: #99f6e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language :is(.language-summary-card h2, .language-auth-copy h2, .language-option-copy strong) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language :is(.language-auth-copy p, .language-option-copy small) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-current-chip {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
  color: #99f6e4 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option:hover {
  background: rgba(38, 53, 77, 0.98) !important;
  border-color: rgba(45, 212, 191, 0.34) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option.is-active {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.24), rgba(45, 212, 191, 0.14)) !important;
  border-color: rgba(45, 212, 191, 0.42) !important;
  box-shadow: 0 16px 32px rgba(45, 212, 191, 0.12) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option-flag {
  background: rgba(167, 139, 250, 0.16) !important;
  border: 1px solid rgba(167, 139, 250, 0.24) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option.is-active .language-option-flag {
  background: rgba(45, 212, 191, 0.18) !important;
  border-color: rgba(45, 212, 191, 0.30) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option-check {
  background: rgba(167, 139, 250, 0.12) !important;
  border-color: rgba(167, 139, 250, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-language .language-option.is-active .language-option-check {
  background: #14b8a6 !important;
  border-color: #14b8a6 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders {
  --orders-ink: #f5f8fc;
  --orders-muted: #c4d2e4;
  --orders-muted-soft: #98a8bd;
  --orders-primary: #8b5cf6;
  --orders-primary-strong: #d8ccff;
  --orders-accent: #2dd4bf;
  --orders-gold: #f59e0b;
  --orders-green: #22c55e;
  --orders-red: #fb7185;
  --orders-card: rgba(17, 27, 43, 0.99);
  --orders-line: rgba(196, 213, 239, 0.20);
  --orders-surface: rgba(17, 27, 43, 0.99);
  --orders-surface-strong: rgba(31, 44, 65, 0.98);
  --orders-border: rgba(196, 213, 239, 0.22);
  --orders-border-strong: rgba(196, 213, 239, 0.30);
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(760px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .page-content {
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(760px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-topbar.ux26-page-header, .orders-hero-panel, .orders-mobile-sheet, .order-card, #orders-empty, .auth-gate-unified) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .orders-hero-panel::before {
  background: linear-gradient(90deg, #8b5cf6, #2dd4bf, #f59e0b) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-eyebrow, .orders-hero-kicker, .orders-hero-pill, .orders-last-sync, .orders-results-count, .orders-tab-count, .order-ref-chip, .order-category-chip) {
  background: rgba(45, 212, 191, 0.12) !important;
  border-color: rgba(45, 212, 191, 0.26) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.mw-page-title, .orders-hero-copy h2, .orders-filter-head h3, .order-title, .order-meta-value, .order-next-action strong, #orders-empty p, .auth-gate-unified-title) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-topbar-copy p, .orders-hero-copy p, .orders-filter-head p, .orders-hero-label, .orders-hero-note, .order-date, .order-snippet, .order-meta-label, .order-provider, .order-timing, #orders-empty small, .auth-gate-unified-desc) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-hero-stat, .orders-hero-insight, .orders-sort-wrap, .orders-search-input, #status-tabs .tab-btn, .order-meta-item, .order-next-action, .orders-skeleton-card) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #f5f8fc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-hero-value, .orders-hero-insight-copy strong, .orders-sort-select, .orders-search-input, #status-tabs .tab-btn, .order-progress-step.is-active, .order-price) {
  color: #f5f8fc !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .orders-sort-select {
  background: rgba(12, 22, 36, 0.94) !important;
  border: 1px solid rgba(196, 213, 239, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .orders-search-input::placeholder {
  color: rgba(196, 210, 228, 0.74) !important;
  -webkit-text-fill-color: rgba(196, 210, 228, 0.74) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .orders-search-icon {
  stroke: #c4d2e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.mw-page-menu-btn, .orders-search-clear) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #d8ccff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders #status-tabs .tab-btn.active {
  background: linear-gradient(135deg, #7c3aed, #0f766e) !important;
  border-color: rgba(216, 204, 255, 0.28) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders #status-tabs .tab-btn.active .orders-tab-count {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-card::before {
  background: var(--order-accent, #8b5cf6) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-card:hover {
  border-color: rgba(167, 139, 250, 0.36) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.order-type-chip, .order-attention-pill, .status-badge) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-type-chip.order-type-urgent,
html[data-theme="dark"] body.mobile-web-parity.page-orders .order-card-new .order-card-cta,
html[data-theme="dark"] body.mobile-web-parity.page-orders .order-card-attention .order-card-cta {
  color: #fde68a !important;
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(245, 158, 11, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-type-chip.order-type-competitive {
  color: #d8ccff !important;
  background: rgba(124, 58, 237, 0.18) !important;
  border-color: rgba(167, 139, 250, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-type-chip.order-type-normal {
  color: #99f6e4 !important;
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-card-footer {
  border-top-color: rgba(196, 213, 239, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-progress-step {
  color: #9fb0c6 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-progress-dot {
  background: #475569 !important;
  box-shadow: 0 0 0 4px rgba(71, 85, 105, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .order-progress-step.is-active .order-progress-dot {
  background: var(--order-accent, #2dd4bf) !important;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders :is(.orders-action-btn, .order-card-cta, .orders-empty-cta) {
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-orders .orders-action-btn-light {
  color: #d8ccff !important;
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats {
  --chat-ink: #f5f8fc;
  --chat-muted: #c4d2e4;
  --chat-primary: #8b5cf6;
  --chat-primary-strong: #d8ccff;
  --chat-accent: #2dd4bf;
  --chat-line: rgba(196, 213, 239, 0.22);
  --chat-surface: rgba(17, 27, 43, 0.99);
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(760px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .page-content {
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.15), transparent 58%),
    radial-gradient(760px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.chats-page-top, .chats-control-panel, .chats-list-panel, .chat-thread-card, #chats-empty, .auth-gate-unified, .chats-report-dialog) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.chat-thread-card.kind-team, .chat-thread-card.kind-provider, .chat-thread-card.kind-client, .chat-thread-card.unread) {
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.12), transparent 34%),
    linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.chats-filter-head h3, .chats-page-title-wrap h1, .thread-name, .chat-thread-card.unread .thread-name, .chats-report-dialog h3, .auth-gate-unified-title) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.chats-page-title-wrap p, .thread-subtitle, .thread-last-msg, .chat-thread-card.unread .thread-subtitle, .chat-thread-card.unread .thread-last-msg, .thread-time, #chats-empty p, .chats-report-dialog label, .auth-gate-unified-desc) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.chats-results-count, .chats-page-hero-tag, #chat-filters .filter-chip, .chats-search-input, .chats-search-clear, .chats-thread-menu-btn, .chat-thread-skeleton, .chats-report-peer, .chats-report-select, .chats-report-textarea, .chats-report-btn.ghost) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats #chat-filters .filter-chip {
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats #chat-filters .filter-chip .chat-filter-count {
  background: rgba(167, 139, 250, 0.16) !important;
  border: 1px solid rgba(167, 139, 250, 0.22) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats #chat-filters .filter-chip.active {
  background: linear-gradient(135deg, #7c3aed, #0f766e) !important;
  border-color: rgba(216, 204, 255, 0.28) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(124, 58, 237, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats #chat-filters .filter-chip.active .chat-filter-count {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-search-input::placeholder {
  color: rgba(196, 210, 228, 0.74) !important;
  -webkit-text-fill-color: rgba(196, 210, 228, 0.74) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-search-icon {
  stroke: #c4d2e4 !important;
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chat-thread-card::before {
  background: linear-gradient(180deg, #8b5cf6, #2dd4bf) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chat-thread-card.unread::before {
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.92), 0 0 18px rgba(139, 92, 246, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chat-thread-card:hover {
  border-color: rgba(167, 139, 250, 0.36) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.thread-role-chip, .thread-preview-pill, .thread-label-chip, .thread-favorite-chip, .thread-unread-badge, .thread-open-hint, .chat-thread-card.unread .thread-time) {
  background: rgba(31, 44, 65, 0.96) !important;
  border: 1px solid rgba(196, 213, 239, 0.22) !important;
  color: #d8ccff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.thread-role-chip.kind-provider, .thread-preview-pill.accent-blue, .thread-label-chip.city-chip) {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats :is(.thread-role-chip.kind-client, .thread-preview-pill.accent-amber, .thread-favorite-chip) {
  background: rgba(245, 158, 11, 0.16) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
  color: #fde68a !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .thread-unread-badge {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.30) !important;
  color: #bbf7d0 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .thread-open-hint {
  background: rgba(196, 213, 239, 0.12) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chat-thread-card.unread .thread-open-hint {
  background: linear-gradient(135deg, #7c3aed, #0f766e) !important;
  border-color: rgba(216, 204, 255, 0.28) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-thread-menu {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-thread-menu-item {
  color: #dbeafe !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-thread-menu-item:hover {
  background: rgba(124, 58, 237, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-thread-menu-item.danger {
  color: #fca5a5 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-report-backdrop {
  background: rgba(4, 9, 16, 0.66) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-report-btn.primary {
  background: linear-gradient(135deg, #f59e0b, #b45309) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-chats .chats-toast {
  background: rgba(17, 27, 43, 0.98) !important;
  border: 1px solid rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium {
  --ls-ink: #f5f8fc;
  --ls-muted: #c4d2e4;
  --ls-line: rgba(196, 213, 239, 0.22);
  --ls-soft-bg: rgba(23, 35, 54, 0.96);
  background:
    radial-gradient(900px 340px at 86% -10%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(720px 300px at 8% 20%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium :is(.ls-page, .page-content) {
  background:
    radial-gradient(900px 340px at 86% -10%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(720px 300px at 8% 20%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium :is(.ls-hero-card, .ls-settings-card, .ls-security-card) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium .ls-back-btn {
  background: rgba(23, 35, 54, 0.96) !important;
  border: 1px solid rgba(196, 213, 239, 0.24) !important;
  color: #99f6e4 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium :is(.ls-hero-kicker, .ls-hero-copy h1, #ls-hero-title, .ls-section-head h2, .ls-setting-content h3) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium :is(.ls-hero-subtitle, .ls-section-head p, .ls-setting-content p) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium .ls-hero-meta {
  background: transparent !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium .ls-hero-meta-item {
  background: linear-gradient(180deg, rgba(31, 44, 65, 0.98), rgba(23, 35, 54, 0.98)) !important;
  border: 1px solid rgba(196, 213, 239, 0.24) !important;
  color: #f5f8fc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium .ls-hero-meta-item span {
  color: #b8c7da !important;
  -webkit-text-fill-color: #b8c7da !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium .ls-hero-meta-item strong {
  color: #99f6e4 !important;
  -webkit-text-fill-color: #99f6e4 !important;
  font-weight: 900 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-login-settings.page-login-settings-premium :is(.ls-setting-item, .ls-security-item) {
  background: rgba(23, 35, 54, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote {
  --rq-ink: #f5f8fc;
  --rq-muted: #c4d2e4;
  --rq-line: rgba(196, 213, 239, 0.22);
  --rq-soft: rgba(23, 35, 54, 0.96);
  --rq-soft-2: rgba(31, 44, 65, 0.98);
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(720px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .page-content {
  background:
    radial-gradient(920px 340px at 88% -8%, rgba(167, 139, 250, 0.16), transparent 58%),
    radial-gradient(720px 300px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.rq-hero, .rq-form-wrap, .rq-form, .auth-gate, .rq-submit-state, .success-card, .rq-location-panel, .rq-toast) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-header {
  background:
    radial-gradient(circle at 14% 18%, rgba(167, 139, 250, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(23, 35, 54, 0.99), rgba(17, 27, 43, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.rq-header h1, .rq-hero-title, .form-label, .rq-label, .auth-gate h2, .success-title, .rq-submit-state-copy strong, .rq-toast-copy strong, .rq-location-panel h3) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-hero-title {
  background: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.rq-subtitle, .rq-hint, .rq-upload-hint, .form-char-count, .auth-gate p, .success-msg, .rq-submit-state-copy p, .rq-submit-state-meta, .rq-toast-copy p, .rq-location-panel p) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.mw-form-back, .rq-page-badge, .city-clear-btn, .rq-location-close) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #d8ccff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.form-input, .form-select, .form-textarea, .rq-location-field select) {
  background: rgba(10, 18, 31, 0.94) !important;
  border-color: rgba(196, 213, 239, 0.26) !important;
  color: #f5f8fc !important;
  -webkit-text-fill-color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.form-input, .form-select, .form-textarea)::placeholder {
  color: rgba(196, 210, 228, 0.76) !important;
  -webkit-text-fill-color: rgba(196, 210, 228, 0.76) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-upload-area {
  background: linear-gradient(180deg, rgba(31, 44, 65, 0.98), rgba(23, 35, 54, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.26) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-upload-trigger {
  background: rgba(12, 22, 36, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #d8ccff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-upload-trigger svg {
  color: #a78bfa !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote :is(.rq-file-summary, .rq-attachment-note, .attach-empty, .file-item) {
  background: rgba(12, 22, 36, 0.88) !important;
  border-color: rgba(196, 213, 239, 0.18) !important;
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .rq-actions {
  background: linear-gradient(180deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .btn-outlined {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .btn-primary-lg {
  background: linear-gradient(135deg, #7c3aed 0%, #5b3bb7 58%, #12877e 100%) !important;
  border: 1px solid rgba(216, 204, 255, 0.26) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(124, 58, 237, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-request-quote .btn-primary-lg :is(span, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request {
  --ur-bg: #0b1422;
  --ur-surface: rgba(17, 27, 43, 0.99);
  --ur-ink: #f5f8fc;
  --ur-muted: #c4d2e4;
  --ur-line: rgba(196, 213, 239, 0.22);
  --ur-accent: #fb7185;
  --ur-accent-strong: #fda4af;
  --ur-accent-soft: rgba(251, 113, 133, 0.16);
  background:
    radial-gradient(920px 340px at 90% -8%, rgba(251, 113, 133, 0.16), transparent 58%),
    radial-gradient(760px 320px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request .page-content {
  background:
    radial-gradient(920px 340px at 90% -8%, rgba(251, 113, 133, 0.16), transparent 58%),
    radial-gradient(760px 320px at 8% 18%, rgba(45, 212, 191, 0.10), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-page, .ur-layout, .ur-form-shell, .ur-form, .ur-section, .ur-side-card, .ur-side-panel, .ur-side-block, .ur-scope-card, .ur-selected-provider, .ur-attachments-card, .ur-auth-gate, .ur-success-card, .ur-location-panel, .ur-map-panel, .ur-toast) {
  background: linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-hero, .ur-form-head) {
  background:
    radial-gradient(circle at 16% 16%, rgba(251, 113, 133, 0.18), transparent 38%),
    radial-gradient(circle at 84% 10%, rgba(167, 139, 250, 0.16), transparent 36%),
    linear-gradient(160deg, rgba(23, 35, 54, 0.99), rgba(17, 27, 43, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-hero h1, .ur-form-head h2, .ur-section-head h3, .ur-field label, .ur-side-card strong, .ur-side-block h3, .ur-side-item strong, .ur-scope-card strong, .ur-selected-provider strong, .ur-attachments-card strong, .ur-provider-meta h4, .ur-success-card h3, .ur-location-panel h3, .ur-location-field label, .ur-map-head h3, .ur-toast-head strong, .ur-dispatch-card strong, .ur-attachment-group h4, .ur-provider-card-name, .ur-popup-title) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-hero p, .ur-form-head p, .ur-section-head p, .ur-hint, .ur-field-help, .ur-count, .ur-side-card p, .ur-side-item span, .ur-submit-note, .ur-provider-meta p, .ur-provider-stat, .ur-attachment-summary, .ur-toast-head p, .ur-location-panel p, .ur-map-head p, .ur-map-status, .ur-dispatch-card span, .ur-scope-card p, .ur-selected-provider p, .ur-attachments-card p, .ur-provider-card-sub, .ur-provider-coverage-note, .ur-popup-meta, .ur-popup-chip) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-field input, .ur-field textarea, .ur-field select, .ur-location-field select) {
  background: rgba(10, 18, 31, 0.94) !important;
  border-color: rgba(196, 213, 239, 0.26) !important;
  color: #f5f8fc !important;
  -webkit-text-fill-color: #f5f8fc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-field input, .ur-field textarea)::placeholder {
  color: rgba(196, 210, 228, 0.76) !important;
  -webkit-text-fill-color: rgba(196, 210, 228, 0.76) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-dispatch-card-body, .ur-picker-btn, .ur-metric, .ur-pill, .ur-type-spotlight, .ur-kicker, .ur-badge, .ur-provider-stat, .ur-provider-card, .ur-map-status, .ur-popup, .google-maps-popup-content-wrapper) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #f5f8fc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request .ur-dispatch-card input:checked + .ur-dispatch-card-body {
  background: linear-gradient(135deg, rgba(251, 113, 133, 0.22), rgba(167, 139, 250, 0.16)) !important;
  border-color: rgba(251, 113, 133, 0.38) !important;
  box-shadow: 0 12px 26px rgba(251, 113, 133, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-attachment-list, .ur-attachment-group, .ur-attachment-file, .ur-attachment-thumb, .attach-empty, .file-item, .ur-recording, .ur-attachment-summary) {
  background: rgba(12, 22, 36, 0.90) !important;
  border-color: rgba(196, 213, 239, 0.18) !important;
  color: #c4d2e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-picker-btn svg, .ur-kicker svg, .ur-type-spotlight svg, .ur-badge svg) {
  color: #fda4af !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-step, .ur-provider-badge, .ur-success-icon, .ur-location-icon) {
  background: linear-gradient(135deg, #fb7185, #7c3aed) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(251, 113, 133, 0.28) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request .ur-btn {
  background: linear-gradient(135deg, #fb7185 0%, #7c3aed 100%) !important;
  border: 1px solid rgba(253, 164, 175, 0.32) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(251, 113, 133, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-btn span, .ur-btn svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-btn-secondary, .ur-btn-ghost, .ur-action-btn, .ur-location-secondary, .ur-map-close, .ur-location-close, .ur-toast-close, .ur-popup-actions a, .ur-popup-actions button) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.24) !important;
  color: #d8ccff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-location-primary, .ur-location-apply, .ur-popup-actions .send-primary) {
  background: linear-gradient(135deg, #7c3aed 0%, #fb7185 100%) !important;
  border-color: rgba(253, 164, 175, 0.32) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.ur-action-call, .ur-action-whatsapp, .ur-action-send, .ur-popup-actions .profile, .ur-popup-actions .call, .ur-popup-actions .whatsapp, .ur-popup-actions .send) {
  background: rgba(31, 44, 65, 0.96) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request .ur-map-backdrop {
  background: rgba(4, 9, 16, 0.58) !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request .ur-map-canvas {
  background: #101b2d !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-urgent-request :is(.google-maps-popup-tip, .ur-map-empty) {
  background: rgba(31, 44, 65, 0.98) !important;
  color: #f5f8fc !important;
}

/* Footer cleanup */
body.mobile-web-parity #site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* Compact + calmer mobile experience */
@media (max-width: 768px) {
  body.mobile-web-parity .container {
    width: calc(100% - 18px);
  }

  body.mobile-web-parity :is(.mw-page-topbar, .orders-mobile-sheet, .orders-hero-panel, .prf-v3-card, .pdv4-card, .sr-form-card, .home-section-shell) {
    border-radius: var(--ux26-radius-md);
  }

  body.mobile-web-parity :is(.orders-hero-copy p, .home-section-note, .search-discovery-subtitle) {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    opacity: 0;
  }

  body.mobile-web-parity .mw-page-title {
    font-size: clamp(20px, 5vw, 25px);
  }

  body.mobile-web-parity .orders-hero-value {
    font-size: clamp(22px, 6vw, 28px);
  }

  body.mobile-web-parity :is(.ux26-form-actions, .verify-page-actions, .promo-submit-actions, .promo-summary-actions, .promo-payment-actions, .order-inline-actions) > :is(.btn, .btn-primary, .btn-secondary, .btn-outline) {
    width: 100%;
  }

  body.mobile-web-parity :is(.ux26-table, .verify-summary-table, .promo-summary-table, .pricing-table, .promo-requests-table, .verify-track-req-table) {
    min-width: 480px;
  }

  body.mobile-web-parity :is(.ux26-modal-card, .promo-modal-card, .ls-modal-card, .topbar-sponsor-modal-card, .sr-map-modal-panel, .pd-qr-dialog, .chat-report-dialog, .chat-sheet, .rv-report-dialog, .notif-promo-dialog, .notif-settings-dialog, .subpay-result-dialog, .ps-result-dialog) {
    border-radius: var(--ux26-radius-md);
    width: min(calc(100vw - 14px), 680px);
    margin-inline: auto;
  }

  body.mobile-web-parity :is(.pagination, .pager, .page-links) {
    justify-content: center;
  }

  body.mobile-web-parity :is(.pagination a, .pagination span, .pager a, .pager span, .page-links a, .page-links span) {
    flex: 0 0 auto;
    min-width: 34px;
  }

  body.mobile-web-parity.page-notifications .notif-actions {
    display: grid;
    gap: 8px;
  }

  body.mobile-web-parity.page-notifications .notif-actions :is(.btn-sm, .notif-action-btn) {
    width: 100%;
    justify-content: center;
  }
}

/* First-visit screens: complete dark-mode coverage */
html[data-theme="dark"] body.mobile-web-parity.page-onboarding,
html[data-theme="dark"] body.mobile-web-parity.page-onboarding .page-content {
  background:
    radial-gradient(820px 320px at 86% -8%, rgba(124, 58, 237, 0.18), transparent 58%),
    radial-gradient(680px 280px at 10% 20%, rgba(45, 212, 191, 0.12), transparent 56%),
    linear-gradient(180deg, #0b1422 0%, #101b2d 52%, #0b1422 100%) !important;
  color: #f5f8fc !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-page {
  background:
    radial-gradient(circle at 14% 18%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(167, 139, 250, 0.20), transparent 38%),
    linear-gradient(160deg, #0b1422 0%, #17233a 54%, #0f172a 100%) !important;
  border-color: rgba(196, 213, 239, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-page::before {
  background: radial-gradient(circle, rgba(45, 212, 191, 0.24), transparent 70%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-page::after {
  background: radial-gradient(circle, rgba(167, 139, 250, 0.24), transparent 70%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-card {
  background:
    radial-gradient(circle at top center, rgba(124, 58, 237, 0.12), transparent 44%),
    linear-gradient(165deg, rgba(17, 27, 43, 0.99), rgba(12, 22, 36, 0.98)) !important;
  border-color: rgba(196, 213, 239, 0.22) !important;
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.36) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-mark, .onboard-icon, .onboard-status-icon) {
  background: rgba(167, 139, 250, 0.16) !important;
  border: 1px solid rgba(196, 181, 253, 0.24) !important;
  color: #d8ccff !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-copy strong, .onboard-slide h1, .onboard-status-card h1) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-copy small, .onboard-slide p, .onboard-status-card p, .onboard-step-note) {
  color: #c4d2e4 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboard-copy-card, .onboard-media) {
  background: linear-gradient(165deg, rgba(31, 44, 65, 0.96), rgba(15, 23, 42, 0.96)) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-media::after {
  background: linear-gradient(180deg, rgba(11, 20, 34, 0) 54%, rgba(11, 20, 34, 0.42) 100%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-step-chip {
  background: rgba(45, 212, 191, 0.14) !important;
  border: 1px solid rgba(45, 212, 191, 0.28) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-actions {
  border-top-color: rgba(196, 213, 239, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-dot {
  background: rgba(196, 213, 239, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-dot.active {
  background: #2dd4bf !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboard-skip, .onboard-status-action) {
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-skip:hover {
  background: rgba(167, 139, 250, 0.12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboard-next, .onboard-status-action) {
  background: linear-gradient(135deg, #7c3aed, #14b8a6) !important;
  border: 1px solid rgba(216, 204, 255, 0.22) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.form-error, .signup-general-error:not(.hidden)) {
  background: rgba(127, 29, 29, 0.34) !important;
  border-color: rgba(252, 165, 165, 0.32) !important;
  color: #fecaca !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup .form-hint.ok,
html[data-theme="dark"] body.mobile-web-parity.page-signup .signup-map-status.ok {
  color: #5eead4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup .form-hint.bad,
html[data-theme="dark"] body.mobile-web-parity.page-signup .signup-map-status.bad {
  color: #fca5a5 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.signup-map-panel, .signup-map-shell, .signup-location-map) {
  background: rgba(10, 18, 31, 0.92) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.google-maps-container, .google-maps-pane, .google-maps-map-pane, .google-maps-tile-pane) {
  background: #101b2d !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup .google-maps-tile {
  filter: brightness(0.74) contrast(1.08) saturate(0.85) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.google-maps-control-zoom a, .google-maps-control-attribution) {
  background: rgba(17, 27, 43, 0.94) !important;
  border-color: rgba(196, 213, 239, 0.20) !important;
  color: #d8ccff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.signup-soft-panel.is-highlighted, .form-group.is-highlighted .form-input, .form-group.is-highlighted .form-select) {
  border-color: rgba(45, 212, 191, 0.38) !important;
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.10), 0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.signup-submit-btn, .signup-skip-btn) {
  border: 1px solid rgba(216, 204, 255, 0.24) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-signup :is(.signup-submit-btn, .signup-skip-btn):disabled {
  opacity: 0.72 !important;
  filter: saturate(0.82) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-terms :is(.terms-loading-card, .terms-empty-card, .terms-meta-card) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-about :is(.about-metric, .about-proof-card, .about-value-card, .about-story-card) {
  background: var(--nw-dark-surface-2) !important;
  border-color: var(--nw-dark-line) !important;
  color: var(--nw-dark-text) !important;
}

/* Desktop polish */
@media (min-width: 769px) {
  body.mobile-web-parity .home-sections-stack {
    display: grid;
    gap: 18px;
  }

  body.mobile-web-parity .home-section {
    scroll-margin-top: 110px;
  }

  body.mobile-web-parity :is(.orders-mobile-sheet, .search-discovery-shell, .prf-v3-card, .pdv4-card, .sr-form-card) {
    box-shadow: var(--ux26-shadow-lg);
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.mobile-web-parity *,
  body.mobile-web-parity *::before,
  body.mobile-web-parity *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Final dark-mode coverage: first-visit, login, and OTP screens */
html[data-theme="dark"] body.mobile-web-parity:is(.page-onboarding, .page-login, .page-twofa),
html[data-theme="dark"] body.mobile-web-parity:is(.page-onboarding, .page-login, .page-twofa) main,
html[data-theme="dark"] body.mobile-web-parity:is(.page-onboarding, .page-login, .page-twofa) .page-content {
  background:
    radial-gradient(820px 320px at 86% -8%, rgba(124, 58, 237, 0.2), transparent 58%),
    radial-gradient(680px 280px at 10% 20%, rgba(45, 212, 191, 0.12), transparent 56%),
    linear-gradient(180deg, #07111f 0%, #0b1322 52%, #101827 100%) !important;
  color: #f8fbff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-page {
  background:
    radial-gradient(circle at 16% 12%, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at 88% 84%, rgba(167, 139, 250, 0.22), transparent 38%),
    linear-gradient(160deg, #07111f 0%, #111c2e 54%, #0b1322 100%) !important;
  border-color: rgba(174, 196, 226, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-card,
html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboard-copy-card, .onboard-status-card) {
  background:
    radial-gradient(circle at top center, rgba(124, 58, 237, 0.16), transparent 44%),
    linear-gradient(165deg, rgba(23, 35, 54, 0.98), rgba(11, 19, 34, 0.98)) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  color: #f8fbff !important;
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.52) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-card::before {
  background: radial-gradient(circle at top center, rgba(124, 58, 237, 0.24), transparent 72%) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-mark, .onboard-icon, .onboard-status-icon) {
  background:
    radial-gradient(circle at 30% 20%, rgba(45, 212, 191, 0.18), transparent 42%),
    linear-gradient(145deg, rgba(124, 58, 237, 0.32), rgba(11, 19, 34, 0.78)) !important;
  border: 1px solid rgba(192, 132, 252, 0.28) !important;
  color: #d9d0ff !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.38) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboarding-brand-mark img {
  background: rgba(255, 255, 255, 0.96) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-copy strong, .onboard-slide h1, .onboard-status-card h1) {
  color: #f8fbff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboarding-brand-copy small, .onboard-slide p, .onboard-status-card p, .onboard-step-note) {
  color: #b8c7da !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-media {
  background:
    radial-gradient(circle at top right, rgba(124, 58, 237, 0.18), transparent 38%),
    linear-gradient(145deg, rgba(23, 35, 54, 0.96), rgba(11, 19, 34, 0.96)) !important;
  border: 1px solid rgba(174, 196, 226, 0.18) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-media-image,
html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-media-video {
  background: transparent !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-step-chip {
  background: rgba(45, 212, 191, 0.16) !important;
  border: 1px solid rgba(94, 234, 212, 0.28) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-actions {
  border-top-color: rgba(174, 196, 226, 0.18) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding .onboard-skip {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(174, 196, 226, 0.18) !important;
  color: #d9d0ff !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-onboarding :is(.onboard-next, .onboard-status-action) {
  background: linear-gradient(135deg, #7c3aed, #6d28d9 54%, #0f766e) !important;
  border: 1px solid rgba(192, 132, 252, 0.28) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"].nw-language-gate-pending,
html[data-theme="dark"].nw-language-gate-pending body,
html[data-theme="dark"].nw-language-gate-pending #first-visit-language-toast,
html[data-theme="dark"].nw-language-gate-pending #first-visit-language-toast.hidden {
  background:
    radial-gradient(760px 300px at 50% -8%, rgba(124, 58, 237, 0.24), transparent 68%),
    radial-gradient(620px 260px at 92% 14%, rgba(45, 212, 191, 0.12), transparent 64%),
    linear-gradient(180deg, #07111f 0%, #0b1322 58%, #101827 100%) !important;
  color: #f8fbff !important;
}

html[data-theme="dark"].nw-language-gate-pending :is(.nw-language-toast-copy, .nw-language-toast-actions) {
  background: rgba(23, 35, 54, 0.97) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.54) !important;
}

html[data-theme="dark"].nw-language-gate-pending .nw-language-toast-copy strong {
  color: #f8fbff !important;
}

html[data-theme="dark"].nw-language-gate-pending .nw-language-toast-copy > span {
  color: #b8c7da !important;
}

html[data-theme="dark"].nw-language-gate-pending .nw-language-choice {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(174, 196, 226, 0.2) !important;
  color: #eaf2ff !important;
}

html[data-theme="dark"].nw-language-gate-pending .nw-language-choice.is-primary {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 58%, #0f766e 100%) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.auth-page, .auth-page-login, .auth-page-twofa) {
  background:
    radial-gradient(720px 300px at 50% -10%, rgba(124, 58, 237, 0.24), transparent 68%),
    radial-gradient(620px 260px at 92% 14%, rgba(45, 212, 191, 0.12), transparent 64%),
    linear-gradient(180deg, #07111f 0%, #0b1322 58%, #101827 100%) !important;
  color: #f8fbff !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.auth-card, .auth-card-login, .auth-card-twofa) {
  background: linear-gradient(180deg, rgba(23, 35, 54, 0.98), rgba(11, 19, 34, 0.97)) !important;
  border-color: rgba(174, 196, 226, 0.2) !important;
  color: #f8fbff !important;
  box-shadow: 0 24px 62px rgba(0, 0, 0, 0.58), 0 1px 0 rgba(255, 255, 255, 0.04) inset !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.auth-title, .form-label, .otp-info-phone, .otp-phone-label) {
  color: #f8fbff !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.auth-desc, .form-hint, .otp-info-label, .twofa-resend-row .btn-link, .auth-divider) {
  color: #b8c7da !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.auth-login-kicker, .auth-twofa-kicker) {
  background: rgba(45, 212, 191, 0.14) !important;
  border-color: rgba(94, 234, 212, 0.3) !important;
  color: #99f6e4 !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.form-input, .otp-box, .otp-info-card, .twofa-countdown-pill) {
  background: rgba(11, 19, 34, 0.86) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  color: #f8fbff !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.form-input, .otp-box)::placeholder {
  color: #7a8aa2 !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.form-input, .otp-box):focus {
  border-color: #5eead4 !important;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.18), 0 10px 24px rgba(0, 0, 0, 0.42) !important;
}

html[data-theme="dark"] body.mobile-web-parity.page-twofa .otp-box.is-filled {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.2), rgba(11, 19, 34, 0.9)) !important;
  border-color: rgba(192, 132, 252, 0.42) !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.btn-primary, #btn-send-otp, #btn-verify-otp) {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 54%, #0f766e 100%) !important;
  border-color: rgba(192, 132, 252, 0.28) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.btn-secondary, .btn-faceid-login, #btn-guest, #btn-faceid-login, #btn-faceid-twofa) {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(174, 196, 226, 0.22) !important;
  color: #eaf2ff !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.btn-faceid-login svg, .login-guest-icon, .login-guest-icon svg) {
  color: #c4b5fd !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) .auth-divider::before,
html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) .auth-divider::after {
  background: linear-gradient(90deg, transparent, rgba(174, 196, 226, 0.22), transparent) !important;
}

html[data-theme="dark"] body.mobile-web-parity:is(.page-login, .page-twofa) :is(.form-error, #phone-error, #otp-error):not(.hidden) {
  background: rgba(127, 29, 29, 0.32) !important;
  border-color: rgba(252, 165, 165, 0.32) !important;
  color: #fecaca !important;
}