/* Customer desktop template. Hidden attributes keep new UI absent on mobile.
   All tokens and overrides are opt-in and start at 1024px; operations keep the legacy shell. */
@media (min-width: 1024px) {
  body.cb-desktop-enabled {
    --cb-web-navy: #0a3668;
    --cb-web-teal: #0fa0b4;
    --cb-web-teal-soft: #d8fafb;
    --cb-web-ink: #123c74;
    --cb-web-muted: #5c789a;
    --cb-web-border: #d4eaf3;
    --cb-web-surface: linear-gradient(155deg, #fff 0%, #fff 65%, #f1fafd 100%);
    --cb-web-bg: #e8f9ff;
    --cb-web-radius: 22px;
    --cb-web-control-radius: 10px;
    --cb-web-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(208,230,239,.35), 0 3px 7px rgba(10,76,115,.05), 0 12px 28px rgba(10,76,115,.11);
    --cb-web-gloss: inset 0 1px 1px rgba(255, 255, 255, .72);
    --cb-web-cta: linear-gradient(180deg, #179db1 0%, #08758e 46%, #065675 50%, #073c60 100%);
    --cb-web-button-shadow: inset 0 1px 1px rgba(255,255,255,.65), inset 0 -1px 1px rgba(3,34,64,.3), 0 3px 5px rgba(6,75,112,.12), 0 7px 14px rgba(6,75,112,.13);
    --cb-web-control-shadow: inset 0 1px 0 #fff, 0 2px 4px rgba(10,76,115,.05);
    --cb-web-active: radial-gradient(ellipse at 92% 110%, #52f0ff, transparent 58%), linear-gradient(180deg, #17c8d6, #07899e 50%, #08768e);
    --cb-web-active-shadow: inset 0 1px 2px #d9ffff, inset 0 -1px 1px #66f4fc, 0 8px 24px rgba(30,215,230,.3);
    --cb-web-sidebar: 224px;
    --cb-web-padding: 24px;
    --catback-card-radius: var(--cb-web-radius);
    --catback-control-radius: var(--cb-web-control-radius);
    --catback-card-shadow: var(--cb-web-shadow);
    --catback-control-shadow: none;
    --surface-radius-sm: 10px;
    --surface-radius-md: 14px;
    --surface-radius-lg: 16px;
    --surface-border: var(--cb-web-border);
    --surface-border-strong: var(--cb-web-border);
    --surface-shadow: var(--cb-web-shadow);
    --surface-shadow-sm: var(--cb-web-shadow);
    --surface-highlight: 0 0 0 transparent;
    --ink: var(--cb-web-ink);
    --muted: var(--cb-web-muted);
    --line: var(--cb-web-border);
    --paper: var(--cb-web-bg);
    min-width: 0;
    padding: 0 0 0 var(--cb-web-sidebar);
    background: var(--cb-web-bg) url('/catback/customer-page-background.svg') center top / 100% 100vh fixed no-repeat;
    color: var(--cb-web-ink);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 14px;
  }

  body.cb-desktop-enabled .cb-desktop-only[hidden] { display: block; }
  body.cb-desktop-enabled > .site-header,
  body.cb-desktop-enabled > .mobile-bottom-navigation { display: none !important; }
  body.cb-desktop-enabled > main#main-content {
    width: 100%;
    max-width: 1600px;
    min-width: 0;
    margin: 0 auto;
    padding: 0 var(--cb-web-padding) 40px;
  }
  body.cb-desktop-enabled > .site-footer {
    display: flex !important;
    max-width: 1536px;
    margin: 0 var(--cb-web-padding);
    padding: 24px 0;
    color: var(--cb-web-muted);
    border-color: var(--cb-web-border);
  }
  body.cb-desktop-enabled :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--cb-web-teal);
    outline-offset: 3px;
  }
  body.cb-desktop-enabled :where(button, input, select, textarea) { font-family: inherit; }
  body.cb-desktop-enabled :where(h1, h2, h3, p, dd, strong) { overflow-wrap: anywhere; }
  body.cb-desktop-enabled :where(button, a) { transition-duration: 160ms; }
  body.cb-desktop-enabled :where(button:disabled, input:disabled, select:disabled) { cursor: not-allowed; }
  body.cb-desktop-enabled :where(button:disabled) { opacity: .6; transform: none; }
  body.cb-desktop-enabled :where(.cb-card, .cb-page-header, .cb-section-header) { min-width: 0; }

  /* Desktop uses the fixed sidebar; the account drawer remains a mobile control. */
  body.cb-desktop-enabled :is([data-account-navigation-overlay], [data-account-navigation-open]) { display: none !important; }
  body.cb-desktop-enabled .cb-desktop-sidebar[hidden] {
    position: fixed;
    z-index: 50;
    inset: 0 auto 0 0;
    display: flex;
    flex-direction: column;
    width: var(--cb-web-sidebar);
    height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 18px 15px;
    background: radial-gradient(ellipse at 100% 25%, rgba(0, 182, 200, .17), transparent 55%), linear-gradient(165deg, #073964, #062d5b 65%, #064b70);
    border-right: 1px solid rgba(32, 213, 201, .35);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .08);
    color: #fff;
    scrollbar-width: thin;
    scrollbar-color: #23607b transparent;
  }
  body.cb-desktop-enabled .cb-desktop-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 5px 22px;
    color: #fff;
    font-size: 29px;
    font-weight: 800;
    letter-spacing: -.8px;
    text-decoration: none;
  }
  body.cb-desktop-enabled .cb-desktop-sidebar > * { flex-shrink: 0; }
  body.cb-desktop-enabled .cb-desktop-brand img { object-fit: contain; flex-shrink: 0; }
  body.cb-desktop-enabled .cb-desktop-brand small { display: block; margin-top: 3px; color: #4cebe1; font-size: 9px; line-height: 1.5; letter-spacing: .55px; text-transform: uppercase; font-weight: 600; }
  body.cb-desktop-enabled .cb-desktop-menu { display: grid; gap: 3px; }
  body.cb-desktop-enabled .cb-desktop-menu a {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 48px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #e6f4ff;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
  }
  body.cb-desktop-enabled .cb-desktop-menu a:hover { background: #113e60; color: #fff; }
  body.cb-desktop-enabled .cb-desktop-menu a.is-active {
    border-color: rgba(55, 239, 233, .85);
    background: radial-gradient(ellipse at 100% 100%, #4cebe1, transparent 52%), linear-gradient(90deg, #0c6b8a, #0a8fa6);
    color: #fff;
    box-shadow: 0 8px 22px rgba(0, 229, 231, .20), inset 0 1px 1px rgba(255, 255, 255, .65), inset 0 -1px 1px rgba(255, 255, 255, .75);
    font-weight: 700;
  }
  body.cb-desktop-enabled .cb-desktop-menu :is(img, svg) { width: 21px; height: 21px; flex: 0 0 21px; }
  body.cb-desktop-enabled .cb-desktop-menu img,
  body.cb-desktop-enabled .cb-desktop-support > img { filter: brightness(0) invert(1); opacity: .9; }
  body.cb-desktop-enabled .cb-desktop-menu svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  body.cb-desktop-enabled .cb-desktop-admin { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.15); }
  body.cb-desktop-enabled .cb-desktop-admin summary { padding: 10px 12px; border-radius: 10px; color: #e6f4ff; font-size: 13px; font-weight: 700; cursor: pointer; }
  body.cb-desktop-enabled .cb-desktop-admin summary > i { margin-right: 7px; }
  body.cb-desktop-enabled .cb-desktop-admin summary:focus-visible { outline: 2px solid #4cebe1; outline-offset: 2px; }
  body.cb-desktop-enabled .cb-desktop-admin .cb-desktop-menu { margin-top: 6px; }
  body.cb-desktop-enabled .cb-desktop-admin .cb-desktop-menu a { font-size: 12px; }
  body.cb-desktop-enabled .cb-desktop-admin .cb-desktop-menu i { width: 21px; flex: 0 0 21px; text-align: center; font-size: 17px; }
  body.cb-desktop-enabled .cb-desktop-support {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding: 16px 12px;
    border: 1px solid rgba(32, 213, 201, .42);
    border-radius: 15px;
    background: linear-gradient(130deg, rgba(8, 166, 176, .12), rgba(4, 88, 121, .44));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10);
    font-size: 12px;
  }
  body.cb-desktop-enabled .cb-desktop-support p { margin: 4px 0 0; color: #abc5d8; font-size: 10px; }
  body.cb-desktop-enabled .cb-desktop-support a { grid-column: 1 / -1; padding: 9px; border: 1px solid #089aa2; border-radius: 10px; background: var(--cb-web-cta); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); color: #fff; text-align: center; text-decoration: none; font-weight: 700; }
  body.cb-desktop-enabled .cb-desktop-support a:hover { background: #124c64; }
  body.cb-desktop-enabled .cb-desktop-promo { position: relative; isolation: isolate; display: flex; align-items: center; flex-shrink: 0; min-height: 124px; margin-top: 22px; padding: 14px; overflow: hidden; border: 1px solid rgba(32, 213, 201, .65); border-radius: 15px; background: radial-gradient(ellipse at 100% 100%, #0a9bb2, transparent 70%), linear-gradient(155deg, #075274, #062d5b); box-shadow: inset 0 1px 3px rgba(76,235,225,.45); }
  body.cb-desktop-enabled .cb-desktop-promo p { z-index: 1; margin: 0; font-size: 12px; line-height: 1.5; font-weight: 600; font-style: italic; }
  body.cb-desktop-enabled .cb-desktop-promo strong { color: #4cebe1; }
  body.cb-desktop-enabled .cb-desktop-promo img { position: absolute; right: -8px; bottom: -4px; object-fit: contain; }
  body.cb-desktop-enabled .cb-desktop-brand-note { margin: 14px 16px 0; color: #9bc2d8; font-size: 10px; line-height: 1.6; }
  body.cb-desktop-enabled .cb-desktop-topbar[hidden] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    width: 100%;
    max-width: 1600px;
    min-height: 70px;
    margin: 0 auto;
    padding: 12px var(--cb-web-padding);
    background: transparent;
  }
  body.cb-desktop-enabled .cb-desktop-user { display: flex; align-items: center; gap: 20px; flex-shrink: 0; }
  body.cb-desktop-enabled .cb-desktop-notification { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; }
  body.cb-desktop-enabled .cb-desktop-notification .notification-count-badge { top: -2px; right: -4px; min-width: 18px; height: 18px; padding: 0 4px; border-color: var(--cb-web-bg); background: #ef5261; color: #fff; font-size: 9px; }
  body.cb-desktop-enabled .cb-desktop-account { display: flex; align-items: center; gap: 10px; max-width: 260px; padding: 0; border: 0; background: transparent; color: var(--cb-web-ink); text-align: left; cursor: pointer; }
  body.cb-desktop-enabled .cb-desktop-account { text-decoration: none; }
  body.cb-desktop-enabled .cb-desktop-avatar { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #0db8bb, #047b91); box-shadow: 0 3px 10px rgba(8,154,162,.16); color: #fff; font-size: 17px; font-weight: 700; }
  body.cb-desktop-enabled .cb-desktop-identity { display: grid; min-width: 0; gap: 2px; }
  body.cb-desktop-enabled .cb-desktop-identity small { font-size: 10px; color: var(--cb-web-muted); }
  body.cb-desktop-enabled .cb-desktop-identity strong { overflow: hidden; max-width: 165px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }

  /* Common page, card, section and form primitives. */
  body.cb-desktop-enabled :is(.customer-dashboard, .wallet-shell, .cb-orders-page, .cb-order-detail-page, .notification-shell, .notification-detail-shell, .guide-page, .guide-video-page, .profile-shell, .page-shell, .auth-shell, .cb-account-shell) {
    width: 100%;
    max-width: none;
    min-height: 0;
    min-width: 0;
    margin: 12px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--cb-web-ink);
    font-family: inherit;
    overflow: visible;
  }
  body.cb-desktop-enabled .cb-card {
    padding: 24px;
    border: 1px solid var(--cb-web-border);
    border-radius: var(--cb-web-radius);
    background: var(--cb-web-surface);
    box-shadow: var(--cb-web-shadow);
    color: var(--cb-web-ink);
  }
  body.cb-desktop-enabled .cb-page-header {
    position: relative;
    min-height: 48px;
    padding: 0;
    margin: 0 0 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--cb-web-ink);
  }
  body.cb-desktop-enabled .cb-page-header::before,
  body.cb-desktop-enabled .cb-page-header::after { display: none; }
  body.cb-desktop-enabled :is(.cb-page-header, .page-shell, .auth-card, .cb-account-card) h1 { color: var(--cb-web-ink); font-size: 28px; font-weight: 800; line-height: 1.3; letter-spacing: -.7px; }
  body.cb-desktop-enabled .cb-page-header h1 { margin: 0; text-align: left; }
  body.cb-desktop-enabled .cb-page-header p { color: var(--cb-web-muted); }
  body.cb-desktop-enabled :is(.cb-page-header, .dashboard-section-heading, .cb-section-header) a { color: var(--cb-web-teal); }
  body.cb-desktop-enabled :is(.cb-section-header, .dashboard-section-heading) { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
  body.cb-desktop-enabled :is(.cb-section-header, .dashboard-section-heading, .cb-card) h2 { margin: 0; color: var(--cb-web-ink); font-size: 18px; font-weight: 800; line-height: 1.4; letter-spacing: -.5px; text-transform: none; }
  body.cb-desktop-enabled .cb-section-header p { margin: 5px 0 0; font-size: 12px; color: var(--cb-web-muted); }
  body.cb-desktop-enabled .cb-section-header > a { flex-shrink: 0; color: var(--cb-web-teal); font-size: 12px; font-weight: 600; text-decoration: none; }
  body.cb-desktop-enabled :is(.field, .profile-field, .form-stack, .payout-form) { min-width: 0; }
  body.cb-desktop-enabled :is(.field, .profile-field, .form-stack, .payout-form, .wallet-form-card) label { color: var(--cb-web-ink); font-size: 13px; font-weight: 600; }
  body.cb-desktop-enabled :is(.cb-card, .form-stack, .copy-row) :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]), select, textarea) {
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: 11px 14px;
    border: 1px solid var(--cb-web-border);
    border-radius: var(--cb-web-control-radius);
    background-color: #fff;
    color: var(--cb-web-ink);
    box-shadow: none;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.5;
  }
  body.cb-desktop-enabled :is(.cb-card, .form-stack, .copy-row) :is(input, select, textarea):focus { border-color: var(--cb-web-teal); outline: 2px solid rgba(8, 151, 167, .3); outline-offset: 1px; box-shadow: none; }
  body.cb-desktop-enabled :is(.cb-card, .form-stack) :is(input, select, textarea):disabled { background-color: #f1f5f9; color: #64748b; }
  body.cb-desktop-enabled :is(.cb-card, .form-stack) :is(.input-validation-error, [aria-invalid=true]) { border-color: #dc2626; }
  body.cb-desktop-enabled :is(.field-validation-error, .validation-summary-errors, .field-error) { color: #b91c1c; font-size: 12px; }
  body.cb-desktop-enabled :is(.cb-button, .button, .dashboard-create-button, .affiliate-buy-button, .affiliate-inline-buy-button, .wallet-submit-button, .cb-account-primary, .notification-filter-apply) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 18px;
    border: 1px solid #168ba1;
    border-radius: var(--cb-web-control-radius);
    background: var(--cb-web-cta);
    box-shadow: var(--cb-web-button-shadow);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    animation: none;
  }
  body.cb-desktop-enabled :is(.cb-button, .button, .dashboard-create-button, .affiliate-buy-button, .affiliate-inline-buy-button, .wallet-submit-button, .cb-account-primary, .notification-filter-apply):hover { background: linear-gradient(180deg, #20aebe, #086e88 48%, #064d70 52%, #063957); box-shadow: var(--cb-web-gloss), 0 5px 16px rgba(6,75,112,.22); transform: none; color: #fff; }
  body.cb-desktop-enabled :is(.button-ghost, .cb-account-secondary) { border: 1px solid var(--cb-web-border); border-radius: 10px; background: linear-gradient(180deg, #fff, #f0f8fc); color: var(--cb-web-ink); box-shadow: var(--cb-web-control-shadow); }
  body.cb-desktop-enabled :is(.button-ghost, .cb-account-secondary):hover { border-color: #90c9d9; background: linear-gradient(180deg, #fff, #e3f5fa); color: #075c8b; box-shadow: var(--cb-web-control-shadow), 0 5px 12px rgba(10,76,115,.09); }
  body.cb-desktop-enabled :is(.cb-button, .button, .dashboard-create-button, .affiliate-buy-button, .affiliate-inline-buy-button, .wallet-submit-button, .cb-account-primary)[hidden] { display: none; }
  body.cb-desktop-enabled :is(.cb-card, .form-stack) .password-input-shell input { padding-right: 50px; }
  body.cb-desktop-enabled :is(.cb-empty-state, .dashboard-empty, .cb-orders-empty, .wallet-history-empty, .notification-empty) { padding: 28px 20px; border: 1px dashed var(--cb-web-border); border-radius: 12px; background: #fbfdff; box-shadow: none; color: var(--cb-web-muted); text-align: center; }
  body.cb-desktop-enabled .cb-empty-state > img { object-fit: contain; }
  body.cb-desktop-enabled .cb-empty-state a { color: var(--cb-web-teal); font-weight: 650; text-decoration: none; }
  body.cb-desktop-enabled :is(.cb-status, .status, .affiliate-target-badge) { width: fit-content; padding: 5px 9px; border: 0; border-radius: 999px; box-shadow: none; font-size: 11px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
  body.cb-desktop-enabled .cb-status { display: inline-flex; }

  /* Home: flatten layout wrappers only on desktop; mobile DOM order stays intact. */
  body.cb-desktop-enabled .cb-home-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.92fr) minmax(290px, 1fr);
    grid-template-rows: auto auto 1fr;
    align-items: start;
    gap: 16px;
    margin-top: 0;
  }
  body.cb-desktop-enabled .cb-home-dashboard > .dashboard-grid { display: contents; }
  body.cb-desktop-enabled .cb-home-dashboard .dashboard-main { grid-column: 1; grid-row: 2 / span 2; display: grid; gap: 16px; min-width: 0; }
  body.cb-desktop-enabled .cb-home-dashboard .dashboard-sidebar { grid-column: 2; grid-row: 3; min-width: 0; }
  body.cb-desktop-enabled .cb-home-dashboard :is(.dashboard-wallet-card, .cb-wallet-guest) { grid-column: 2; grid-row: 2; width: 100%; min-width: 0; margin: 0; }
  /* Approved marketing banner is preserved as supplied; mobile keeps its existing hero. */
  body.cb-desktop-enabled .cb-home-dashboard .dashboard-hero {
    grid-column: 1 / -1;
    display: block;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 20px;
    background: transparent;
    box-shadow: var(--cb-web-gloss), 0 8px 24px rgba(8,166,176,.10);
  }
  body.cb-desktop-enabled .cb-hero-reference[hidden] { display: block; width: 100%; line-height: 0; }
  body.cb-desktop-enabled .cb-hero-reference img { display: block; width: 100%; height: auto; aspect-ratio: 1365 / 278; }
  body.cb-desktop-enabled .cb-hero-reference:focus-visible { outline-offset: -3px; }
  body.cb-desktop-enabled .dashboard-cashback-heading,
  body.cb-desktop-enabled .dashboard-cashback-subtitle,
  body.cb-desktop-enabled .cb-home-dashboard .dashboard-hero::before,
  body.cb-desktop-enabled .cb-home-dashboard .dashboard-hero::after,
  body.cb-desktop-enabled .dashboard-cashback-note::before,
  body.cb-desktop-enabled .dashboard-cashback-note::after { display: none; }
  body.cb-desktop-enabled .dashboard-cashback-note,
  body.cb-desktop-enabled .dashboard-cashback-note > p { display: contents; }
  body.cb-desktop-enabled .dashboard-hero-copy { position: absolute; z-index: -1; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
  body.cb-desktop-enabled .dashboard-hero-copy > img,
  body.cb-desktop-enabled .dashboard-hero-copy > div > :not(h1) { display: none; }
  body.cb-desktop-enabled .dashboard-hero-copy h1 { margin: 0; }
  /* Keep the existing PWA button functional over the arrow printed in the artwork. */
  body.cb-desktop-enabled .dashboard-cashback-note .dashboard-install-button:not([hidden]) {
    position: absolute;
    z-index: 3;
    top: 44.5%;
    left: 95.15%;
    width: 3.15%;
    height: 15.5%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    font-size: 0;
    animation: none;
    transform: none;
  }
  body.cb-desktop-enabled .dashboard-cashback-note .dashboard-install-button:not([hidden])::before,
  body.cb-desktop-enabled .dashboard-cashback-note .dashboard-install-button:not([hidden])::after { display: none; }
  body.cb-desktop-enabled .dashboard-cashback-note .dashboard-install-button:not([hidden]):hover { background: rgba(255,255,255,.2); box-shadow: 0 0 0 2px #fff; transform: none; }
  body.cb-desktop-enabled .dashboard-cashback-note .dashboard-install-button:not([hidden]):focus-visible { outline: 2px solid var(--cb-web-navy); outline-offset: 2px; }
  body.cb-desktop-enabled .dashboard-create-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 12px; margin: 0; padding: 16px 18px; }
  body.cb-desktop-enabled .dashboard-create-card > :is(.dashboard-create-heading, .affiliate-auto-detect-note, .dashboard-guide-link, .affiliate-inline-result) { grid-column: 1 / -1; }
  body.cb-desktop-enabled .dashboard-create-heading { margin: 0; }
  body.cb-desktop-enabled .dashboard-create-heading h2 { font-size: 19px; }
  body.cb-desktop-enabled .dashboard-create-heading h2 > span { display: none; }
  body.cb-desktop-enabled .dashboard-create-icon { width: 46px; height: 46px; flex-basis: 46px; border: 1px solid rgba(255,255,255,.45); border-radius: 12px; background: linear-gradient(140deg, #25c9ce, #079fae 55%, #04738f); box-shadow: inset 0 1px 2px rgba(255,255,255,.65); }
  body.cb-desktop-enabled .dashboard-create-card .affiliate-auto-detect-note { margin: -17px 0 0 58px; color: var(--cb-web-muted); font-size: 10px; }
  body.cb-desktop-enabled .dashboard-create-card .affiliate-auto-detect-note > svg { display: none; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-create-heading { align-items: flex-start; gap: 12px; }
  body.cb-desktop-enabled .dashboard-guide-link { margin: 0 0 3px; color: #008dad; font-size: 12px; font-weight: 700; text-decoration: none; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-shell { grid-column: 1; grid-row: 4; min-width: 0; min-height: 46px; margin: 0; padding: 0 12px; border: 1px solid var(--cb-web-border); border-radius: 10px; background: #fff; box-shadow: none; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-shell input { height: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 0; background: transparent; outline: none; box-shadow: none; font-size: 12px; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-shell input::placeholder { color: #7d8ba0; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-shell:focus-within { border-color: var(--cb-web-teal); outline: 2px solid rgba(8, 151, 167, .3); outline-offset: 1px; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-shell > span { position: static; display: grid; place-items: center; flex: 0 0 18px; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-input-clear { position: static; flex: 0 0 24px; width: 24px; height: 24px; }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-create-button { grid-column: 2; grid-row: 4; width: auto; min-height: 46px; margin: 0; border: 1px solid #1687a1; background: var(--cb-web-cta); box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 4px 10px rgba(6,75,112,.10); white-space: nowrap; }
  body.cb-desktop-enabled .dashboard-create-card .url-status { grid-column: 1 / -1; grid-row: 5; min-height: 0; margin: 0; font-size: 12px; }
  body.cb-desktop-enabled .dashboard-create-card .url-status:empty { display: none; }
  body.cb-desktop-enabled .dashboard-create-card:has(.affiliate-inline-result) .dashboard-input-shell { grid-column: 1 / -1; }
  body.cb-desktop-enabled .dashboard-create-card .affiliate-inline-result { margin: 0; padding: 16px; background: #f7fbfc; box-shadow: none; }
  body.cb-desktop-enabled .cb-benefits[hidden] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  body.cb-desktop-enabled .cb-benefits > div { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 66px; padding: 10px 12px; border: 1px solid var(--cb-web-border); border-radius: 13px; background: #fff; box-shadow: 0 4px 12px rgba(10,76,115,.04); font-size: 10px; font-weight: 500; line-height: 1.55; }
  body.cb-desktop-enabled .cb-benefits img { flex: 0 0 40px; width: 40px; height: 40px; padding: 8px; border-radius: 12px; background: #eaf6ff; object-fit: contain; }
  body.cb-desktop-enabled .cb-benefits > div:nth-child(3) img { background: #e9fcf2; }
  body.cb-desktop-enabled .cb-benefits > div:nth-child(4) img { background: #e4fbfc; }
  body.cb-desktop-enabled .dashboard-wallet-card { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 181px; gap: 0; overflow: hidden; padding: 18px 22px; border: 1px solid #44d5dd; border-radius: 18px; background: linear-gradient(110deg, #075c8b, #08a4a7 55%, #20d5c9); box-shadow: inset 0 1px 2px rgba(255,255,255,.72), 0 8px 22px rgba(8,154,162,.20); color: #fff; text-decoration: none; }
  body.cb-desktop-enabled .dashboard-wallet-card::before { content: ""; display: block; position: absolute; z-index: -1; inset: 0; width: auto; height: auto; background: radial-gradient(ellipse at 76% 18%, rgba(255,255,255,.3), transparent 38%), linear-gradient(155deg, rgba(255,255,255,.32), transparent 45%); border-radius: inherit; pointer-events: none; }
  body.cb-desktop-enabled .dashboard-wallet-card::after { content: ""; display: block; position: absolute; z-index: -1; inset: auto -40px -100px auto; width: 65%; height: 210px; border-radius: 50%; background: rgba(255,255,255,.06); pointer-events: none; }
  body.cb-desktop-enabled .dashboard-wallet-card > div { width: 100%; min-width: 0; }
  body.cb-desktop-enabled .dashboard-wallet-card > div > span { display: flex; align-items: center; gap: 9px; color: #fff; font-size: 15px; font-weight: 700; }
  body.cb-desktop-enabled .dashboard-wallet-card > div > span::before { content: ""; width: 24px; height: 24px; background: url('/notification-icons/wallet.svg') center / contain no-repeat; filter: brightness(0) invert(1); }
  body.cb-desktop-enabled .dashboard-wallet-card > div > strong { display: block; max-width: calc(100% - 112px); margin: 8px 0 12px; color: #fff; font-size: clamp(28px, 2.7vw, 44px); font-weight: 800; line-height: 1.15; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
  body.cb-desktop-enabled .dashboard-wallet-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: calc(100% - 104px); gap: 12px; margin: 0; padding: 10px 0 0; border-top: 1px solid rgba(124,248,246,.55); border-radius: 0; background: transparent; }
  body.cb-desktop-enabled .dashboard-wallet-card dl > div { min-width: 0; }
  body.cb-desktop-enabled .dashboard-wallet-card dl > div + div { border-left: 1px solid rgba(124,248,246,.35); padding-left: 12px; }
  body.cb-desktop-enabled .dashboard-wallet-card dt { margin: 0 0 4px; color: #e0ffff; font-size: 10px; }
  body.cb-desktop-enabled .dashboard-wallet-card dd { margin: 0; color: #fff; font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; }
  body.cb-desktop-enabled .dashboard-wallet-visual { position: absolute; inset: 10px 10px 12px auto; width: 122px; height: auto; min-height: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0; margin: 0; pointer-events: none; }
  body.cb-desktop-enabled .dashboard-wallet-visual .wallet-illustration { display: block; flex: none; width: 132px; height: 108px; margin: 0; }
  body.cb-desktop-enabled .dashboard-wallet-visual .wallet-illustration img { display: block; width: 100%; height: 100%; object-fit: contain; }
  body.cb-desktop-enabled .dashboard-wallet-visual b { position: static; display: block; flex: none; margin: 0; padding: 7px 16px; border: 1px solid rgba(255,255,255,.7); border-radius: 12px; background: linear-gradient(180deg, rgba(255,255,255,.3), rgba(1,109,138,.3)); box-shadow: inset 0 1px 1px rgba(255,255,255,.5); color: #fff; font-size: 11px; }
  body.cb-desktop-enabled .dashboard-wallet-visual b::after { content: " →"; }
  body.cb-desktop-enabled .dashboard-wallet-card:hover { border-color: #fff; box-shadow: inset 0 1px 2px rgba(255,255,255,.8), 0 10px 26px rgba(8,154,162,.27); transform: none; }
  body.cb-desktop-enabled .cb-wallet-guest p { color: var(--cb-web-muted); line-height: 1.7; }
  body.cb-desktop-enabled .affiliate-guide { margin: 0; padding: 18px; }
  body.cb-desktop-enabled .affiliate-guide h2 { margin-bottom: 16px; font-size: 17px; }
  body.cb-desktop-enabled .affiliate-guide h2 .cb-desktop-only[hidden] { display: inline-block; margin-right: 9px; font-size: 21px; vertical-align: middle; }
  body.cb-desktop-enabled .affiliate-guide ol { gap: 14px; }
  body.cb-desktop-enabled .affiliate-guide li { grid-template-columns: 30px minmax(0, 1fr); gap: 10px; }
  body.cb-desktop-enabled .affiliate-guide li > span { width: 30px; height: 30px; background: #e6f4ff; color: #007cdb; font-size: 14px; }
  body.cb-desktop-enabled .affiliate-guide li:nth-child(2) > span { background: #d8faf6; color: #00879d; }
  body.cb-desktop-enabled .affiliate-guide li:nth-child(3) > span { background: #fff0e8; color: #d94d19; }
  body.cb-desktop-enabled .affiliate-guide li:nth-child(4) > span { background: #f0e9ff; color: #7435d8; }
  body.cb-desktop-enabled .affiliate-guide li:last-child { padding: 12px 10px; border: 1px solid #d0f6f3; border-radius: 12px; background: linear-gradient(120deg, #e1fff5, #def9fc); }
  body.cb-desktop-enabled .affiliate-guide li:last-child > span { background: #c6f5df; color: #087a55; }
  body.cb-desktop-enabled .affiliate-guide li p { color: #566d8b; font-size: 11px; font-weight: 500; line-height: 1.65; }
  body.cb-desktop-enabled .affiliate-guide li strong { color: var(--cb-web-ink); font-weight: 600; }
  body.cb-desktop-enabled .dashboard-links { margin: 0; padding: 20px; }
  body.cb-desktop-enabled .affiliate-link-card { border-color: var(--cb-web-border); border-radius: 12px; box-shadow: none; }
  body.cb-desktop-enabled .affiliate-link-card:hover { background: #fbfdff; box-shadow: none; transform: none; }
  body.cb-desktop-enabled .affiliate-link-card.is-new { border-color: var(--cb-web-teal); }
  body.cb-desktop-enabled .affiliate-link-card .affiliate-buy-button { border-color: transparent; background: var(--cb-web-navy); box-shadow: none; color: #fff; font-size: 12px; }
  body.cb-desktop-enabled .affiliate-icon-action { border-color: var(--cb-web-border); border-radius: 10px; box-shadow: none; }
  body.cb-desktop-enabled .cb-recent-orders { padding: 18px; }
  body.cb-desktop-enabled .cb-recent-orders .cb-section-header { margin-bottom: 12px; }
  body.cb-desktop-enabled .cb-recent-orders .cb-section-header h2 { font-size: 19px; }
  body.cb-desktop-enabled .cb-recent-orders .cb-section-header h2::before { content: ""; display: inline-block; width: 26px; height: 26px; margin-right: 10px; vertical-align: middle; background: url('/orders-icons/store.svg') center / contain no-repeat; }
  body.cb-desktop-enabled .cb-recent-orders .cb-section-header p { font-size: 10px; }
  body.cb-desktop-enabled .cb-table-scroll { max-width: 100%; overflow-x: auto; border-radius: 8px; }
  body.cb-desktop-enabled .cb-table { width: 100%; min-width: 550px; border-collapse: collapse; table-layout: fixed; font-size: 11px; }
  body.cb-desktop-enabled .cb-table th { padding: 10px 8px; background: #f2f8fb; color: #536d8b; text-align: left; font-size: 10px; font-weight: 500; }
  body.cb-desktop-enabled .cb-table th:nth-child(1) { width: 13%; }
  body.cb-desktop-enabled .cb-table th:nth-child(2) { width: 27%; }
  body.cb-desktop-enabled .cb-table th:nth-child(3),
  body.cb-desktop-enabled .cb-table th:nth-child(4) { width: 14%; }
  body.cb-desktop-enabled .cb-table th:nth-child(5) { width: 19%; }
  body.cb-desktop-enabled .cb-table th:nth-child(6) { width: 13%; }
  body.cb-desktop-enabled .cb-table td { height: 66px; padding: 10px 8px; border-bottom: 1px solid #e6eff5; vertical-align: middle; overflow-wrap: anywhere; font-weight: 500; }
  body.cb-desktop-enabled .cb-table tr:last-child td { border-bottom: 0; }
  body.cb-desktop-enabled .cb-table tbody tr:hover { background: #fbfdff; }
  body.cb-desktop-enabled .cb-table-product { display: flex; align-items: center; gap: 8px; min-width: 0; }
  body.cb-desktop-enabled .cb-table-product img { flex: 0 0 36px; width: 36px; height: 42px; padding: 2px; border: 1px solid #e2eaf0; background: #fff; object-fit: contain; border-radius: 7px; }
  body.cb-desktop-enabled .cb-table-product span { min-width: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; }
  body.cb-desktop-enabled .cb-table-product small { display: block; color: var(--cb-web-muted); font-size: 9px; }
  body.cb-desktop-enabled .cb-table .cb-status { max-width: 100%; white-space: normal; font-size: 10px; }
  body.cb-desktop-enabled .cb-money { font-variant-numeric: tabular-nums; }
  body.cb-desktop-enabled .cb-cashback-value { color: #00a547; font-weight: 800; }
  body.cb-desktop-enabled .cb-table :is(.cb-cashback-value, .cb-cashback-zero) { font-weight: 800; }
  body.cb-desktop-enabled .cb-cashback-zero { color: #008db0; }
  body.cb-desktop-enabled .cb-table-action { display: inline-block; color: #008dad; font-weight: 700; text-decoration: none; }

  /* Customer screens share the same desktop header and surface treatment. */
  body.cb-desktop-enabled .links-page-grid { display: block; }
  body.cb-desktop-enabled .links-page-grid .dashboard-main { display: grid; gap: 24px; }
  body.cb-desktop-enabled :is(.cb-orders-hero, .cb-detail-hero) { padding: 0; margin-bottom: 24px; border-radius: 0; background: transparent; }
  body.cb-desktop-enabled :is(.cb-orders-content, .cb-detail-content, .notification-content, .guide-content, .guide-detail-content) { min-width: 0; padding: 0; background: transparent; }
  body.cb-desktop-enabled .cb-orders-titlebar { display: flex; gap: 12px; }
  body.cb-desktop-enabled .cb-orders-titlebar :is(.cb-back-button, .cb-title-spacer, .customer-navigation-trigger) { display: none; }
  body.cb-desktop-enabled .cb-order-metrics { margin: 0; gap: 18px; }
  body.cb-desktop-enabled .cb-order-metrics article { position: relative; isolation: isolate; overflow: hidden; grid-template-columns: 62px minmax(0, 1fr) 38px; grid-template-rows: auto auto; align-content: center; align-items: center; justify-items: start; gap: 4px 20px; min-height: 102px; padding: 18px 22px; border: 1px solid var(--cb-web-border); border-radius: 22px; background: #fff; box-shadow: var(--cb-web-shadow); text-align: left; }
  body.cb-desktop-enabled .cb-order-metrics article::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url('/catback/customer-page-background.svg') center top / 100% 320px no-repeat; opacity: .42; pointer-events: none; }
  body.cb-desktop-enabled .cb-order-metrics .cb-metric-icon { grid-column: 1; grid-row: 1 / 3; width: 62px; height: 62px; border: 1px solid rgba(255,255,255,.9); border-radius: 50%; box-shadow: inset 0 2px 3px #fff, 0 5px 14px rgba(15,177,196,.09); }
  body.cb-desktop-enabled .cb-order-metrics .cb-metric-icon img { width: 36px; height: 36px; }
  body.cb-desktop-enabled .cb-order-metrics strong { grid-column: 2; grid-row: 1; overflow: visible; color: var(--cb-web-navy); font-size: clamp(23px, 1.8vw, 30px); font-weight: 800; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -.6px; }
  body.cb-desktop-enabled .cb-order-metrics article > span:last-child { grid-column: 2; grid-row: 2; color: #42638a; font-size: 14px; font-weight: 600; }
  body.cb-desktop-enabled .cb-kpi-action[hidden] { grid-column: 3; grid-row: 1 / 3; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #e0f6fc; border-radius: 50%; background: linear-gradient(160deg, #fff, #def8ff); box-shadow: inset 0 1px 0 #fff; }
  body.cb-desktop-enabled .cb-order-filters { justify-content: flex-start; margin: 0 0 20px; }
  body.cb-desktop-enabled :is(.cb-order-filters, .wallet-history-filters, .notification-chips) a { border-radius: 999px; box-shadow: none; font-size: 12px; }
  body.cb-desktop-enabled .cb-order-list { display: grid; gap: 18px; }
  body.cb-desktop-enabled .cb-order-card { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, 1fr) 154px; align-items: center; gap: 18px 22px; padding: 20px; border: 1px solid var(--cb-web-border); border-radius: 22px; background: #fff; box-shadow: var(--cb-web-shadow); }
  body.cb-desktop-enabled .cb-order-card-top { grid-template-columns: 104px minmax(0, 1fr); min-width: 0; gap: 22px; padding: 0; }
  body.cb-desktop-enabled .cb-order-card-admin > .cb-order-user { grid-column: 1 / -1; order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; min-width: 0; margin: 0; padding: 13px 16px; border: 1px solid #e5f6fc; border-radius: 14px; background: linear-gradient(110deg, #f2fbff, #e2f6fd); }
  body.cb-desktop-enabled .cb-order-card-admin > .cb-order-user :is(strong, small) { overflow-wrap: anywhere; }
  body.cb-desktop-enabled .cb-order-card-admin > .cb-order-user small { display: flex; align-items: center; gap: 12px; padding-left: 24px; border-left: 1px solid #d4eaf3; color: #c95710; font-size: 13px; }
  body.cb-desktop-enabled .cb-order-user > span { display: inline-flex; align-items: center; gap: 12px; color: #57789e; font-size: 13px; font-weight: 500; }
  body.cb-desktop-enabled .cb-order-user strong { flex: 0 1 auto; min-width: 0; color: var(--cb-web-navy); font-size: 13px; font-weight: 700; }
  body.cb-desktop-enabled .cb-order-user .cb-desktop-only[hidden] { display: inline-block; flex-shrink: 0; font-size: 20px; }
  body.cb-desktop-enabled .cb-order-user > span i { padding: 6px; border-radius: 50%; background: #fff; box-shadow: 0 3px 6px rgba(15,177,196,.1); }
  body.cb-desktop-enabled .cb-order-product-image { width: 104px; height: 104px; flex-basis: 104px; border-radius: 15px; }
  body.cb-desktop-enabled .cb-order-product-image > img { padding: 8px; object-fit: contain; }
  body.cb-desktop-enabled .cb-order-product-copy { min-width: 0; }
  body.cb-desktop-enabled .cb-order-product-copy h2 { max-height: 2.7em; color: #092951; font-size: 16px; line-height: 1.35; font-weight: 750; -webkit-line-clamp: 2; line-clamp: 2; }
  body.cb-desktop-enabled .cb-order-product-copy :is(p, time) { font-size: 13px; color: #5f7da3; }
  body.cb-desktop-enabled .cb-order-product-copy .cb-status { gap: 8px; margin-top: 0; padding: 7px 14px; font-size: 12px; font-weight: 700; white-space: normal; }
  body.cb-desktop-enabled .cb-order-product-copy .cb-status .cb-desktop-only[hidden] { display: inline-block; }
  body.cb-desktop-enabled .cb-order-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; min-width: 0; margin: 0; padding: 0 0 0 22px; border: 0; border-left: 1px solid #e0edf5; background: transparent; }
  body.cb-desktop-enabled .cb-order-values > div { display: block; min-width: 0; min-height: 0; padding: 0; border: 0; }
  body.cb-desktop-enabled .cb-order-values > div:nth-child(2) { padding-left: 20px; border-left: 1px solid #e0edf5; }
  body.cb-desktop-enabled .cb-order-values > div:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid #e0edf5; }
  body.cb-desktop-enabled .cb-order-values dt { margin-bottom: 6px; color: #6781a0; font-size: 12px; }
  body.cb-desktop-enabled .cb-order-values dd { margin: 0; color: #092951; font-size: 16px; text-align: left; font-variant-numeric: tabular-nums; }
  body.cb-desktop-enabled .cb-order-code { display: flex; justify-content: flex-start; gap: 8px; }
  body.cb-desktop-enabled .cb-order-detail-link { width: 100%; min-height: 48px; gap: 12px; margin: 0; padding: 10px 16px; border: 1px solid #bce5f3; border-radius: 24px; background: linear-gradient(180deg, #fff, #edfaff); color: #0a3668; font-size: 14px; font-weight: 750; }
  body.cb-desktop-enabled :is(.cb-detail-summary, .cb-confirmation-card, .cb-support-cta) { border: 1px solid var(--cb-web-border); border-radius: 14px; background: #fff; color: var(--cb-web-ink); box-shadow: var(--cb-web-shadow); }
  body.cb-desktop-enabled .cb-detail-summary .cb-detail-cashback { background: #f0faf8; }
  body.cb-desktop-enabled .cb-detail-section > h2 { margin-bottom: 18px; }
  body.cb-desktop-enabled .cb-detail-summary dt { font-size: 12px; }
  body.cb-desktop-enabled .cb-detail-note { font-size: 12px; }
  body.cb-desktop-enabled .cb-detail-product { grid-template-columns: 104px minmax(0, 1fr) minmax(0, max-content); gap: 20px; }
  body.cb-desktop-enabled .cb-detail-product > strong { white-space: normal; }
  body.cb-desktop-enabled .cb-detail-product h3 { font-size: 14px; }
  body.cb-desktop-enabled .cb-detail-product :is(p, span) { font-size: 12px; }
  body.cb-desktop-enabled .cb-support-cta { margin-top: 24px; }
  body.cb-desktop-enabled .cb-support-cta > img { filter: brightness(.4); }
  body.cb-desktop-enabled .wallet-topbar { display: flex; justify-content: flex-start; gap: 12px; }
  body.cb-desktop-enabled .wallet-topbar > :not(h1) { display: none; }
  body.cb-desktop-enabled .wallet-topbar h1 { font-size: 28px; }
  body.cb-desktop-enabled .wallet-balance-hero { min-height: 200px; border: 1px solid #d8eff1; border-radius: 16px; background: linear-gradient(110deg, #e9fafb, #d9f5f5); box-shadow: none; color: var(--cb-web-ink); }
  body.cb-desktop-enabled .wallet-balance-hero::before,
  body.cb-desktop-enabled .wallet-balance-hero::after { display: none; }
  body.cb-desktop-enabled .wallet-balance-hero :is(h2, strong, p, span) { color: var(--cb-web-ink); text-shadow: none; }
  body.cb-desktop-enabled .wallet-metrics { gap: 20px; }
  body.cb-desktop-enabled .wallet-metrics > article { border: 1px solid var(--cb-web-border); border-radius: 14px; background: #fff; box-shadow: var(--cb-web-shadow); }
  body.cb-desktop-enabled :is(.wallet-action-withdraw, .wallet-action-history) { border: 1px solid var(--cb-web-border); border-radius: 12px; background: #fff; color: var(--cb-web-ink); box-shadow: none; }
  body.cb-desktop-enabled .wallet-action-withdraw { border-color: var(--cb-web-navy); background: var(--cb-web-navy); color: #fff; }
  body.cb-desktop-enabled .wallet-withdraw-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
  body.cb-desktop-enabled .wallet-withdraw-shell > .wallet-withdraw-form { margin-top: 24px; }
  body.cb-desktop-enabled .wallet-withdraw-form > * { min-width: 0; margin: 0; }
  body.cb-desktop-enabled .wallet-amount-input { border: 1px solid var(--cb-web-border); border-radius: 10px; box-shadow: none; }
  body.cb-desktop-enabled .cb-card .wallet-amount-input input { border: 0; border-radius: 10px; background: transparent; box-shadow: none; outline: none; font-size: 22px; }
  body.cb-desktop-enabled .wallet-amount-input:focus-within { border-color: var(--cb-web-teal); outline: 2px solid rgba(8, 151, 167, .3); outline-offset: 1px; box-shadow: none; }
  body.cb-desktop-enabled .wallet-quick-amounts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.cb-desktop-enabled .wallet-quick-amounts button { border-radius: 10px; box-shadow: none; font-size: 12px; }
  body.cb-desktop-enabled .wallet-inline-error { color: #b91c1c; }
  /* One form and the original mobile DOM order; desktop groups the fee strip
     inside the left card while the transaction summary stacks on the right. */
  body.cb-desktop-enabled .wallet-withdraw-form > .wallet-amount-card { grid-column: 1; grid-row: 1 / 3; align-self: stretch; padding-bottom: 140px; }
  body.cb-desktop-enabled .wallet-withdraw-form > .wallet-bank-card { grid-column: 2; grid-row: 1; }
  body.cb-desktop-enabled .wallet-withdraw-form > .wallet-summary-card { grid-column: 2; grid-row: 2; }
  body.cb-desktop-enabled .wallet-withdraw-form > .wallet-processing-strip { grid-column: 1; grid-row: 2; align-self: end; z-index: 1; margin: 0 24px 18px; padding: 16px 12px; border: 0; border-radius: 16px; background: linear-gradient(110deg, #effbfe, #e1f7fa); box-shadow: none; }
  body.cb-desktop-enabled .wallet-withdraw-form > :is(.wallet-existing-request, .wallet-submit-status, .wallet-submit-button) { grid-column: 2; }
  body.cb-desktop-enabled .wallet-withdraw-form .wallet-submit-button { width: 100%; min-height: 52px; justify-self: stretch; margin: 0; }
  body.cb-desktop-enabled .wallet-withdraw-form .wallet-submit-status:empty { display: none; }
  body.cb-desktop-enabled .wallet-withdraw-form .wallet-field-description { margin: -2px 0 20px; color: var(--cb-web-muted); font-size: 14px; line-height: 1.5; }
  body.cb-desktop-enabled .wallet-withdraw-form :is(.wallet-amount-card > label, .wallet-summary-heading, .wallet-bank-card h2) { margin: 0 0 8px; font-size: 20px; font-weight: 750; line-height: 1.35; }
  body.cb-desktop-enabled .wallet-withdraw-form .wallet-bank-card > header { margin-bottom: 0; }
  body.cb-desktop-enabled .wallet-withdraw-form .wallet-summary-heading { margin-bottom: 16px; }
  body.cb-desktop-enabled .wallet-note-card { margin-top: 24px; }
  body.cb-desktop-enabled .wallet-withdrawal-history { margin-top: 24px; }
  body.cb-desktop-enabled :is(.wallet-movement, .wallet-withdrawal-row) { border-color: var(--cb-web-border); border-radius: 12px; box-shadow: none; }
  body.cb-desktop-enabled .profile-grid { grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 24px; }
  body.cb-desktop-enabled .profile-card { margin-bottom: 20px; }
  body.cb-desktop-enabled .profile-card h2 { margin-bottom: 18px; }
  body.cb-desktop-enabled .profile-details dd { overflow-wrap: anywhere; }
  body.cb-desktop-enabled .auth-shell { display: grid; grid-template-columns: minmax(240px, .85fr) minmax(0, 1fr); max-width: 1000px; gap: 32px; margin: 32px auto; align-items: start; }
  body.cb-desktop-enabled :is(.auth-shell-single, .cb-account-shell) { display: block; width: min(100%, 620px); margin: 32px auto; }
  body.cb-desktop-enabled .auth-card { width: 100%; max-width: none; margin: 0; }
  body.cb-desktop-enabled .auth-card h1 { margin-bottom: 12px; }
  body.cb-desktop-enabled :is(.auth-card, .cb-account-card) .form-stack { gap: 18px; }
  body.cb-desktop-enabled .cb-account-card { padding: 32px; }
  body.cb-desktop-enabled .cb-account-option { gap: 14px; padding: 16px; border-radius: 12px; }
  body.cb-desktop-enabled .cb-account-option strong { font-size: 16px; }
  body.cb-desktop-enabled .cb-account-option small { font-size: 13px; }
  body.cb-desktop-enabled .cb-account-option .cb-account-icon { width: 48px; height: 48px; flex-basis: 48px; font-size: 23px; }
  body.cb-desktop-enabled .cb-account-card .cb-account-primary { width: 100%; }
  body.cb-desktop-enabled .cb-account-upgrade-banner { border: 1px solid #c5e8eb; border-radius: 12px; background: var(--cb-web-teal-soft); color: var(--cb-web-ink); }
  body.cb-desktop-enabled .cb-account-upgrade-banner p { color: var(--cb-web-muted); }
  body.cb-desktop-enabled .legal { max-width: 960px; padding: 32px; margin: 16px auto; border: 1px solid var(--cb-web-border); border-radius: 16px; background: #fff; box-shadow: var(--cb-web-shadow); }
  body.cb-desktop-enabled .legal h1 { margin: 0 0 24px; }
  body.cb-desktop-enabled .legal p { color: var(--cb-web-muted); line-height: 1.8; }
  body.cb-desktop-enabled .page-shell.narrow { max-width: 760px; margin: 24px auto; }
  body.cb-desktop-enabled .notification-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; padding: 0; }
  body.cb-desktop-enabled .notification-back-button { display: none; }
  body.cb-desktop-enabled :is(.notification-hero-copy, .notification-hero-copy h1) { color: var(--cb-web-ink); }
  body.cb-desktop-enabled .notification-hero-copy p { color: var(--cb-web-muted); }
  body.cb-desktop-enabled .notification-hero-actions { position: static; margin: 0; }
  body.cb-desktop-enabled .notification-hero-actions button { border: 1px solid var(--cb-web-border); background: #fff; color: var(--cb-web-ink); box-shadow: none; border-radius: 10px; }
  body.cb-desktop-enabled .notification-hero-actions .notification-hero-button { width: 42px; height: 42px; }
  body.cb-desktop-enabled .notification-hero-actions .notification-hero-button img { filter: none; }
  body.cb-desktop-enabled .notification-chips { grid-column: 1 / -1; margin: 0; flex-wrap: wrap; }
  body.cb-desktop-enabled :is(.notification-chips, .notification-filter-options) button { min-height: 38px; font-family: inherit; font-size: 12px; box-shadow: none; }
  body.cb-desktop-enabled :is(.notification-chips, .notification-filter-options) button.is-active { border-color: #a9dce0; background: var(--cb-web-teal-soft); color: #07616c; box-shadow: none; }
  body.cb-desktop-enabled .notification-detail-toolbar { grid-template-columns: 42px minmax(0, 1fr) 42px; }
  body.cb-desktop-enabled .notification-detail-toolbar :is(a, button) { width: 42px; height: 42px; border-radius: 10px; }
  body.cb-desktop-enabled .notification-detail-toolbar h1 { font-size: 28px; text-align: left; }
  body.cb-desktop-enabled .notification-card { padding: 20px; border: 1px solid var(--cb-web-border); border-radius: 14px; background: #fff; box-shadow: none; }
  body.cb-desktop-enabled .notification-card.is-unread { border-color: #b6dee2; background: #f2fbfc; }
  body.cb-desktop-enabled .notification-detail-shell { max-width: 960px; margin-inline: auto; }
  body.cb-desktop-enabled .guide-hero,
  body.cb-desktop-enabled .guide-detail-hero { display: block; height: auto; padding: 0; }
  body.cb-desktop-enabled :is(.guide-hero, .guide-detail-hero) :is(.guide-back-button, .customer-navigation-trigger) { display: none; }
  body.cb-desktop-enabled .guide-hero-copy { width: 100%; margin: 0; padding: 0; text-align: left; }
  body.cb-desktop-enabled .guide-hero-copy p { color: var(--cb-web-muted); }
  body.cb-desktop-enabled .guide-hero-copy h1 { color: var(--cb-web-ink); }
  body.cb-desktop-enabled .guide-video-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  body.cb-desktop-enabled .guide-video-card { display: flex; flex-wrap: wrap; gap: 16px; padding: 20px; border: 1px solid var(--cb-web-border); border-radius: 16px; background: #fff; box-shadow: var(--cb-web-shadow); }
  body.cb-desktop-enabled .guide-video-copy { flex: 1 1 160px; min-width: 0; }
  body.cb-desktop-enabled .guide-device-card { margin-bottom: 24px; }
  body.cb-desktop-enabled .guide-detail-content { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 24px; align-items: start; }
  body.cb-desktop-enabled .guide-detail-content > * { min-width: 0; margin: 0; }
  body.cb-desktop-enabled .guide-related-section { grid-column: 1 / -1; }
  body.cb-desktop-enabled .guide-related-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  body.cb-desktop-enabled :is(.cb-modal-dialog, .account-navigation-drawer, .notification-filter-sheet, .cb-anonymous-create-dialog, .cb-account-withdraw-dialog) { border-radius: 16px; border-color: var(--cb-web-border); }

  /* One surface and control finish across customer pages; status colors stay intact. */
  body.cb-desktop-enabled :is(.cb-card, .cb-order-card, .cb-detail-summary, .cb-confirmation-card, .cb-support-cta, .notification-card, .guide-video-card, .legal, .wallet-metrics > article, .cb-order-metrics article) {
    border-color: var(--cb-web-border);
    background: var(--cb-web-surface);
    box-shadow: var(--cb-web-shadow);
  }
  body.cb-desktop-enabled :is(.affiliate-link-card, .wallet-movement, .wallet-withdrawal-row, .cb-account-option, .cb-benefits > div) {
    border-color: var(--cb-web-border);
    background-image: linear-gradient(160deg, rgba(255,255,255,.9), rgba(255,255,255,0) 55%, rgba(212,238,249,.17));
    box-shadow: var(--cb-web-control-shadow), 0 5px 12px rgba(10,76,115,.06);
  }
  body.cb-desktop-enabled :is(.affiliate-link-card, .cb-account-option):hover { border-color: #9fcfdd; box-shadow: inset 0 1px 0 #fff, 0 8px 18px rgba(10,76,115,.12); }
  body.cb-desktop-enabled :is(.cb-order-detail-link, .affiliate-icon-action, .button-ghost, .cb-account-secondary, .wallet-action-history, .wallet-quick-amounts button, .notification-chips button, .notification-filter-options button, .cb-order-filters a, .wallet-history-filters a) {
    background-image: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.04) 55%, rgba(114,184,204,.08));
    box-shadow: var(--cb-web-control-shadow);
    font-weight: 600;
  }
  body.cb-desktop-enabled .dashboard-create-card .dashboard-create-button,
  body.cb-desktop-enabled .affiliate-link-card .affiliate-buy-button,
  body.cb-desktop-enabled .wallet-action-withdraw {
    border-color: #168ba1;
    background: var(--cb-web-cta);
    box-shadow: var(--cb-web-button-shadow);
    color: #fff;
  }
  body.cb-desktop-enabled :is(.cb-button, .button, .dashboard-create-button, .affiliate-buy-button, .affiliate-inline-buy-button, .wallet-submit-button, .cb-account-primary):active { box-shadow: inset 0 2px 5px rgba(3,34,64,.24), 0 1px 3px rgba(6,75,112,.1); }
  body.cb-desktop-enabled :is(.cb-button, .button, .dashboard-create-button, .affiliate-buy-button, .affiliate-inline-buy-button, .wallet-submit-button, .cb-account-primary):disabled { box-shadow: none; }
  body.cb-desktop-enabled :is(.cb-modal-dialog, .notification-filter-sheet, .cb-anonymous-create-dialog, .cb-account-withdraw-dialog) { box-shadow: inset 0 1px 0 #fff, 0 18px 54px rgba(6,45,91,.22); }
  body.cb-desktop-enabled .wallet-balance-hero { background: radial-gradient(ellipse at 85% 0, #fff, transparent 45%), linear-gradient(135deg, #efffff, #c5f2f3); border-color: #a9e3e7; box-shadow: var(--cb-web-gloss), 0 12px 28px rgba(8,154,162,.16); }

  /* Orders handoff: shared page headers, list filters and row surfaces. */
  body.cb-desktop-enabled .cb-mobile-page-header { display: none; }
  body.cb-desktop-enabled .cb-page-hero[hidden] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 0; min-height: 116px; margin: 0 0 18px; padding: 4px 0 12px; background: transparent; }
  body.cb-desktop-enabled .cb-page-hero-copy { position: relative; z-index: 1; flex: 1 1 50%; min-width: 0; }
  body.cb-desktop-enabled .cb-page-hero h1 { margin: 0 0 6px; color: #0a3668; font-size: clamp(30px, 2.5vw, 40px); font-weight: 800; line-height: 1.2; letter-spacing: -.8px; }
  body.cb-desktop-enabled .cb-page-hero-copy > p { margin: 0; color: #365d87; font-size: 16px; line-height: 1.5; }
  body.cb-desktop-enabled .cb-page-hero-copy > small { display: block; margin-top: 7px; color: #496d90; font-size: 12px; line-height: 1.4; }
  body.cb-desktop-enabled .cb-page-hero-decoration { display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 44%; min-width: 0; max-height: 126px; pointer-events: none; }
  body.cb-desktop-enabled .cb-page-hero-decoration > p { margin: 0 -12px 0 0; padding: 12px 20px; border: 1px solid rgba(255,255,255,.85); border-radius: 24px 24px 4px 24px; background: rgba(255,255,255,.5); color: #117899; font-size: 15px; font-style: italic; font-weight: 700; line-height: 1.4; text-align: center; transform: rotate(-5deg); }
  /* Display only the illustration region of the approved banner, never its UI/text columns. */
  body.cb-desktop-enabled .cb-page-hero-art { display: block; flex: 0 1 250px; width: 250px; min-width: 0; aspect-ratio: 480 / 278; overflow: hidden; mask-image: radial-gradient(ellipse at center, #000 45%, rgba(0,0,0,.95) 60%, transparent 74%); }
  body.cb-desktop-enabled .cb-page-hero-art img { display: block; width: 284.375%; max-width: none; height: auto; transform: translateX(-41.02564%); }
  body.cb-desktop-enabled .cb-desktop-menu a.is-active { background: var(--cb-web-active); box-shadow: var(--cb-web-active-shadow); }
  body.cb-desktop-enabled .cb-list-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); align-items: stretch; gap: 12px; width: 100%; margin: 0 0 20px; padding: 0; overflow: visible; }
  body.cb-desktop-enabled .cb-list-filters > :is(a, button) { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; min-height: 50px; margin: 0; padding: 10px 16px; border: 1px solid #c3e6f4; border-radius: 24px; background: linear-gradient(180deg, #fff, #f1faff); box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(23,115,173,.05); color: #42658d; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; white-space: normal; cursor: pointer; }
  body.cb-desktop-enabled .cb-list-filters > :is(a, button):hover { border-color: #5fcada; box-shadow: inset 0 1px 0 #fff, 0 5px 16px rgba(15,177,196,.12); }
  body.cb-desktop-enabled .cb-list-filters > :is(a, button).is-active { border-color: #1ec9db; background: var(--cb-web-active); box-shadow: var(--cb-web-active-shadow); color: #fff; }
  body.cb-desktop-enabled .cb-list-filters .cb-desktop-only[hidden] { display: inline-block; font-size: 20px; flex-shrink: 0; }
  body.cb-desktop-enabled .cb-orders-content { gap: 0; }
  body.cb-desktop-enabled .cb-orders-page .cb-orders-hero { margin-bottom: 26px; }
  body.cb-desktop-enabled .cb-order-detail-link:hover { border-color: #67cedf; background: linear-gradient(180deg, #fff, #def7ff); box-shadow: inset 0 1px 0 #fff, 0 5px 12px rgba(15,177,196,.13); }
  body.cb-desktop-enabled .cb-order-card .cb-status-pending { background: #fff1bf; color: #955309; }
  body.cb-desktop-enabled .cb-order-card .cb-status-confirmed { background: #ddf8e7; color: #08784c; }
  body.cb-desktop-enabled .cb-order-card .cb-status-cancelled { background: #fff0ee; color: #b74841; }
  body.cb-desktop-enabled .wallet-history-list { margin-top: 0; padding: 18px 22px; }
  body.cb-desktop-enabled .wallet-history-list .wallet-movement { padding: 18px; border: 1px solid #d4eaf3; border-radius: 20px; }
  body.cb-desktop-enabled .wallet-history-list .wallet-movement-list { display: grid; gap: 14px; }
  body.cb-desktop-enabled .wallet-movement-copy > strong { font-size: 16px; }
  body.cb-desktop-enabled .wallet-movement-copy > small { font-size: 13px; line-height: 1.5; }
  body.cb-desktop-enabled .wallet-movement-value > strong { font-size: 18px; }
  body.cb-desktop-enabled .notification-hero { grid-template-columns: minmax(0, 1fr) 48px; gap: 12px; margin-bottom: 22px; }
  body.cb-desktop-enabled .notification-hero .notification-chips { grid-column: 1; grid-row: 1; margin: 0; }
  body.cb-desktop-enabled .notification-hero .notification-hero-actions { grid-column: 2; grid-row: 1; }
  body.cb-desktop-enabled .notification-hero .notification-hero-button { width: 48px; height: 48px; border-radius: 18px; background: linear-gradient(180deg, #fff, #f1faff); }
  body.cb-desktop-enabled .notification-card { border-radius: 22px; padding: 22px; }
  body.cb-desktop-enabled .links-page-dashboard .affiliate-link-card { grid-template-columns: 88px minmax(0, 1fr) auto; gap: 18px; padding: 20px; border: 1px solid var(--cb-web-border); border-radius: 22px; }
  body.cb-desktop-enabled .links-page-dashboard .affiliate-link-details h3 { font-size: 16px; line-height: 1.4; }
  body.cb-desktop-enabled .links-page-dashboard .affiliate-product-image { width: 88px; height: 88px; border-radius: 15px; }
  body.cb-desktop-enabled .guide-video-card { border-radius: 22px; }
  body.cb-desktop-enabled .profile-heading { padding: 20px 24px; border: 1px solid var(--cb-web-border); border-radius: 22px; background: rgba(255,255,255,.7); box-shadow: var(--cb-web-gloss); }

  @media (max-width: 1199px) {
    body.cb-desktop-enabled .cb-home-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    body.cb-desktop-enabled .cb-home-dashboard .dashboard-main { grid-column: 1 / -1; grid-row: 2; }
    body.cb-desktop-enabled .cb-home-dashboard :is(.dashboard-wallet-card, .cb-wallet-guest) { grid-column: 1; grid-row: 3; }
    body.cb-desktop-enabled .cb-home-dashboard .dashboard-sidebar { grid-column: 2; grid-row: 3; }
    body.cb-desktop-enabled .cb-order-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    body.cb-desktop-enabled .cb-order-detail-link { grid-column: 2; justify-self: end; }
    body.cb-desktop-enabled .cb-order-card-top { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; }
    body.cb-desktop-enabled .cb-order-card .cb-order-product-image { width: 76px; height: 88px; }
    body.cb-desktop-enabled .cb-order-product-copy h2 { font-size: 14px; }
    body.cb-desktop-enabled .cb-order-values { padding-left: 16px; }
    body.cb-desktop-enabled .cb-order-metrics article { grid-template-columns: 44px minmax(0, 1fr) 30px; padding: 16px 12px; gap: 4px 10px; }
    body.cb-desktop-enabled .cb-order-metrics .cb-metric-icon { width: 44px; height: 44px; }
    body.cb-desktop-enabled .cb-order-metrics .cb-metric-icon img { width: 28px; height: 28px; }
    body.cb-desktop-enabled .cb-order-metrics article > span:last-child { font-size: 12px; }
    body.cb-desktop-enabled .cb-order-metrics strong { font-size: 22px; }
    body.cb-desktop-enabled .cb-kpi-action[hidden] { width: 30px; height: 30px; }
    body.cb-desktop-enabled .cb-page-hero-decoration { width: 30%; }
    body.cb-desktop-enabled .cb-page-hero-decoration > p { display: none; }
    body.cb-desktop-enabled .cb-page-hero-copy > p { font-size: 14px; }
    body.cb-desktop-enabled .cb-list-filters > :is(a, button) { gap: 8px; padding: 10px; font-size: 12px; }
    body.cb-desktop-enabled .notification-hero .notification-chips { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.cb-desktop-enabled .cb-order-card-admin > .cb-order-user small { width: 100%; padding-left: 0; border-left: 0; }
    body.cb-desktop-enabled .guide-video-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.cb-desktop-enabled .cb-desktop-identity strong { max-width: 120px; }
  }
  @media (min-width: 1440px) {
    body.cb-desktop-enabled { --cb-web-sidebar: 252px; --cb-web-padding: 36px; }
    body.cb-desktop-enabled .cb-desktop-menu a { font-size: 14px; }
    body.cb-desktop-enabled .cb-benefits > div { font-size: 11px; }
    body.cb-desktop-enabled .affiliate-guide li p { font-size: 12px; }
    body.cb-desktop-enabled .dashboard-wallet-card dl { max-width: calc(100% - 116px); }
    body.cb-desktop-enabled .dashboard-wallet-visual { width: 140px; }
    body.cb-desktop-enabled .dashboard-wallet-visual .wallet-illustration { width: 152px; height: 114px; }
  }
  @media (min-width: 1200px) and (max-width: 1439px) {
    body.cb-desktop-enabled .cb-order-card { grid-template-columns: minmax(0, 1.35fr) minmax(240px, 1fr) 130px; gap: 16px; padding: 18px; }
    body.cb-desktop-enabled .cb-order-card-top { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; }
    body.cb-desktop-enabled .cb-order-card .cb-order-product-image { width: 82px; height: 96px; }
    body.cb-desktop-enabled .cb-order-values { padding-left: 16px; }
    body.cb-desktop-enabled .cb-order-detail-link { padding: 10px; font-size: 13px; }
    body.cb-desktop-enabled .cb-page-hero-decoration > p { font-size: 12px; padding: 10px; }
    body.cb-desktop-enabled .cb-order-metrics article { gap: 4px 12px; padding: 18px 16px; grid-template-columns: 50px minmax(0, 1fr) 32px; }
    body.cb-desktop-enabled .cb-order-metrics .cb-metric-icon { width: 50px; height: 50px; }
    body.cb-desktop-enabled .cb-kpi-action[hidden] { width: 32px; height: 32px; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.cb-desktop-enabled :is(.cb-desktop-menu a, .cb-button, .button, .affiliate-link-card) { transition: none; }
  }
}