/*
 * ERT deep-navy theme — 2026-08-06
 *
 * The product keeps teal for primary actions and orange for purchase money/
 * purchase actions.  Surfaces use a blue-black rather than pure black so the
 * interface remains comfortable during long operational sessions.
 */

:root {
  color-scheme: dark;
  --dark-canvas: #07131d;
  --dark-canvas-raised: #0a1925;
  --dark-surface: #102331;
  --dark-surface-raised: #142b3a;
  --dark-surface-soft: #193342;
  --dark-line: #294451;
  --dark-line-strong: #3b5d69;
  --dark-text: #edf7f5;
  --dark-copy: #c3d2d7;
  --dark-muted: #91a6af;
  --dark-teal: #269b90;
  --dark-teal-hover: #31afa2;
  --dark-teal-action: #166f69;
  --dark-teal-action-hover: #1c8077;
  --dark-teal-soft: #153b3d;
  --dark-orange: #f17a3d;
  --dark-orange-soft: #40271e;
  --dark-danger: #f07a78;
  --dark-danger-soft: #422426;
  --dark-shadow: 0 20px 54px rgba(0, 0, 0, .28);

  --ink: var(--dark-text);
  --muted: var(--dark-muted);
  --line: var(--dark-line);
  --panel: var(--dark-surface);
  --soft: var(--dark-surface-soft);
  --brand: var(--dark-teal);
  --brand-dark: var(--dark-teal-hover);
  --danger: var(--dark-danger);
  --shadow: var(--dark-shadow);

  --market-navy: var(--dark-text);
  --market-navy-deep: var(--dark-canvas);
  --market-teal: var(--dark-teal);
  --market-teal-dark: var(--dark-teal-hover);
  --market-orange: var(--dark-orange);
  --market-bg: var(--dark-canvas);
  --market-panel: var(--dark-surface);
  --market-line: var(--dark-line);
  --market-copy: var(--dark-copy);
  --market-shadow: var(--dark-shadow);
}

html.theme-dark,
html.theme-dark body {
  background: var(--dark-canvas);
}

html.theme-dark body {
  color: var(--dark-text);
}

html.theme-dark ::selection {
  background: rgba(49, 175, 162, .38);
  color: #fff;
}

html.theme-dark .brand-mark {
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark :is(input, select, textarea) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-text);
}

html.theme-dark :is(input, textarea)::placeholder {
  color: #6f8791;
  opacity: 1;
}

html.theme-dark :is(input, select, textarea):hover {
  border-color: var(--dark-line-strong);
}

html.theme-dark :is(input, select, textarea):focus {
  border-color: var(--dark-teal);
  outline-color: rgba(38, 155, 144, .28);
}

/* Native form controls and browser autofill can paint their own white layer
   above author styles.  Force text, caret and the inset fill together so
   finance, refund and address forms remain readable while they are edited. */
html.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html.theme-dark textarea,
html.theme-dark select {
  background-color: var(--dark-canvas-raised) !important;
  color: var(--dark-text) !important;
  caret-color: #7de0d5;
  -webkit-text-fill-color: var(--dark-text);
  color-scheme: dark;
}

html.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):-webkit-autofill,
html.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):-webkit-autofill:hover,
html.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):-webkit-autofill:focus,
html.theme-dark textarea:-webkit-autofill,
html.theme-dark textarea:-webkit-autofill:hover,
html.theme-dark textarea:-webkit-autofill:focus {
  border-color: var(--dark-teal) !important;
  box-shadow: 0 0 0 1000px var(--dark-canvas-raised) inset !important;
  -webkit-text-fill-color: var(--dark-text) !important;
  transition: background-color 9999s ease-out 0s;
}

/* Public/customer shell */
html.theme-dark body:not(.manage-body),
html.theme-dark body:not(.manage-body) .site-main {
  background: var(--dark-canvas);
  color: var(--dark-text);
}

html.theme-dark body:not(.manage-body) .topbar {
  border-bottom-color: var(--dark-line);
  background: rgba(10, 25, 37, .96);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .24);
}

html.theme-dark body:not(.manage-body) :is(.brand, .topbar .nav a) {
  color: var(--dark-copy);
}

html.theme-dark body:not(.manage-body) .brand small {
  color: var(--dark-muted);
}

html.theme-dark body:not(.manage-body) .topbar .nav a:hover,
html.theme-dark body:not(.manage-body) .topbar .nav a.active {
  background: var(--dark-teal-soft);
  color: #7de0d5;
}

html.theme-dark body:not(.manage-body) .topbar .nav .nav-primary {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark body:not(.manage-body) .topbar .nav .nav-primary:hover,
html.theme-dark body:not(.manage-body) .topbar .nav .nav-primary.active {
  border-color: var(--dark-teal-action-hover);
  background: var(--dark-teal-action-hover);
  color: #fff;
}

html.theme-dark body:not(.manage-body) .button {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark body:not(.manage-body) .button:hover {
  border-color: var(--dark-teal-action-hover);
  background: var(--dark-teal-action-hover);
}

html.theme-dark body:not(.manage-body) .button.ghost {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: var(--dark-copy);
}

html.theme-dark body:not(.manage-body) .button.ghost:hover {
  border-color: var(--dark-teal);
  background: var(--dark-teal-soft);
  color: #7de0d5;
}

html.theme-dark body:not(.manage-body) .button.danger,
html.theme-dark body:not(.manage-body) .button.danger.ghost {
  border-color: #b95659;
  background: var(--dark-danger-soft);
  color: #ffaaa8;
}

html.theme-dark body:not(.manage-body) :is(label, .section-note, .form-help, .muted, .lead) {
  color: var(--dark-muted);
}

html.theme-dark body:not(.manage-body) :is(.section h1, .section h2, .section h3, .detail-panel h1, .auth-card h1, .console-hero h1) {
  color: var(--dark-text);
}

html.theme-dark body:not(.manage-body) .eyebrow {
  color: #66d1c6;
}

html.theme-dark body:not(.manage-body) :is(
  .device-card,
  .panel,
  .auth-card,
  .detail-panel,
  .detail-media,
  .order-card,
  .account-nav,
  .address-card,
  .account-form-card,
  .console-strip,
  .address-preview,
  .console-form,
  .invoice-ledger,
  .empty-state,
  .order-row,
  .purchase-order-guide,
  .purchase-order-card-v2,
  .purchase-orders-empty,
  .order-status-hero,
  .order-lifecycle,
  .customer-fulfillment,
  .customer-extension-payment,
  .customer-order-summary,
  .customer-delivery-contact,
  .wechat-checkout-card,
  .consult-panel
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
  box-shadow: var(--dark-shadow);
}

html.theme-dark body:not(.manage-body) :is(
  .device-image,
  .detail-facts div,
  .info-grid div,
  .rule-grid section,
  .state-facts div,
  .console-form section,
  .invoice-process,
  .customer-service-row,
  .customer-current-due,
  .customer-address,
  .customer-support-contact,
  .purchase-return-status-card
) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body:not(.manage-body) :is(
  .device-title-row h3,
  .device-body .price strong,
  .account-page-body .section-head h1,
  .account-page-body .console-hero h1,
  .account-page-body .console-form h2,
  .account-page-body .ledger-head h2,
  .account-page-body .address-preview h2,
  .address-page .address-title strong,
  .order-list-page .order-row > div:first-child strong,
  .empty-state strong,
  .customer-section-title > span,
  .customer-service-row summary strong,
  .customer-order-summary h2
) {
  color: var(--dark-text);
}

html.theme-dark body:not(.manage-body) :is(
  .device-body p,
  .address-card p,
  .order-list-page .order-row > div,
  .order-list-page .order-row span,
  .customer-section-title small,
  .customer-service-row summary small,
  .customer-service-content,
  .purchase-order-card-v2 span,
  .purchase-order-card-v2 small
) {
  color: var(--dark-muted);
}

html.theme-dark body:not(.manage-body) .account-nav a {
  color: var(--dark-muted);
}

html.theme-dark body:not(.manage-body) .account-nav a:hover {
  background: var(--dark-surface-soft);
  color: var(--dark-text);
}

html.theme-dark body:not(.manage-body) .account-nav a.active {
  background: #17384b;
  color: #fff;
}

html.theme-dark .site-footer,
html.theme-dark .market-contact-footer,
html.theme-dark .market-copyright {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark :is(.site-footer-brand strong, .mobile-rental-intro h2, .mini-program-card strong, .company-contact strong) {
  color: var(--dark-text);
}

html.theme-dark :is(.site-footer-brand small, .site-footer-inner > span, .site-footer-inner nav, .mobile-rental-intro > span, .mini-program-card small, .company-contact span, .company-contact a, .market-copyright) {
  color: var(--dark-muted);
}

html.theme-dark .mobile-rental-intro > p {
  color: #67d2c8;
}

html.theme-dark .mini-program-card {
  border-color: var(--dark-line);
  color: var(--dark-copy);
}

html.theme-dark .mini-program-card:hover {
  background: var(--dark-surface);
}

html.theme-dark .mini-program-card img {
  border-color: var(--dark-line);
  background: #edf4f3;
}

/* Main service gateway */
html.theme-dark .platform-gateway-page {
  background: var(--dark-canvas);
}

html.theme-dark .platform-gateway-page .platform-gateway {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .platform-gateway-page .platform-service {
  border-color: var(--dark-line);
  background: var(--dark-surface-raised);
  color: var(--dark-text);
}

html.theme-dark .platform-gateway-page .platform-service-grid {
  background: var(--dark-line);
}

html.theme-dark .platform-gateway-page .platform-assurance {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .platform-gateway-page .platform-assurance > :is(div, span) {
  border-color: var(--dark-line);
  background: transparent;
}

html.theme-dark .platform-gateway-page .platform-assurance :is(strong, b) {
  color: var(--dark-copy);
}

html.theme-dark .platform-gateway-page .platform-assurance small {
  color: var(--dark-muted);
}

html.theme-dark .platform-gateway-page .platform-service:hover {
  background: var(--dark-surface-soft);
}

html.theme-dark .platform-gateway-page :is(.platform-service-copy strong, .platform-service-copy > span) {
  color: var(--dark-text);
}

html.theme-dark .platform-gateway-page .platform-service-copy small {
  color: var(--dark-muted);
}

html.theme-dark .platform-gateway-page .platform-service-icon {
  background: var(--dark-teal-soft);
}

html.theme-dark .platform-gateway-page .platform-service.purchase .platform-service-icon {
  background: var(--dark-orange-soft);
  color: var(--dark-orange);
}

html.theme-dark .platform-gateway-page .platform-footer {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .platform-gateway-page .platform-footer strong {
  color: var(--dark-text);
}

html.theme-dark .platform-gateway-page .platform-footer :is(a, small),
html.theme-dark .platform-gateway-page .platform-footer > span:last-child {
  color: var(--dark-muted);
}

html.theme-dark .platform-gateway-page .platform-footer a:hover {
  color: #78ddd3;
}

/* Series products, accessories and checkout */
html.theme-dark .market-home {
  background: var(--dark-surface);
  box-shadow: var(--dark-shadow);
}

html.theme-dark :is(.market-process, .market-catalog, .market-trust) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
}

html.theme-dark .market-process :is(.process-step strong, .process-step strong b) {
  color: var(--dark-text);
}

html.theme-dark .market-process .process-step p {
  color: var(--dark-muted);
}

html.theme-dark .market-process .process-icon {
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark .market-process .process-arrow {
  color: var(--dark-teal);
}

html.theme-dark :is(.process-step, .featured-device, .market-filter, .market-search, .feature-points > div, .market-trust > div) {
  border-color: var(--dark-line);
  background: var(--dark-surface-raised);
}

html.theme-dark .home-v3-body .featured-image {
  background: var(--dark-surface-soft);
}

html.theme-dark :is(.market-section-head h2, .featured-title-row h3, .feature-points strong, .market-trust strong) {
  color: var(--dark-text);
}

html.theme-dark :is(.market-section-head p, .featured-description, .feature-points small, .market-trust small, .catalog-result) {
  color: var(--dark-muted);
}

html.theme-dark .home-v3-body .featured-main,
html.theme-dark .home-v3-body .featured-offer {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .home-v3-body .featured-title-row span,
html.theme-dark .home-v3-body .featured-offer :is(p, span) {
  color: var(--dark-muted);
}

html.theme-dark .home-v3-body .featured-offer .featured-price span {
  color: var(--dark-copy);
}

html.theme-dark .home-v3-body .market-search {
  border-color: #315565;
  background: #0a1b2a;
  box-shadow: 0 12px 30px rgba(2, 12, 22, 0.24);
}

html.theme-dark .home-v3-body .market-search:focus-within {
  border-color: #54c9bd;
  box-shadow: 0 0 0 3px rgba(84, 201, 189, 0.16), 0 14px 34px rgba(2, 12, 22, 0.3);
}

html.theme-dark .home-v3-body .market-search-icon {
  background: #102d3d;
  color: #81a9b7;
}

html.theme-dark .home-v3-body .market-search input {
  color: var(--dark-text);
}

html.theme-dark .home-v3-body .market-search input::placeholder {
  color: #94aeb8;
}

html.theme-dark .home-v3-body .market-search button {
  background: var(--dark-teal-action);
}

html.theme-dark .home-v3-body .market-search button:hover {
  background: #22948c;
}

html.theme-dark .home-v3-body .featured-price-period {
  background: rgba(34, 139, 131, 0.18);
  color: #9fd9d3;
}

html.theme-dark .home-v3-body .featured-title-row .stock-pill {
  border-color: #2c6661;
  background: var(--dark-teal-soft);
  color: #8bded6;
}

html.theme-dark .home-v3-body .spec-link {
  color: #70d8ce;
}

html.theme-dark .market-button-primary {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark .market-button-primary:hover {
  border-color: var(--dark-teal-action-hover);
  background: var(--dark-teal-action-hover);
}

html.theme-dark .market-button-secondary {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark .product-page-body {
  --series-navy: var(--dark-text);
  --series-line: var(--dark-line);
  --series-teal: var(--dark-teal);
  --series-teal-dark: var(--dark-teal-hover);
  --series-orange: var(--dark-orange);
}

html.theme-dark .product-page-body :is(
  .product-gallery,
  .product-summary,
  .product-overview,
  .product-info-section,
  .order-card,
  .series-mode-switcher,
  .series-rental-configurator,
  .info-subsection
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
}

html.theme-dark .product-page-body .purchase-buy-panel {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .product-page-body .purchase-buy-panel-head {
  border-color: var(--dark-line);
}

html.theme-dark .product-page-body .purchase-buy-panel-head h2 {
  color: var(--dark-text);
}

html.theme-dark .product-page-body .purchase-buy-panel-head > span {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .purchase-buy-fields label {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .purchase-buy-fields :is(select, textarea, input) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-text);
}

html.theme-dark .product-page-body .purchase-buy-fields .quantity-field {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body .purchase-buy-fields .quantity-field button {
  border-color: var(--dark-line);
  background: var(--dark-teal-soft);
  color: #70d6cc;
}

html.theme-dark .product-page-body .purchase-buy-fields .quantity-field input {
  border-color: var(--dark-line);
}

html.theme-dark .product-page-body .purchase-buy-fields .purchase-agreement-line {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .purchase-buy-total {
  border: 1px solid #74452f;
  background: var(--dark-orange-soft);
}

html.theme-dark .product-page-body .purchase-buy-total :is(span, small) {
  color: #dfb59d;
}

html.theme-dark .product-page-body .purchase-buy-total strong {
  color: var(--dark-orange);
}

html.theme-dark .product-page-body .gallery-main {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body .product-kicker small {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body :is(
  .product-overview h2,
  .product-overview h3,
  .product-info-section h2,
  .product-info-section h3,
  .info-subsection h3
) {
  color: var(--dark-text);
}

html.theme-dark .product-page-body :is(
  .admin-preserved-text,
  .info-section-heading > p,
  .overview-copy > p,
  .info-subsection > p
) {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .info-subsection-index {
  color: #70d8ce;
}

html.theme-dark .product-page-body :is(.gallery-thumb, .product-tag-row span) {
  border-color: var(--dark-line);
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .series-rental-overview {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body :is(.series-rental-price > span, .series-rental-benefits span, .series-rental-controls label, .series-rental-estimate > span, .series-rental-estimate small) {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .series-rental-price-value em {
  color: #8fb6bd;
}

html.theme-dark .product-page-body .series-rental-controls :is(input, select) {
  border-color: #315565;
  background: #0a1b2a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 7px 18px rgba(2, 12, 22, .16);
}

html.theme-dark .product-page-body .series-rental-controls select:hover {
  border-color: #4d7582;
}

html.theme-dark .product-page-body .series-mode-tab.rental:not(.active):hover {
  background: var(--dark-teal-soft);
}

html.theme-dark .product-page-body .series-mode-tab small {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .series-mode-tab.rental.active {
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark .product-page-body .series-mode-tab.rental.active small {
  color: #d8f5f1;
}

html.theme-dark .product-page-body .series-mode-tab.purchase:hover {
  background: var(--dark-orange-soft);
}

html.theme-dark .product-page-body .series-mode-tab.purchase.active,
html.theme-dark .product-page-body .series-mode-tab.purchase.active small {
  color: #1d1713;
}

html.theme-dark .product-page-body .series-purchase-rail,
html.theme-dark .product-page-body .purchase-commerce-price-panel {
  border-color: #74452f;
  background: var(--dark-orange-soft);
  color: var(--dark-copy);
}

html.theme-dark .product-page-body :is(.series-purchase-title, .series-purchase-rail > span) {
  border-color: #74452f;
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .series-purchase-price small {
  color: #e5ae91;
}

html.theme-dark .product-page-body .purchase-commerce-price-panel .primary-price > span {
  color: #ffb08b;
}

html.theme-dark .product-page-body .purchase-commerce-price-panel .primary-price strong :is(small, em) {
  color: #ffb08b;
}

html.theme-dark .product-page-body .purchase-commerce-price-panel .price-note {
  border-color: #74452f;
  color: #e4bba4;
}

html.theme-dark .product-page-body .purchase-commerce-price-panel .price-note :is(span, small) {
  color: #e4bba4;
}

html.theme-dark .product-page-body .product-facts > div {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body .product-facts span {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .product-facts strong {
  color: var(--dark-text);
}

html.theme-dark .product-page-body .product-facts small {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .series-purchase-rail .button {
  border-color: var(--dark-orange);
  background: transparent;
  color: var(--dark-orange);
}

html.theme-dark .product-page-body .product-section-nav {
  border-color: var(--dark-line);
  background: rgba(16, 35, 49, .96);
}

html.theme-dark .product-page-body .commerce-assurances {
  border-color: var(--dark-line);
  background: var(--dark-line);
}

html.theme-dark .product-page-body .commerce-assurances > div {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body .commerce-assurances :is(strong, span) {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .commerce-assurances small {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .product-action-bar {
  border-color: var(--dark-line);
  background: rgba(16, 35, 49, .97);
  color: var(--dark-copy);
  box-shadow: 0 -14px 38px rgba(0, 0, 0, .26);
}

html.theme-dark .product-page-body .product-action-bar :is(strong, span) {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .product-action-bar .product-action-price small {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .product-action-rules {
  color: #70d8ce;
}

html.theme-dark .product-page-body .order-quantity-summary {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .product-page-body .order-quantity-summary > div {
  border-color: var(--dark-line);
}

html.theme-dark .product-page-body .order-quantity-summary :is(span, small) {
  color: var(--dark-muted);
}

html.theme-dark .product-page-body .order-quantity-summary strong {
  color: var(--dark-text);
}

html.theme-dark .product-page-body .form-title h2 {
  color: var(--dark-text);
}

html.theme-dark .product-page-body .form-hint {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .product-section-nav a {
  color: var(--dark-copy);
}

html.theme-dark .product-page-body .product-section-nav a.active,
html.theme-dark .product-page-body .product-section-nav a:hover {
  color: #72d9ce;
}

html.theme-dark .auth-page-body .site-main {
  background: var(--dark-canvas);
}

html.theme-dark .auth-shell {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .auth-shell .auth-card {
  background: var(--dark-surface);
}

html.theme-dark .auth-shell .auth-tabs {
  background: var(--dark-canvas-raised);
}

html.theme-dark .auth-shell .auth-tab {
  color: var(--dark-muted);
}

html.theme-dark .auth-shell .auth-tab.active {
  background: var(--dark-surface-soft);
  color: #72d9ce;
  box-shadow: none;
}

html.theme-dark .auth-shell .auth-card > p:not(.auth-kicker),
html.theme-dark .auth-shell .form-note {
  color: var(--dark-copy) !important;
}

html.theme-dark .message {
  border-color: #2d5d59;
  background: #153533;
  color: #b9e5df;
}

html.theme-dark .message-error {
  border-color: #704044;
  background: var(--dark-danger-soft);
  color: #ffaaa8;
}

html.theme-dark .wechat-qr-panel {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .wechat-qr-panel img {
  padding: 12px;
  background: #fff;
}

html.theme-dark .wechat-checkout-copy h1,
html.theme-dark .wechat-checkout-copy dd {
  color: var(--dark-text);
}

html.theme-dark .wechat-checkout-copy > p,
html.theme-dark .wechat-checkout-copy dt,
html.theme-dark .wechat-qr-panel span {
  color: var(--dark-copy);
}

html.theme-dark .wechat-checkout-copy dl,
html.theme-dark .wechat-checkout-copy dl > div {
  border-color: var(--dark-line);
}

html.theme-dark .wechat-checkout-copy .wechat-checkout-amount {
  color: var(--dark-orange);
}

html.theme-dark .wechat-qr-panel strong {
  color: #67d9ce;
}

/* Operations/admin shell */
html.theme-dark .manage-body {
  --manage-navy: var(--dark-text);
  --manage-navy-soft: #1a394c;
  --manage-bg: var(--dark-canvas);
  --manage-panel: var(--dark-surface);
  --manage-line: var(--dark-line);
  --manage-muted: var(--dark-muted);
  --manage-teal: var(--dark-teal);
  --manage-teal-dark: var(--dark-teal-hover);
  background: var(--dark-canvas);
  color: var(--dark-text);
}

html.theme-dark .manage-sidebar {
  border-bottom: 1px solid var(--dark-line);
  background: #091927;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
}

html.theme-dark .manage-nav a {
  border-color: transparent;
  background: transparent;
  color: var(--dark-copy);
}

html.theme-dark .manage-nav a:hover,
html.theme-dark .manage-nav a.active {
  border-color: #285a58;
  background: var(--dark-teal-soft);
  color: #83ded5;
}

html.theme-dark .manage-topbar {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

html.theme-dark .manage-topbar span,
html.theme-dark .manage-topbar span {
  color: var(--dark-muted);
}

html.theme-dark .manage-topbar small {
  border-color: #2c6661;
  background: var(--dark-teal-soft);
  color: #9be2db;
}

html.theme-dark .manage-topbar strong {
  color: var(--dark-text);
}

html.theme-dark .manage-body .button {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark .manage-body .button:hover {
  border-color: var(--dark-teal-action-hover);
  background: var(--dark-teal-action-hover);
}

html.theme-dark .manage-body .button.ghost,
html.theme-dark .manage-body :is(.row-actions, .quick-links, .filter-bar) .button.ghost {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: var(--dark-copy);
}

html.theme-dark .manage-body .button.danger,
html.theme-dark .manage-body .button.danger.ghost {
  border-color: #b95659;
  background: var(--dark-danger-soft);
  color: #ffaaa8;
}

html.theme-dark .manage-body :is(.section h1, .section h2, .section h3, .section-head h1, .section-head h2, .panel h2, .panel h3) {
  color: var(--dark-text);
}

html.theme-dark .manage-body :is(.section-note, .form-help, .muted, label, .dashboard-page-intro) {
  color: var(--dark-muted);
}

html.theme-dark .manage-body :is(
  .panel,
  .info-grid div,
  .filter-bar,
  .catalog-filter,
  .table-like,
  .table-row,
  .quick-links,
  .device-state-card,
  .system-data-section,
  .system-filter-bar,
  .purchase-return-case,
  .purchase-return-summary > div,
  .admin-order-workflow,
  .admin-current-task,
  .admin-order-tabs-workspace,
  .admin-order-summary-rail,
  .admin-order-fact-card,
  .admin-order-ledger-section,
  .admin-order-task-card,
  .admin-status-log-list,
  .product-availability-settings,
  .product-availability-option,
  .manage-product-type-tabs a
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .manage-body .info-grid div span {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .info-grid div strong {
  color: var(--dark-text);
}

html.theme-dark .manage-body .purchase-return-summary > a {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .manage-body .purchase-return-summary > a:hover {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
}

html.theme-dark .manage-body .purchase-return-summary > a span {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .purchase-return-summary > a strong {
  color: #68d3c8;
}

html.theme-dark .manage-body .purchase-return-summary > a small {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .purchase-return-case-list > .empty,
html.theme-dark .manage-body .empty {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-muted);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .manage-body .purchase-return-case :is(header, .purchase-return-case-body) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
}

html.theme-dark .manage-body .purchase-return-case :is(strong, h2, h3) {
  color: var(--dark-text);
}

html.theme-dark .manage-body .purchase-return-case :is(span, small, p) {
  color: var(--dark-muted);
}

/* Order workspaces: every task, ledger and financial surface follows the
   operations shell instead of retaining the former white document styling. */
html.theme-dark .manage-body :is(
  .admin-current-task-context,
  .admin-current-task-action,
  .admin-task-message,
  .admin-order-tab-panel,
  .admin-order-summary-rail section,
  .admin-finance-kpi-grid > div,
  .admin-assigned-assets,
  .purchase-admin-action-form,
  .purchase-return-decision-grid form,
  .purchase-return-review-result
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
}

html.theme-dark .manage-body :is(
  .admin-current-task-context h2,
  .admin-current-task-context strong,
  .admin-current-task-action h2,
  .admin-current-task-action h3,
  .admin-task-message h2,
  .purchase-admin-task-copy h3,
  .admin-order-ledger-section h2,
  .admin-service-record-grid h2,
  .admin-finance-record-grid h3,
  .purchase-admin-item h3,
  .purchase-admin-item > strong,
  .admin-order-summary-rail strong,
  .admin-assigned-assets strong
) {
  color: var(--dark-text);
}

html.theme-dark .manage-body :is(
  .admin-current-task-context p,
  .admin-current-task-action p,
  .admin-task-message p,
  .purchase-admin-task-copy p,
  .admin-finance-summary,
  .admin-service-record,
  .admin-service-record small,
  .purchase-admin-item small,
  .purchase-admin-item p,
  .admin-order-summary-rail span,
  .admin-order-summary-rail small,
  .admin-assigned-assets span
) {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .admin-current-task-context small {
  color: var(--dark-muted);
}

html.theme-dark .manage-body :is(.admin-order-number, .admin-order-time) {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .admin-order-workflow-step strong {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .admin-order-workflow-step > span {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark .manage-body .admin-order-workflow-step.done > span,
html.theme-dark .manage-body .admin-order-workflow-step.active > span {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark .manage-body .admin-order-tabs {
  border-color: var(--dark-line);
  background: var(--dark-surface);
}

html.theme-dark .manage-body .admin-order-tabs button {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .admin-order-tabs button:hover,
html.theme-dark .manage-body .admin-order-tabs button[aria-selected="true"] {
  color: #79ddd3;
}

html.theme-dark .manage-body .admin-order-ledger-section,
html.theme-dark .manage-body :is(.admin-finance-record-grid > section + section, .admin-service-record-grid > section + section, .purchase-admin-item) {
  border-color: var(--dark-line);
}

html.theme-dark .manage-body .admin-order-ledger-list dt {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .admin-order-ledger-list dd {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .admin-order-ledger-list > div.financial-emphasis {
  background: var(--dark-teal-soft);
}

html.theme-dark .manage-body .admin-order-ledger-list > div.financial-emphasis :is(dt, dd) {
  color: #9fe3dc;
}

html.theme-dark .manage-body .admin-finance-kpi-grid {
  border-color: var(--dark-line);
  background: var(--dark-line);
}

html.theme-dark .manage-body .admin-finance-kpi-grid > div :is(span, small) {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .admin-finance-kpi-grid > div strong {
  color: var(--dark-text);
}

html.theme-dark .manage-body .admin-finance-kpi-grid > div.primary,
html.theme-dark .manage-body .admin-order-summary-rail section.financial-highlight {
  background: #153b3d;
}

html.theme-dark .manage-body .admin-finance-kpi-grid > div.primary :is(span, strong, small),
html.theme-dark .manage-body .admin-order-summary-rail section.financial-highlight :is(span, strong, small) {
  color: #d9f5f1;
}

html.theme-dark .manage-body .admin-finance-formula {
  border-color: var(--dark-teal);
  background: var(--dark-canvas-raised);
  color: var(--dark-copy);
}

html.theme-dark .manage-body .refund-record {
  border-color: var(--dark-line);
}

html.theme-dark .manage-body .refund-record strong {
  color: var(--dark-text);
}

html.theme-dark .manage-body .refund-record small {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .admin-order-summary-rail strong.status,
html.theme-dark .manage-body .admin-order-status,
html.theme-dark .manage-body .task-kicker {
  background: var(--dark-teal-soft);
  color: #8fdfd7;
}

html.theme-dark .manage-body :is(.purchase-admin-action-form, .purchase-return-decision-grid) :is(input, select, textarea) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-text);
}

html.theme-dark .manage-body .dashboard-order-phone {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .dashboard-shortcuts-panel header span {
  color: var(--dark-muted);
}

/* Front-page settings and system management contain dense forms, so their
   panels use a slightly raised surface while inputs stay one level deeper. */
html.theme-dark .manage-body :is(
  .front-setting-nav a,
  .front-setting-section,
  .mini-page-setting-grid > article,
  .site-code-upload-grid > section,
  .profile-requirement-options label,
  .front-setting-save,
  .system-overview-card,
  .system-section-tabs,
  .system-create-form
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
  box-shadow: var(--dark-shadow);
}

html.theme-dark .manage-body :is(.front-setting-section > header, .front-setting-save, .system-section-tabs) {
  border-color: var(--dark-line);
}

html.theme-dark .manage-body :is(
  .front-setting-nav strong,
  .front-setting-section > header h2,
  .mini-page-setting-head strong,
  .site-code-upload-grid h2,
  .system-overview-card strong,
  .system-section-heading h2
) {
  color: var(--dark-text);
}

html.theme-dark .manage-body :is(
  .front-setting-nav small,
  .front-setting-section > header span,
  .mini-page-setting-head small,
  .site-code-upload-grid p,
  .system-overview-card small,
  .system-overview-card em,
  .system-section-heading span,
  .front-setting-save p
) {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .front-setting-nav a > span,
html.theme-dark .manage-body .system-overview-icon {
  background: var(--dark-teal-soft);
  color: #81dcd3;
}

html.theme-dark .manage-body :is(.hero-setting-preview figcaption, .mini-page-setting-grid figure figcaption) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-muted);
}

html.theme-dark .manage-body .front-setting-form label,
html.theme-dark .manage-body .system-create-details .system-create-form label {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .front-setting-form :is(input:not([type="checkbox"]), textarea, select),
html.theme-dark .manage-body .system-create-details .system-create-form :is(input, select) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-text);
}

html.theme-dark .manage-body .system-overview-card.active {
  border-color: #356b68;
  background: #163247;
}

html.theme-dark .manage-body .system-overview-card.active :is(small, em) {
  color: #b8d0d8;
}

html.theme-dark .manage-body .system-section-tabs a {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .system-section-tabs a.active {
  border-color: var(--dark-teal);
  color: #82ddd4;
}

html.theme-dark .manage-body .system-create-details > summary,
html.theme-dark .manage-body .system-protection-note {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #8fdfd7 !important;
}

html.theme-dark .manage-body .order-list {
  border-color: var(--dark-line);
  background: var(--dark-line);
}

html.theme-dark .manage-body .order-list .order-row {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
  box-shadow: none;
}

html.theme-dark .manage-body .order-list .order-row:hover {
  background: var(--dark-surface-raised);
}

html.theme-dark .manage-body .order-list .order-row :is(strong, .price) {
  color: var(--dark-text);
}

html.theme-dark .manage-body .order-list .order-row span {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .business-switch {
  background: var(--dark-line);
}

html.theme-dark .manage-body .business-switch a {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-muted);
}

html.theme-dark .manage-body .business-switch a:hover {
  background: var(--dark-surface-raised);
}

html.theme-dark .manage-body .business-switch a.active {
  border-color: #356b68;
  background: #18394b;
}

html.theme-dark .manage-body .business-switch a :is(span, strong) {
  color: inherit;
}

html.theme-dark .manage-body .invoice-guide p {
  color: var(--dark-copy);
}

html.theme-dark .manage-body .table-head span {
  color: var(--dark-copy) !important;
}

html.theme-dark .manage-body .table-head {
  border-color: var(--dark-line);
  background: #142d3e;
  color: var(--dark-copy);
}

html.theme-dark .manage-body .table-row:hover {
  background: var(--dark-surface-raised);
}

html.theme-dark .manage-body :is(.table-row strong, .device-state-main h2, .system-section-heading h2, .system-table .table-row strong) {
  color: var(--dark-text);
}

html.theme-dark .manage-body :is(.table-row, .table-row span, .table-row small, .system-data-note) {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .status.ok {
  background: var(--dark-teal-soft);
  color: #79d7ce;
}

html.theme-dark .manage-body .status.warning {
  background: #3b321c;
  color: #efc86f;
}

html.theme-dark .manage-body .status.danger-soft {
  background: var(--dark-danger-soft);
  color: #ffaaa8;
}

html.theme-dark .manage-body .status.muted {
  background: var(--dark-surface-soft);
  color: var(--dark-muted);
}

/* Dashboard: clearly separated operational cards without returning to white. */
html.theme-dark .dashboard-page {
  --dashboard-purchase: var(--dark-orange);
  --dashboard-purchase-soft: var(--dark-orange-soft);
  --dashboard-rental: var(--dark-teal);
  --dashboard-rental-soft: var(--dark-teal-soft);
}

html.theme-dark :is(.dashboard-date, .dashboard-shortcuts-panel, .dashboard-business-panel, .dashboard-asset-grid > a, .dashboard-order-column) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
  box-shadow: var(--dark-shadow);
}

html.theme-dark :is(.dashboard-shortcuts-grid > a, .dashboard-business-summary > a, .dashboard-task-card, .dashboard-asset-status-grid > a, .dashboard-order-column > header) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-copy);
}

html.theme-dark :is(.dashboard-shortcuts-grid > a:hover, .dashboard-business-summary > a:hover, .dashboard-task-card:hover, .dashboard-asset-status-grid > a:hover) {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-soft);
}

html.theme-dark :is(.dashboard-shortcuts-grid > a strong, .dashboard-business-title h2, .dashboard-business-summary strong, .dashboard-task-heading, .dashboard-task-card span > strong, .dashboard-asset-grid strong, .dashboard-asset-status-grid strong, .dashboard-shortcuts-panel h2) {
  color: var(--dark-text);
}

html.theme-dark :is(.dashboard-shortcuts-grid > a small, .dashboard-business-summary span, .dashboard-business-summary small, .dashboard-task-heading span, .dashboard-task-card small, .dashboard-asset-grid small, .dashboard-asset-grid em, .dashboard-date) {
  color: var(--dark-muted);
}

html.theme-dark .dashboard-business-summary > a.is-primary {
  border-color: #21495c;
  background: #163247;
}

html.theme-dark .dashboard-business-summary > a.is-primary:hover {
  background: #1a3b51;
}

html.theme-dark .dashboard-business-summary > a.is-primary :is(span, small) {
  color: #a8bdc7;
}

html.theme-dark .dashboard-business-panel.purchase .dashboard-business-icon,
html.theme-dark .dashboard-business-panel.purchase .dashboard-task-card.has-work {
  border-color: #74452f;
  background: var(--dark-orange-soft);
}

html.theme-dark .dashboard-business-panel.rental .dashboard-business-icon,
html.theme-dark .dashboard-business-panel.rental .dashboard-task-card.has-work,
html.theme-dark .dashboard-asset-icon,
html.theme-dark .dashboard-shortcuts-grid > a > i {
  border-color: #285a58;
  background: var(--dark-teal-soft);
}

html.theme-dark .dashboard-task-card b {
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark .dashboard-business-panel.purchase .dashboard-task-card.has-work b {
  background: #57301f;
  color: #ffc09d;
}

html.theme-dark .dashboard-business-panel.rental .dashboard-task-card.has-work b {
  background: #1d4b49;
  color: #a3e5df;
}

html.theme-dark .manage-body .invoice-management-page .table-head.invoices > span {
  color: var(--dark-copy) !important;
}

html.theme-dark .manage-product-type-tabs a.active,
html.theme-dark .product-availability-option.is-fixed {
  border-color: #2c6661;
  background: var(--dark-teal-soft);
}

html.theme-dark .product-availability-option.is-fixed.is-neutral {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark :is(.manage-product-type-tabs span, .product-availability-option.is-fixed strong) {
  color: var(--dark-text);
}

html.theme-dark .manage-product-type-tabs strong {
  color: #77d9cf;
}

html.theme-dark .manage-product-type-tabs a.active strong {
  color: #a2e7e0;
}

html.theme-dark :is(.manage-product-type-tabs small, .product-availability-option.is-fixed small) {
  color: var(--dark-muted);
}

html.theme-dark .purchase-order-type-badge {
  border-color: #2c6661;
  background: var(--dark-teal-soft);
  color: #76d5cc;
}

html.theme-dark .purchase-order-type-badge.accessory {
  border-color: #74452f;
  background: var(--dark-orange-soft);
  color: #ffab7f;
}

html.theme-dark .system-pagination :is(a, span) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
}

/* Dialogs and popovers stay on-theme and visually above their parent surface. */
html.theme-dark :is(.payment-rule-dialog, .zhima-scan-dialog, .order-payment-menu, .info-popover > div) {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: var(--dark-text);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .48);
}

html.theme-dark .order-payment-menu > strong {
  color: var(--dark-copy);
}

html.theme-dark .order-pay-option {
  border-color: var(--dark-line-strong);
  background: var(--dark-canvas-raised);
  color: var(--dark-text);
}

html.theme-dark .order-pay-option.wechat:not(:disabled) {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #8fe0d8;
}

html.theme-dark :is(.dialog-close, .consult-head > button) {
  border-color: var(--dark-line);
  background: var(--dark-surface-soft);
  color: var(--dark-muted);
}

html.theme-dark .payment-rule-flow {
  background: var(--dark-canvas-raised);
}

html.theme-dark .payment-rule-details details,
html.theme-dark .payment-rule-dialog .dialog-head {
  border-color: var(--dark-line);
}

html.theme-dark .payment-rule-details summary,
html.theme-dark .payment-rule-dialog .dialog-head h2 {
  color: var(--dark-text);
}

html.theme-dark .home-v3-body .payment-rule-dock {
  border-color: var(--dark-line-strong);
  background: rgba(16, 35, 49, .97);
  color: var(--dark-copy);
  box-shadow: var(--dark-shadow);
}

/* Customer account centre -------------------------------------------------
   The marketplace stylesheet deliberately gives these pages a paper-like
   canvas.  In dark mode the whole workspace, rather than only the form card,
   must become navy so page titles and account data retain their hierarchy. */
html.theme-dark body.account-page-body :is(
  .account-console,
  .account-page,
  .invoice-console,
  .purchase-orders-shell,
  .rental-checkout
) {
  background: var(--dark-canvas);
  color: var(--dark-text);
}

html.theme-dark body.account-page-body :is(.section-head, .console-hero) {
  border-color: var(--dark-line-strong);
}

html.theme-dark body.account-page-body :is(.section-head h1, .section-head h2, .console-hero h1) {
  color: var(--dark-text);
}

html.theme-dark body.account-page-body :is(.section-head .form-help, .console-hero .form-help) {
  color: var(--dark-muted);
}

html.theme-dark body.profile-page-body :is(
  .console-strip,
  .profile-address-bar,
  .console-form,
  .console-form section,
  .profile-save-bar
),
html.theme-dark body.address-page-body :is(.address-card, .account-form-card),
html.theme-dark body.invoice-page-body :is(
  .invoice-process,
  .invoice-process > div,
  .invoice-request-form,
  .invoice-request-form section,
  .invoice-ledger,
  .business-switch a
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
}

html.theme-dark body.profile-page-body :is(
  .console-strip strong,
  .profile-address-bar strong,
  .profile-address-bar h2,
  .console-form h2,
  .console-form strong
),
html.theme-dark body.address-page-body :is(.address-title strong, .account-form-card strong),
html.theme-dark body.invoice-page-body :is(
  .invoice-process strong,
  .invoice-request-form h2,
  .invoice-ledger h2,
  .invoice-ledger strong,
  .business-switch strong
) {
  color: var(--dark-text);
}

html.theme-dark body.profile-page-body :is(
  .console-strip span,
  .profile-address-bar p,
  .profile-save-bar p,
  .form-section-head p
),
html.theme-dark body.address-page-body .address-card p,
html.theme-dark body.invoice-page-body :is(
  .invoice-process small,
  .invoice-form-heading p,
  .invoice-ledger p,
  .business-switch span
) {
  color: var(--dark-muted);
}

html.theme-dark body.profile-page-body .profile-address-bar .text-link {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: #8fdfd7;
}

html.theme-dark body.profile-page-body .form-section-head > div > span,
html.theme-dark body.invoice-page-body .invoice-process b {
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark body.profile-page-body .required-badge,
html.theme-dark body.address-page-body .address-title em {
  background: var(--dark-teal-soft);
  color: #9fe3dc;
}

html.theme-dark body.invoice-page-body .business-switch {
  background: var(--dark-line);
}

html.theme-dark body.invoice-page-body .business-switch a:hover {
  background: var(--dark-surface-raised);
}

html.theme-dark body.invoice-page-body .business-switch a.active {
  border-color: #356b68;
  background: #18394b;
}

html.theme-dark body.invoice-page-body .invoice-form-note {
  border: 1px solid #356b68;
  background: var(--dark-teal-soft);
  color: #b7dbd7;
}

html.theme-dark body.invoice-page-body :is(.ledger-row, .ledger-head) {
  border-color: var(--dark-line);
}

html.theme-dark body.address-page-body .address-page .address-title em {
  border-color: #356b68;
}

/* Customer order indexes -------------------------------------------------- */
html.theme-dark body.order-list-body .order-list-page {
  background: var(--dark-canvas);
}

html.theme-dark body.order-list-body .order-type-nav {
  gap: 12px;
  background: transparent;
}

html.theme-dark body.order-list-body .order-type-nav > a {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
  box-shadow: var(--dark-shadow);
}

html.theme-dark body.order-list-body .order-type-nav > a:hover {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
}

html.theme-dark body.order-list-body .order-type-nav > a.active {
  border-color: #356b68;
  background: #18394b;
  color: #fff;
  box-shadow: inset 4px 0 0 var(--dark-teal), var(--dark-shadow);
}

html.theme-dark body.order-list-body .order-type-nav :is(strong, span, small) {
  color: inherit;
}

html.theme-dark body.order-list-body .order-type-section-head :is(h2, span) {
  color: var(--dark-text);
}

html.theme-dark body.order-list-body :is(.purchase-order-guide, .purchase-manage-scope) {
  background: var(--dark-line);
}

html.theme-dark body.order-list-body :is(.purchase-order-guide, .purchase-manage-scope) > span {
  background: var(--dark-surface);
}

html.theme-dark body.order-list-body :is(.purchase-order-guide, .purchase-manage-scope) :is(strong, i) {
  color: var(--dark-text);
}

html.theme-dark body.order-list-body :is(.purchase-order-guide, .purchase-manage-scope) small {
  color: var(--dark-muted);
}

html.theme-dark body.order-list-body .purchase-order-card-v2 {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  box-shadow: var(--dark-shadow);
}

html.theme-dark body.order-list-body .purchase-order-card-v2 > header {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body.order-list-body .purchase-order-card-v2 > header :is(span, small) {
  color: var(--dark-muted);
}

html.theme-dark body.order-list-body .purchase-order-card-product {
  color: var(--dark-text);
}

html.theme-dark body.order-list-body .purchase-order-card-product img {
  background: var(--dark-surface-soft);
}

html.theme-dark body.order-list-body .purchase-order-card-product :is(strong, small) {
  color: var(--dark-text);
}

html.theme-dark body.order-list-body .purchase-order-card-product :is(em, b, span) {
  color: var(--dark-muted);
}

html.theme-dark body.order-list-body .purchase-order-card-payment {
  border-color: var(--dark-line);
}

html.theme-dark body.order-list-body .purchase-order-card-payment strong {
  color: var(--dark-orange);
}

html.theme-dark body.order-list-body .purchase-order-card-actions .text-link,
html.theme-dark body.order-list-body .purchase-order-card-product small {
  color: #79d7ce;
}

/* Customer order passports ------------------------------------------------ */
html.theme-dark body.customer-rental-order-passport .rental-checkout,
html.theme-dark body.customer-purchase-order-passport .rental-checkout {
  background: var(--dark-canvas);
}

html.theme-dark body.customer-rental-order-passport .order-breadcrumb,
html.theme-dark body.customer-purchase-order-passport .order-breadcrumb {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
  color: var(--dark-muted);
}

html.theme-dark body.customer-rental-order-passport .order-breadcrumb :is(a, strong),
html.theme-dark body.customer-purchase-order-passport .order-breadcrumb :is(a, strong) {
  color: var(--dark-copy);
}

html.theme-dark body.customer-rental-order-passport .order-lifecycle,
html.theme-dark body.customer-purchase-order-passport .order-lifecycle {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  box-shadow: var(--dark-shadow);
}

html.theme-dark body.customer-rental-order-passport .order-lifecycle :is(strong, small),
html.theme-dark body.customer-purchase-order-passport .order-lifecycle :is(strong, small) {
  color: var(--dark-copy);
}

html.theme-dark body.customer-rental-order-passport :is(
  .customer-fulfillment,
  .customer-extension-payment,
  .customer-order-summary,
  .customer-service-row,
  .customer-contact-row,
  .customer-service-content,
  .customer-delivery-contact
),
html.theme-dark body.customer-purchase-order-passport :is(
  .customer-fulfillment,
  .customer-extension-payment,
  .customer-order-summary,
  .customer-service-row,
  .customer-contact-row,
  .customer-service-content,
  .customer-delivery-contact
) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-copy);
  box-shadow: none;
}

html.theme-dark body.customer-rental-order-passport .customer-section-title,
html.theme-dark body.customer-purchase-order-passport .customer-section-title {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body.customer-rental-order-passport :is(
  .customer-section-title > span,
  .customer-service-row summary strong,
  .customer-contact-row strong,
  .customer-order-summary h2,
  .customer-order-costs dd,
  .customer-address strong,
  .customer-support-contact strong
),
html.theme-dark body.customer-purchase-order-passport :is(
  .customer-section-title > span,
  .customer-service-row summary strong,
  .customer-contact-row strong,
  .customer-order-summary h2,
  .customer-order-costs dd,
  .customer-address strong,
  .customer-support-contact strong
) {
  color: var(--dark-text);
}

html.theme-dark body.customer-rental-order-passport :is(
  .customer-section-title small,
  .customer-service-row summary small,
  .customer-contact-row small,
  .customer-order-costs dt,
  .customer-address p,
  .customer-address small,
  .customer-support-contact p,
  .customer-support-contact small
),
html.theme-dark body.customer-purchase-order-passport :is(
  .customer-section-title small,
  .customer-service-row summary small,
  .customer-contact-row small,
  .customer-order-costs dt,
  .customer-address p,
  .customer-address small,
  .customer-support-contact p,
  .customer-support-contact small
) {
  color: var(--dark-muted);
}

html.theme-dark body.customer-rental-order-passport .customer-service-icon,
html.theme-dark body.customer-purchase-order-passport .customer-service-icon {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #82ddd4;
}

html.theme-dark body.customer-rental-order-passport .customer-service-row > summary:hover,
html.theme-dark body.customer-rental-order-passport .customer-service-row > summary:focus-visible,
html.theme-dark body.customer-rental-order-passport .customer-service-row[open] > summary,
html.theme-dark body.customer-rental-order-passport .customer-contact-row:hover,
html.theme-dark body.customer-rental-order-passport .customer-contact-row:focus-visible,
html.theme-dark body.customer-purchase-order-passport .customer-service-row > summary:hover,
html.theme-dark body.customer-purchase-order-passport .customer-service-row > summary:focus-visible,
html.theme-dark body.customer-purchase-order-passport .customer-service-row[open] > summary,
html.theme-dark body.customer-purchase-order-passport .customer-contact-row:hover,
html.theme-dark body.customer-purchase-order-passport .customer-contact-row:focus-visible {
  background: var(--dark-surface-soft);
  color: var(--dark-text);
  outline-color: var(--dark-teal);
}

html.theme-dark body.customer-rental-order-passport .customer-service-row > summary:hover :is(strong, small, i),
html.theme-dark body.customer-rental-order-passport .customer-service-row > summary:focus-visible :is(strong, small, i),
html.theme-dark body.customer-rental-order-passport .customer-contact-row:hover :is(strong, small, i),
html.theme-dark body.customer-rental-order-passport .customer-contact-row:focus-visible :is(strong, small, i),
html.theme-dark body.customer-purchase-order-passport .customer-service-row > summary:hover :is(strong, small, i),
html.theme-dark body.customer-purchase-order-passport .customer-service-row > summary:focus-visible :is(strong, small, i),
html.theme-dark body.customer-purchase-order-passport .customer-contact-row:hover :is(strong, small, i),
html.theme-dark body.customer-purchase-order-passport .customer-contact-row:focus-visible :is(strong, small, i) {
  color: var(--dark-text);
}

html.theme-dark body.customer-rental-order-passport :is(.customer-order-costs .customer-cost-total, .customer-current-due),
html.theme-dark body.customer-purchase-order-passport :is(.customer-order-costs .customer-cost-total, .customer-current-due) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body.customer-rental-order-passport .customer-current-due strong,
html.theme-dark body.customer-purchase-order-passport .customer-current-due strong {
  color: var(--dark-orange);
}

html.theme-dark body.customer-rental-order-passport .customer-delivery-contact-grid > div + div,
html.theme-dark body.customer-purchase-order-passport .customer-delivery-contact-grid > div + div {
  border-color: var(--dark-line);
}

html.theme-dark body.customer-purchase-order-passport :is(
  .purchase-service-product,
  .purchase-shipment-card,
  .purchase-return-status-card > div,
  .purchase-order-note-card > div
) {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body.customer-purchase-order-passport :is(
  .purchase-service-product strong,
  .purchase-shipment-card strong,
  .purchase-return-status-card strong,
  .purchase-order-note-card strong
) {
  color: var(--dark-text);
}

html.theme-dark body.customer-purchase-order-passport :is(
  .purchase-service-product span,
  .purchase-shipment-card small,
  .purchase-return-status-card small,
  .purchase-order-note-card span,
  .purchase-order-note-card small,
  .purchase-tracking-list p,
  .purchase-tracking-list time
) {
  color: var(--dark-muted);
}

html.theme-dark body.customer-purchase-order-passport .purchase-return-policy,
html.theme-dark body.customer-purchase-order-passport .purchase-refund-result,
html.theme-dark body.customer-purchase-order-passport .purchase-summary-notice {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #b7dbd7;
}

html.theme-dark body.customer-purchase-order-passport .purchase-return-policy.expired {
  border-color: #74452f;
  background: var(--dark-orange-soft);
  color: #ffc09d;
}

/* Product editor business-mode heading was the last paper-white band on the
   admin form.  Keep it visually connected to the options underneath. */
html.theme-dark .manage-body .product-availability-heading {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .manage-body .product-availability-heading h2 {
  color: var(--dark-text);
}

html.theme-dark .manage-body .product-availability-heading > p {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .product-availability-option small {
  color: var(--dark-muted);
}

html.theme-dark .manage-body .gallery-preview-grid figure {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark .manage-body .gallery-preview-grid figcaption {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-muted);
}

/* Contrast finish: secondary actions, overlays and terminal order states. */
html.theme-dark body:not(.manage-body) .text-link,
html.theme-dark body:not(.manage-body) .text-button,
html.theme-dark body:not(.manage-body) .customer-support-contact a {
  color: #79d7ce;
}

html.theme-dark body:not(.manage-body) .info-popover > div strong {
  color: var(--dark-text);
}

html.theme-dark body:not(.manage-body) .info-popover > div p {
  color: var(--dark-copy);
}

html.theme-dark body:not(.manage-body) .info-popover > summary {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: var(--dark-copy);
}

html.theme-dark body.order-list-body .purchase-state.purchase-state-cancelled {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

html.theme-dark body.order-list-body :is(
  .purchase-state.purchase-state-completed,
  .purchase-state.purchase-state-shipped
) {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #9fe3dc;
}

html.theme-dark body.order-list-body .purchase-state.purchase-state-payment_pending {
  border-color: #74452f;
  background: var(--dark-orange-soft);
  color: #ffc09d;
}

html.theme-dark body.order-list-body .purchase-state.purchase-state-ship_pending {
  border-color: #315b78;
  background: #15344a;
  color: #a9d8f5;
}

html.theme-dark body.order-list-body .purchase-state.purchase-state-refunding {
  border-color: #6d5924;
  background: #3b321c;
  color: #efd584;
}

html.theme-dark body.order-list-body .purchase-state.purchase-state-refunded {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-soft);
  color: var(--dark-copy);
}

/* Guard the remaining legacy card hover declarations that used a light
   surface.  These selectors cover catalog, admin purchase rows and the
   customer service workspace without flattening active button feedback. */
html.theme-dark body:not(.manage-body) .device-card:hover,
html.theme-dark .manage-body .purchase-manage-row-v2:hover {
  border-color: var(--dark-line-strong);
  background: var(--dark-surface-raised);
  color: var(--dark-text);
}

html.theme-dark body.invoice-page-body .ledger-head > span {
  color: var(--dark-muted);
}

html.theme-dark body.customer-rental-order-passport .customer-current-due > span,
html.theme-dark body.customer-purchase-order-passport .customer-current-due > span,
html.theme-dark body.customer-rental-order-passport .customer-summary-label,
html.theme-dark body.customer-purchase-order-passport .customer-summary-label {
  color: var(--dark-copy);
}

html.theme-dark body.customer-rental-order-passport .order-primary-action,
html.theme-dark body.customer-rental-order-passport .order-payment-picker > summary,
html.theme-dark body.customer-purchase-order-passport .order-primary-action,
html.theme-dark body.customer-purchase-order-passport .order-payment-picker > summary {
  border-color: var(--dark-teal-action);
  background: var(--dark-teal-action);
  color: #fff;
}

html.theme-dark body.customer-purchase-order-passport .order-primary-action,
html.theme-dark body.customer-purchase-order-passport .order-payment-picker > summary {
  border-color: #9d481f;
  background: #9d481f;
}

html.theme-dark body.customer-rental-order-passport .shipment-empty,
html.theme-dark body.customer-purchase-order-passport .shipment-empty {
  border-color: var(--dark-line);
  background: var(--dark-canvas-raised);
}

html.theme-dark body.customer-rental-order-passport .shipment-empty p,
html.theme-dark body.customer-purchase-order-passport .shipment-empty p {
  color: var(--dark-muted);
}

html.theme-dark body.customer-rental-order-passport .shipment-card :is(strong, h3),
html.theme-dark body.customer-purchase-order-passport .shipment-card :is(strong, h3) {
  color: var(--dark-text);
}

html.theme-dark body.customer-rental-order-passport .shipment-card :is(span, small, p),
html.theme-dark body.customer-purchase-order-passport .shipment-card :is(span, small, p) {
  color: var(--dark-muted);
}

html.theme-dark body.customer-purchase-order-passport .purchase-service-product small {
  color: #79d7ce;
}

html.theme-dark body.customer-purchase-order-passport .purchase-service-product > b {
  color: var(--dark-orange);
}

html.theme-dark body.customer-rental-order-passport .shipment-summary :is(span, small),
html.theme-dark body.customer-purchase-order-passport .shipment-summary :is(span, small) {
  color: var(--dark-muted);
}

html.theme-dark body.customer-rental-order-passport .shipment-summary strong,
html.theme-dark body.customer-purchase-order-passport .shipment-summary strong,
html.theme-dark body.customer-rental-order-passport .shipment-empty strong,
html.theme-dark body.customer-purchase-order-passport .shipment-empty strong {
  color: var(--dark-text);
}

html.theme-dark body.customer-rental-order-passport .shipment-state,
html.theme-dark body.customer-purchase-order-passport .shipment-state {
  border-color: #356b68;
  background: var(--dark-teal-soft);
  color: #9fe3dc;
}

html.theme-dark .manage-body :is(.admin-filter-bar, .admin-table-wrap, .commission-person-form) {
  border-color: var(--dark-line);
  background: var(--dark-surface);
  color: var(--dark-text);
}

html.theme-dark .manage-body .admin-table :is(th, td) { border-color: var(--dark-line); }
html.theme-dark .manage-body .admin-table th { background: var(--dark-canvas-raised); color: var(--dark-muted); }
html.theme-dark .manage-body .admin-table td { color: var(--dark-text); }
html.theme-dark .manage-body .admin-table td small { color: var(--dark-muted); }
html.theme-dark .manage-body .commission-binding-code { border-color: #397f79; background: #123a38; color: #dff8f4; }
html.theme-dark .manage-body .status-pill { background: #273942; color: #c8d5db; }
html.theme-dark .manage-body .status-pill.success { background: #174a45; color: #a9e8e0; }
html.theme-dark .manage-body .status-pill.warning { background: #4c3b1e; color: #f5cf88; }
html.theme-dark .manage-body .status-pill.danger { background: #4e2929; color: #ffb0b0; }
html.theme-dark .manage-body .table-link { color: #82d9d0; }
html.theme-dark .manage-body .commission-binding-panel { border-color: var(--dark-line); background: var(--dark-surface); color: var(--dark-text); }
html.theme-dark .manage-body .commission-binding-panel p { color: var(--dark-muted); }
html.theme-dark .manage-body .commission-payout-form { border-color: #755d31; background: #392f1f; }
html.theme-dark .manage-body .commission-payout-form p { color: #f1c27b; }
html.theme-dark .manage-body .order-commission-section { border-color: #397f79; background: var(--dark-surface); }
html.theme-dark .manage-body .order-commission-section > header p,
html.theme-dark .manage-body .commission-summary-grid :is(span, small),
html.theme-dark .manage-body .commission-locked-actions p { color: var(--dark-muted); }
html.theme-dark .manage-body .commission-summary-grid > div,
html.theme-dark .manage-body .form-readonly-note { background: var(--dark-canvas-raised); color: var(--dark-text); }
html.theme-dark .manage-body .commission-summary-grid strong { color: var(--dark-text); }
html.theme-dark .manage-body .commission-risk-note,
html.theme-dark .manage-body .form-disabled-note { color: #f1c27b; }