/* Customer presentation layer. Navigation, account values and interaction states
   continue to be supplied by the existing workspace. */
body[data-surface=customer] {
  --pink: #ff5000;
  --accent: #ff5000;
  --ink: #1a1a1a;
  --muted: #696969;
  --line: #e5e5e5;
  --spark-orange: #ff5000;
  --spark-orange-hover: #dc4500;
  --spark-orange-text: #bd3b00;
  --spark-soft: #fff2eb;
  --spark-surface: #f6f6f6;
  --spark-charcoal: #3f4041;
  background: #fff;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}

body[data-surface=customer] :is(h1,h2,h3) { font-weight: 400; }
body[data-surface=customer] h1 { font-size: 40px; font-weight: 400; letter-spacing: -1.3px; line-height: 1.14; }
body[data-surface=customer] :is(.eyebrow,.conversion-heading .eyebrow) { color: var(--spark-orange-text); font-weight: 500; letter-spacing: 1.5px; }
body[data-surface=customer] :is(button,a,input,select,textarea,summary):focus-visible { outline-color: var(--spark-orange); }
body[data-surface=customer] :is(.panel,.account-panel,.table-wrap,.activity-order,.order-empty,.stat,.recipient-card) { border-color: var(--line); border-radius: 12px; box-shadow: none; }
body[data-surface=customer] :is(.panel-heading,.summary-row,.recent-activity,.activity-order-head,.order-status-tabs) { border-color: var(--line); }
body[data-surface=customer] :is(.panel-heading h2,.batch-section-heading h2,.funding-form h2,.funding-guide>h2,.withdrawals-page h2) { font-weight: 400; letter-spacing: -.65px; }
body[data-surface=customer] :is(.batch-section-heading h2,.funding-form h2,.funding-guide>h2,.withdrawals-page h2) { font-size: 28px; }
body[data-surface=customer] :is(.panel-heading h2,.normal-heading h2,.activity-order h2) { font-weight: 400; }
body[data-surface=customer] :is(.link,.back,.board-admin,.flow-icon,.panel-heading>a,.account-card-footer a,.profile-inline-link,td a) { color: var(--spark-orange-text); }
body[data-surface=customer] :is(.stat strong,.summary .big,.recent-activity b,.balance-total strong) { color: var(--ink); font-weight: 400; }
body[data-surface=customer] :is(.detail-meta,.expiry,.empty p,.loading p,.account-note,.recent-activity small,.account-card-footer p,.activity-order p,.activity-order small,.activity-order-head,.order-empty p,.field small,.timeline p,.timeline small,.board-footnote) { color: var(--muted); }
body[data-surface=customer] :is(.notice,.receipt-note) { border-color: var(--line); background: var(--spark-surface); color: #555; }
body[data-surface=customer] th { background: var(--spark-surface); color: #666; }
body[data-surface=customer] .timeline li { border-color: var(--line); }
body[data-surface=customer] .timeline li:before { background: var(--spark-orange); box-shadow: 0 0 0 1px #ffceb8; }
body[data-surface=customer] .summary { border-top-color: var(--spark-orange); }
body[data-surface=customer] #toast { background: var(--spark-charcoal); border-radius: 10px; box-shadow: 0 8px 30px #00000014; }
body[data-surface=customer] dialog { border-radius: 16px; }
body[data-surface=customer] dialog::backdrop { background: #25252555; }

/* The navigation keeps its established desktop, mobile and RTL geometry. */
body[data-surface=customer] :is(.customer-sidebar,.customer-topbar) { background: #fff; border-color: var(--line); }
body[data-surface=customer] .sidebar-label { color: #818181; }
body[data-surface=customer] .customer-sidebar nav a { color: #606060; border-radius: 999px; font-weight: 400; }
body[data-surface=customer] .customer-sidebar nav a.active,
body[data-surface=customer] .customer-sidebar>.sidebar-profile.active { background: var(--spark-soft); color: var(--spark-orange-text); }
body[data-surface=customer] .customer-sidebar nav a:hover:not(.active),
body[data-surface=customer] .customer-sidebar>.sidebar-profile:hover:not(.active) { background: var(--spark-surface); color: var(--ink); }
body[data-surface=customer] .customer-sidebar>.sidebar-profile { color: #606060; border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] :is(.customer-sidebar-bottom button,.customer-sidebar-bottom a,.sidebar-profile-copy small) { color: #707070; }
body[data-surface=customer] .customer-sidebar-bottom small { color: #858585; }
body[data-surface=customer] .customer-sidebar-bottom button span { border-color: #aaa; }
body[data-surface=customer] .quick-actions a { background: #fff; border: 1px solid #d9d9d9; color: var(--ink); font-weight: 400; }
body[data-surface=customer] .quick-actions a:hover { background: var(--spark-surface); }
body[data-surface=customer] .quick-actions .quick-primary { background: var(--spark-orange); color: #fff; border-color: var(--spark-orange); }
body[data-surface=customer] .quick-actions .quick-primary:hover { background: var(--spark-orange-hover); border-color: var(--spark-orange-hover); }
body[data-surface=customer] .customer-account .avatar { background: var(--spark-soft); color: var(--spark-orange-text); border-color: #ffdac9; }
body[data-surface=customer] .language-picker label { border-color: #d9d9d9; color: #555; }
body[data-surface=customer] .language-picker select option { color: var(--ink); }
body[data-surface=customer] .simulation-bar,
body[data-surface=customer] .simulation-bar strong { color: #777; }
body[data-surface=customer] .sample-dot { background: var(--spark-orange); }
body[data-surface=customer] .quiet { color: #666; }

/* Shared controls. Disabled controls retain their original disabled state. */
body[data-surface=customer] :is(.primary,.conversion-button,.support-send) {
  background: var(--spark-orange);
  border-color: var(--spark-orange);
  border-radius: 999px;
  color: #fff;
  font-weight: 400;
  box-shadow: none;
}
body[data-surface=customer] :is(.primary,.conversion-button,.support-send):hover:not(:disabled) { background: var(--spark-orange-hover); border-color: var(--spark-orange-hover); }
body[data-surface=customer] .secondary { background: #fff; border-color: #bebebe; color: var(--ink); border-radius: 999px; font-weight: 400; box-shadow: none; }
body[data-surface=customer] .secondary:hover:not(:disabled) { background: var(--spark-surface); border-color: #777; color: var(--ink); }
body[data-surface=customer] :is(.primary,.conversion-button):disabled { background: #ececec; border-color: #ececec; color: #808080; }
body[data-surface=customer] :is(.field input,.field select,.field textarea,.filter-input,.filter-select,.batch-registration input,.batch-registration select,.batch-pagination input) { border-color: #d4d4d4; color: var(--ink); background: #fff; border-radius: 8px; }
body[data-surface=customer] :is(.check input,.batch-check input) { accent-color: var(--spark-orange); }

/* The existing planet artwork and all animation timings stay intact. */
body[data-surface=customer] .funding-hero { background-color: var(--spark-charcoal); border-radius: 12px; }
body[data-surface=customer] .funding-hero:before { background: linear-gradient(180deg,#141d2ac4 0%,#1d243b6b 34%,transparent 62%,#111a2538); }
body[data-surface=customer] .funding-hero .earth-motion{background-image:url('/assets/funding-earth-sunrise.png');animation:hopeful-earth-drift 28s ease-in-out infinite alternate;animation-play-state:var(--hero-motion,running);transform-origin:65% 75%}
body[data-surface=customer] .funding-hero .earth-motion:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 58%,#fff5c666 0%,#ffb95022 20%,transparent 45%);mix-blend-mode:screen;animation:funding-sunrise-glow 12s ease-in-out infinite alternate;animation-play-state:var(--hero-motion,running);pointer-events:none}
body[data-surface=customer] .funding-transfer-lights{position:absolute;left:0;top:48%;width:100%;height:44%;overflow:visible;filter:drop-shadow(0 0 5px #ffc96b);pointer-events:none}
body[data-surface=customer] .funding-transfer-route{stroke:#ffd57b;stroke-width:1;opacity:.16}
body[data-surface=customer] .funding-transfer-trail{stroke:#fff1b6;stroke-width:2;stroke-dasharray:45 955;stroke-dashoffset:0;opacity:.85;animation:funding-light-travel 15s linear infinite;animation-play-state:var(--hero-motion,running)}
body[data-surface=customer] .funding-transfer-trail:nth-of-type(4){animation-delay:-5s;animation-duration:19s}
body[data-surface=customer] .funding-transfer-trail:nth-of-type(6){animation-delay:-11s;animation-duration:22s}
@keyframes hopeful-earth-drift{from{transform:scale(1.03) translate3d(-2%,1.4%,0) rotate(-.6deg)}to{transform:scale(1.19) translate3d(2%,-2.2%,0) rotate(.8deg)}}
@keyframes funding-sunrise-glow{from{opacity:.4;transform:translate3d(-1%,1%,0)}to{opacity:.85;transform:translate3d(1%,-1%,0)}}
@keyframes funding-light-travel{to{stroke-dashoffset:-1000}}
@media(prefers-reduced-motion:reduce){body[data-surface=customer] .funding-hero .earth-motion,body[data-surface=customer] .funding-hero .earth-motion:after,body[data-surface=customer] .funding-transfer-trail{animation:none!important}body[data-surface=customer] .funding-transfer-trail{opacity:.35}}
body[data-surface=customer] .funding-hero .eyebrow { color: #ffb18f !important; font-weight: 400; }
body[data-surface=customer] .funding-hero :is(h1,#funding-hero-title) { font-size: clamp(36px,4.3vw,60px) !important; font-weight: 400; letter-spacing: -1.8px; line-height: 1.07; color: #fff; }
body[data-surface=customer] .funding-hero>p:not(.eyebrow) { color: #f0f0f0 !important; font-size: 15px; }
body[data-surface=customer] .funding-hero>.primary { box-shadow: none; }
body[data-surface=customer] .funding-account-strip>div { background: #3f4041b8; border-color: #ffffff40; border-radius: 8px; }
body[data-surface=customer] .funding-account-strip span { color: #e4e4e4; }
body[data-surface=customer] .funding-account-strip strong { font-weight: 400; }
body[data-surface=customer] :is(.funding-balance,.profile-capital) { background: var(--spark-charcoal); box-shadow: none; }
body[data-surface=customer] .funding-balance :is(p,small) { color: #eee; }
body[data-surface=customer] .funding-card { border-radius: 12px; }
body[data-surface=customer] .funding-amount-field { background: #fff; border-color: #d4d4d4; border-radius: 8px; }
body[data-surface=customer] .funding-amount-field:focus-within { border-color: var(--spark-orange); box-shadow: 0 0 0 3px #ff500014; }
body[data-surface=customer] :is(.funding-guide>.eyebrow,.funding-help) { color: var(--spark-orange-text); }
body[data-surface=customer] .funding-guide li>span { background: var(--spark-soft); border-color: #ffdac9; color: var(--spark-orange-text); }
body[data-surface=customer] :is(.funding-sample-note,.funding-policy,.funding-team-reply,.funding-review-summary) { background: var(--spark-surface); border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] :is(.funding-sample-note strong,.funding-sample-note p,.funding-review-description,.funding-review-summary span,.funding-review-steps p,.funding-team-reply time,.funding-review-footnote,.funding-request-state) { color: var(--muted); }
body[data-surface=customer] .funding-policy .eyebrow,
body[data-surface=customer] .funding-policy h3 a:hover { color: var(--spark-orange-text) !important; }
body[data-surface=customer] .funding-policy :is(p,li),
body[data-surface=customer] .funding-reply-note { color: var(--muted) !important; }
body[data-surface=customer] .funding-policy li::marker { color: var(--spark-orange-text); }
body[data-surface=customer] .funding-policy p:last-child { border-color: var(--line); }
body[data-surface=customer] dialog.funding-review { border-color: var(--line); border-radius: 16px; box-shadow: 0 24px 80px #00000026; }
body[data-surface=customer] .funding-review-visual { background: var(--spark-charcoal); }
body[data-surface=customer] .funding-review-visual:after { background: linear-gradient(180deg,#3f4041aa,transparent 38%,#3f4041dd); }
body[data-surface=customer] .funding-review-intro p { color: #ffb18f !important; }
body[data-surface=customer] .funding-review-steps li { border-color: var(--line); }
body[data-surface=customer] .funding-step-spinner { border-color: #ffdccb; border-top-color: var(--spark-orange); }
body[data-surface=customer] .funding-sample-label { background: var(--spark-soft); border-color: #ffdac9; color: var(--spark-orange-text) !important; }

/* Balance and exchange catalogue. Financial success/error indicators are not
   included in the brand colour overrides. */
body[data-surface=customer] :is(.batch-wallet-summary,.exchange-tier-section,.exchange-conversion-list) { border-color: var(--line); border-radius: 12px; box-shadow: none; }
body[data-surface=customer] .batch-wallet-summary { background: var(--spark-surface); }
body[data-surface=customer] .batch-wallet-summary>div+div { border-color: #dedede; }
body[data-surface=customer] .batch-wallet-summary strong { font-weight: 400; }
body[data-surface=customer] .batch-wallet-summary>div:first-child strong { color: var(--ink); }
body[data-surface=customer] :is(.batch-wallet-summary span,.batch-wallet-summary small,.batch-section-heading p,.batch-product-heading,.batch-product dt,.batch-component dt,.batch-footnote,.batch-totals dt,.batch-check,.batch-pagination form,.batch-history-record summary small,.batch-record-body>p) { color: var(--muted); }
body[data-surface=customer] .batch-wallet-summary progress { accent-color: var(--spark-orange); }
body[data-surface=customer] .batch-wallet-summary progress::-webkit-progress-bar { background: #e4e4e4; }
body[data-surface=customer] .batch-wallet-summary progress::-webkit-progress-value { background: var(--spark-orange); }
body[data-surface=customer] .batch-wallet-summary progress::-moz-progress-bar { background: var(--spark-orange); }
body[data-surface=customer] :is(.batch-label,.account-label) { color: var(--spark-orange-text); background: var(--spark-soft); }
body[data-surface=customer] :is(.batch-disclosure,.batch-component,.exchange-conversion-list .batch-empty) { background: var(--spark-surface); border-color: var(--line); border-radius: 10px; color: var(--muted); }
body[data-surface=customer] :is(.batch-totals>div,.batch-history-record) { border-color: var(--line); }
body[data-surface=customer] .batch-history-record summary:after { color: var(--spark-orange-text); }
body[data-surface=customer] .exchange-tier-section { background: #f5f5f5; }
body[data-surface=customer] .exchange-tier-card { background: var(--spark-charcoal); border-color: var(--spark-charcoal); border-radius: 10px; }
body[data-surface=customer] .exchange-card-eyebrow { color: #727272; }
body[data-surface=customer] .exchange-tier-card .exchange-card-eyebrow { color: #ddd; }
body[data-surface=customer] .exchange-card-pair>span:last-child { color: var(--spark-orange-text); }
body[data-surface=customer] .exchange-tier-card .exchange-card-pair>span:last-child { color: #ffb18f; }
body[data-surface=customer] .exchange-pair-arrow { border-color: #ffdac9; background: var(--spark-soft); color: var(--spark-orange-text); }
body[data-surface=customer] .exchange-card-status { background: #efefef; color: #696969; }
body[data-surface=customer] .exchange-tier-card .exchange-card-status { background: #ffffff14; color: #e4e4e4; }
body[data-surface=customer] .exchange-card-value { color: var(--spark-orange-text); font-weight: 400; }
body[data-surface=customer] .exchange-tier-card .exchange-card-value { color: #ffb18f; }
body[data-surface=customer] :is(.exchange-card-caption,.exchange-card-send,.exchange-conversion-card dt) { color: #777; }
body[data-surface=customer] .exchange-card-send strong { color: #555; }
body[data-surface=customer] .exchange-tier-card :is(.exchange-card-caption,dt) { color: #ddd; }
body[data-surface=customer] :is(.exchange-conversion-card,.exchange-card-head) { border-color: #e0e0e0; }
body[data-surface=customer] .exchange-conversion-card { border-radius: 10px; }
body[data-surface=customer] .exchange-conversion-card .exchange-card-head { background: #fafafa; }
body[data-surface=customer] .exchange-conversion-card.is-pending { border-color: var(--spark-orange); box-shadow: none; }
body[data-surface=customer] .exchange-conversion-card.is-pending .exchange-card-status { background: var(--spark-orange); color: #fff; }
body[data-surface=customer] :is(.exchange-tier-card,.exchange-conversion-card) :is(button,a) { border-radius: 999px; }
body[data-surface=customer] .exchange-conversion-card button:disabled { background: #ececec; border-color: #ececec; color: #808080; }
body[data-surface=customer] .exchange-tier-card button:disabled { background: #ffffff17; color: #bfbfbf; border-color: #ffffff12; }
body[data-surface=customer] .currency-account-card { background: var(--spark-surface); border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] .currency-account-card>strong { color: var(--ink); font-weight: 400; }
body[data-surface=customer] :is(.currency-account-card>p,.currency-account-card>.account-sample,.account-currency>div>span) { color: var(--muted); }
body[data-surface=customer] .account-explore h2 { font-weight: 400; }
body[data-surface=customer] .account-explore h2>span { color: var(--spark-orange-text); }
body[data-surface=customer] .explore-currencies>span { background: var(--spark-surface); border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] .explore-currencies .explore-destination { background: var(--spark-soft); border-color: #ffdac9; }
body[data-surface=customer] .catalog-balance { border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] :is(.catalog-balance strong,.catalog-balance button,.filter-note>span,.catalog-filters .quiet,.product-value,.board-search span) { color: var(--spark-orange-text); }
body[data-surface=customer] .catalog-filters select { border-color: #d4d4d4; color: #666; border-radius: 8px; }
body[data-surface=customer] :is(.catalog-toolbar,.order-history-search) { background: var(--spark-surface); border-radius: 8px; }
body[data-surface=customer] :is(.order-status-tabs button.selected,.section-tabs a.selected) { color: var(--spark-orange-text); border-color: var(--spark-orange); }
body[data-surface=customer] .exchange-product { border-color: var(--line); border-radius: 10px; }
body[data-surface=customer] .exchange-product:hover { box-shadow: 0 8px 20px #00000009; }
body[data-surface=customer] .product-art:not(.gold-art) { background: var(--spark-surface); border-color: var(--line); }
body[data-surface=customer] .product-art:not(.gold-art):after { border-color: #00000005; box-shadow: 0 0 0 20px #00000002; }
body[data-surface=customer] :is(.product-category,.destination-code,.pair-arrow) { color: #777; }
body[data-surface=customer] :is(.product-send,.product-meta,.product-meta strong,.product-reference,.product-caption,.normal-heading>span,.catalog-result-count,.filter-note p) { color: var(--muted); }
body[data-surface=customer] .panel>.order-facts { background: var(--spark-surface); }
body[data-surface=customer] .order-facts>div>span { color: var(--spark-orange-text); }
body[data-surface=customer] #conversion-dialog .review-pair { color: var(--spark-orange-text); }

/* Profile, notifications and withdrawals share the quiet surfaces and outline
   controls, with existing credit/debit and approval colours preserved. */
body[data-surface=customer] :is(.profile-security,.profile-menu,.profile-card) { border-color: var(--line); border-radius: 12px; }
body[data-surface=customer] .profile-page-heading h1 { font-weight: 400; }
body[data-surface=customer] .profile-security svg { color: var(--spark-orange-text); }
body[data-surface=customer] :is(.profile-page-heading p:not(.eyebrow),.profile-security span,.profile-menu small,.profile-card-title p,.profile-card dt,.profile-stats span,.profile-empty p) { color: var(--muted); }
body[data-surface=customer] .profile-capital { border-radius: 12px; }
body[data-surface=customer] .profile-capital>strong { font-weight: 400; }
body[data-surface=customer] .profile-capital-actions a { color: var(--ink) !important; }
body[data-surface=customer] .profile-menu :is(a,button) { color: #555 !important; border-radius: 8px !important; }
body[data-surface=customer] .profile-menu :is(a,button):hover { background: var(--spark-surface) !important; }
body[data-surface=customer] .profile-menu [aria-current=page] { background: var(--spark-soft) !important; color: var(--spark-orange-text) !important; }
body[data-surface=customer] .profile-card-title>span { background: var(--spark-soft); color: var(--spark-orange-text); border-radius: 8px; }
body[data-surface=customer] .profile-card-title h2 { font-weight: 400 !important; }
body[data-surface=customer] .profile-stats>div { border-color: var(--line); border-bottom-color: var(--spark-orange); border-radius: 8px; }
body[data-surface=customer] .profile-stats>div:nth-child(2) { border-bottom-color: #72998a; }
body[data-surface=customer] .profile-stats>div:nth-child(3) { border-bottom-color: #8a8a8a; }
body[data-surface=customer] .profile-quick :is(a,button) { border-radius: 999px !important; }
body[data-surface=customer] .profile-fine { color: var(--muted) !important; }
body[data-surface=customer] :is(.profile-empty>svg,.profile-notification-count) { color: var(--spark-orange-text); }
body[data-surface=customer] .customer-account .notification-button { color: #666 !important; }
body[data-surface=customer] .customer-account .notification-button:is(:hover,[aria-expanded=true]) { background: var(--spark-soft) !important; color: var(--spark-orange-text) !important; }
body[data-surface=customer] .notification-count { background: var(--spark-orange); }
body[data-surface=customer] .notification-popover { border-color: var(--line); border-radius: 12px; box-shadow: 0 16px 50px #00000014; }
body[data-surface=customer] :is(.notification-heading,.notification-section-label,.notification-footer) { border-color: var(--line); }
body[data-surface=customer] :is(.notification-support,.notification-order):hover { background: var(--spark-surface) !important; }
body[data-surface=customer] :is(.notification-small-icon,.notification-order-mark) { background: var(--spark-soft); color: var(--spark-orange-text); border-radius: 8px; }
body[data-surface=customer] .notification-footer { color: var(--spark-orange-text) !important; background: #fafafa; }
body[data-surface=customer] :is(.notification-body small,.notification-section-label,.notification-empty) { color: var(--muted); }
body[data-surface=customer] .withdrawal-notice { background: var(--spark-surface); border-color: var(--line); border-radius: 10px; color: #666; }
body[data-surface=customer] :is(.withdrawal-summary,.withdrawal-record) { border-color: var(--line); }
body[data-surface=customer] :is(.withdrawal-summary span,.withdrawal-request p,.withdrawal-record small,.withdrawal-reference) { color: var(--muted); }
body[data-surface=customer] .withdrawal-summary strong { font-weight: 400; }

/* Support remains the same conversation and retains its sender distinction. */
body[data-surface=customer] :is(.support-widget,.customer-chat-panel) { border-color: var(--line); border-radius: 12px; color: var(--ink); box-shadow: 0 16px 48px #00000012; }
body[data-surface=customer] .support-widget-heading { background: var(--spark-charcoal); }
body[data-surface=customer] .support-widget-heading h2 { color: #fff; font-weight: 400; }
body[data-surface=customer] .support-widget-heading p { color: #eee; }
body[data-surface=customer] .support-chat-body { background: var(--spark-surface); }
body[data-surface=customer] .customer-chat-topics { border-color: var(--line); }
body[data-surface=customer] .customer-chat-topics button { border-color: #d4d4d4; background: #fff; color: #444; }
body[data-surface=customer] .customer-chat-topics button:hover { background: var(--spark-soft); border-color: #ffdac9; }
body[data-surface=customer] .support-message { background: #fff; border-color: var(--line); color: var(--ink); box-shadow: none; }
body[data-surface=customer] .support-message.support-own { background: var(--spark-soft); border-color: #ffdac9; color: #4f2a19; }
body[data-surface=customer] .support-message.support-own time { color: #906047; }
body[data-surface=customer] .support-message-meta time { color: #777; }
body[data-surface=customer] :is(.support-empty,.support-compose-actions small) { color: var(--muted); }
body[data-surface=customer] :is(.support-empty strong,.support-empty h2,.support-composer label) { color: var(--ink); }
body[data-surface=customer] .support-composer { border-color: var(--line); }
body[data-surface=customer] .support-composer textarea { color: var(--ink); border-color: #d4d4d4; border-radius: 8px; }
body[data-surface=customer] .support-composer textarea:focus { outline-color: var(--spark-orange); }
body[data-surface=customer] .customer-chat-panel .support-send { background: var(--spark-orange); border-radius: 999px; }
body[data-surface=customer] .customer-chat-panel .support-send:hover:not(:disabled) { background: var(--spark-orange-hover); }
body[data-surface=customer] :is(.support-older,.support-latest) { border-color: #d4d4d4; color: var(--spark-orange-text); }
body[data-surface=customer] .support-launcher { background: var(--spark-orange); box-shadow: 0 8px 25px #00000015; }
body[data-surface=customer] .support-launcher-badge { background: var(--spark-charcoal); }

/* Surrounding market controls change palette; embedded data and charts keep
   their native rendering and behaviours. */
body[data-surface=customer] :is(.currency-ticker,.market-provider,.market-ranges) { background: var(--spark-surface); border-color: var(--line); }
body[data-surface=customer] :is(.rate-caption,.rate-pill>strong,.rate-caption>span,.rate-pill) { color: #666; }
body[data-surface=customer] .rate-pill { background: #fff; border-color: var(--line); }
body[data-surface=customer] .rate-toggle { color: var(--spark-orange-text); border-color: #d4d4d4; }
body[data-surface=customer] .rate-toggle:hover { background: var(--spark-soft); }
body[data-surface=customer] .market-heading h2 { font-weight: 400; }
body[data-surface=customer] .market-provider>span:first-child { background: var(--spark-orange); }
body[data-surface=customer] .market-toolbar select { border-color: #d4d4d4 !important; }
body[data-surface=customer] .market-ranges button[aria-pressed=true] { color: var(--spark-orange-text) !important; box-shadow: 0 1px 5px #0000000a !important; }
body[data-surface=customer] .market-icon { border-color: #d4d4d4 !important; }
body[data-surface=customer] .market-spinner { border-color: #ffdccb; border-top-color: var(--spark-orange); }
body[data-surface=customer] .market-footer a:hover { color: var(--spark-orange-text) !important; }
body[data-surface=customer] .trends-map-card { border-radius: 12px; }
body[data-surface=customer] .trends-kicker { color: #666; font-weight: 400; }
body[data-surface=customer] .trends-interactive { background: var(--spark-soft); border-color: #ffdac9; color: var(--spark-orange-text); }
body[data-surface=customer] .trends-interactive>span { background: var(--spark-orange); }
body[data-surface=customer] :is(.trends-map-foot a,.trends-reading a,.trends-reading article>span) { color: var(--spark-orange-text); }
body[data-surface=customer] .trends-reading article { border-radius: 10px; background: var(--spark-surface); }

@media (max-width: 780px) {
  body[data-surface=customer] h1 { font-size: 34px; letter-spacing: -1px; }
  body[data-surface=customer] .funding-hero :is(h1,#funding-hero-title) { font-size: 42px !important; letter-spacing: -1.25px; }
}
@media (max-width: 580px) {
  body[data-surface=customer] h1 { font-size: 31px; }
  body[data-surface=customer] .funding-hero :is(h1,#funding-hero-title) { font-size: 36px !important; letter-spacing: -1px; }
  body[data-surface=customer] .funding-hero>p:not(.eyebrow) { font-size: 13px; }
  body[data-surface=customer] :is(.batch-section-heading h2,.funding-form h2,.funding-guide>h2,.withdrawals-page h2) { font-size: 25px; }
}

/* Stacked customer brand mark. */
body[data-surface=customer] .customer-sidebar .workspace-brand{margin-bottom:26px}
body[data-surface=customer] .workspace-brand img[src="/assets/currencycloud-logo.svg"]{width:104px;height:auto;object-fit:contain;display:block}
@media(max-width:780px){body[data-surface=customer] .customer-sidebar .workspace-brand{margin-bottom:20px}body[data-surface=customer] .workspace-brand img[src="/assets/currencycloud-logo.svg"]{width:85px}}

/* Customer-owned profile pictures. */
body[data-surface=customer] .customer-account .avatar{overflow:hidden;background:#fff;border-color:#e6e2df;flex-shrink:0;padding:0}
body[data-surface=customer] .profile-photo-image{width:100%;height:100%;object-fit:cover;display:block}
body[data-surface=customer] .profile-photo-image.is-default{object-fit:contain;padding:3px;background:white}
body[data-surface=customer] .profile-photo-card{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:22px 26px}
body[data-surface=customer] .profile-photo-preview{width:84px;height:84px;flex:0 0 84px;border-radius:50%;border:1px solid #e9e2dd;object-fit:cover;background:white}
body[data-surface=customer] .profile-photo-preview.is-default{object-fit:contain;padding:9px}
body[data-surface=customer] .profile-photo-details{flex:1;min-width:0}
body[data-surface=customer] .profile-photo-details h2{font-size:18px;margin:0 0 5px}
body[data-surface=customer] .profile-photo-details>p{font-size:12px;color:#666;margin-bottom:14px}
body[data-surface=customer] .profile-photo-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body[data-surface=customer] .profile-photo-actions :is(button,.profile-photo-choose){min-height:36px;font-size:12px;padding:8px 16px}
body[data-surface=customer] .profile-photo-choose{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
body[data-surface=customer] .profile-photo-choose input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
body[data-surface=customer] .profile-photo-choose:focus-within{outline:2px solid #ff5000;outline-offset:3px}
body[data-surface=customer] .profile-photo-choose:has(input:disabled){opacity:.55;cursor:wait}
body[data-surface=customer] .profile-photo-help{font-size:11px;color:#777;margin:10px 0 0}
body[data-surface=customer] .profile-photo-status{font-size:12px;color:#426d50;margin-top:8px}
body[data-surface=customer] .profile-photo-status:empty{display:none}
body[data-surface=customer] .profile-photo-error{margin:10px 0 0}
body[data-surface=customer] dialog.profile-photo-dialog{max-width:560px;padding:44px 26px 26px;border:1px solid #e6e2df;box-shadow:0 24px 80px #0003}
body[data-surface=customer] .profile-photo-dialog .profile-photo-card{margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
body[data-surface=customer] .profile-photo-close{position:absolute;inset:10px 12px auto auto;width:32px;height:32px;border:0;border-radius:50%;background:#f4f4f4;color:#444;font-size:24px;line-height:1}
@media(max-width:580px){body[data-surface=customer] .profile-photo-card{padding:20px;gap:16px;align-items:flex-start;flex-wrap:wrap}body[data-surface=customer] .profile-photo-preview{width:68px;height:68px;flex-basis:68px}body[data-surface=customer] .profile-photo-details{flex-basis:190px}body[data-surface=customer] .profile-photo-actions{gap:8px}}

/* Low available balances remain visible alongside selectable orders. */
body[data-surface=customer] .batch-wallet-summary>div:first-child strong.balance-insufficient,body[data-surface=customer] .batch-totals dd.balance-insufficient{color:#bd252f}
body[data-surface=customer] .balance-insufficient-label{display:block;color:#bd252f;font-size:12px;line-height:1.4}
body[data-surface=customer] .funding-account-strip .balance-insufficient{color:#ff9797}
body[data-surface=customer] .funding-account-strip .balance-insufficient-label{color:#ffb3b3;margin-top:5px;font-size:11px}

body[data-surface=customer] .batch-wallet-summary .balance-next-step{max-width:30em;font-size:12px;line-height:1.6;color:var(--muted)}

body[data-surface=customer] .funding-brand-logo{display:block;width:104px;height:68px;object-fit:contain;padding:6px;background:#fff;border-radius:10px;margin:0 0 18px;flex-shrink:0}

body[data-surface=customer] .funding-batch-progress strong small{font-size:13px;color:#e4e4e4}
body[data-surface=customer] .funding-batch-progress progress{display:block;width:100%;height:6px;accent-color:var(--spark-orange);border:0;border-radius:8px;overflow:hidden;margin-top:12px;background:#ffffff38}
body[data-surface=customer] .funding-batch-progress progress::-webkit-progress-bar{background:#ffffff38}
body[data-surface=customer] .funding-batch-progress progress::-webkit-progress-value{background:var(--spark-orange)}
body[data-surface=customer] .funding-batch-progress progress::-moz-progress-bar{background:var(--spark-orange)}
body[data-surface=customer] .batch-wallet-summary-home{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
@media(max-width:650px){body[data-surface=customer] .batch-wallet-summary-home{grid-template-columns:1fr}body[data-surface=customer] .batch-wallet-summary-home>div+div{border-inline-start:0;border-top:1px solid #dedede;padding-inline-start:0;padding-top:18px}}