/* Shared action palette. Loaded last; only controls, navigation and focus states
   are themed. An important cascade layer supersedes legacy component !important
   colors without changing their dimensions, placement or form behavior. */
@layer interactionTheme {
  :root {
    --it-primary: #292521;
    --it-primary-hover: #3d3630;
    --it-on-primary: #ffffff;
    --it-secondary: #f7f4ef;
    --it-secondary-hover: #eee7de;
    --it-ink: #393129;
    --it-border: #cfc4b9;
    --it-selected: #fff1e5;
    --it-selected-ink: #984318;
    --it-selected-border: #bd6a35;
    --it-link: #984318;
    --it-focus: #b84c14;
    --it-disabled: #eae4dd;
    --it-disabled-ink: #74695f;
    --it-danger: #fff0f2;
    --it-danger-hover: #ffe2e7;
    --it-danger-ink: #91283e;
    --it-danger-border: #d8a5af;
    --it-shadow: 0 2px 5px #211b1610, inset 0 1px 0 #ffffff50;
    --it-lift-shadow: 0 6px 16px #211b161b, inset 0 1px 0 #ffffff35;
  }

  html[data-theme=dark], .dark-admin, [data-theme=dark],
  .aw-dialog, .aw-details-dialog, .sales-overview, .fd-hero {
    --it-primary: #eee6dc;
    --it-primary-hover: #fff7ed;
    --it-on-primary: #292521;
    --it-secondary: #302a25;
    --it-secondary-hover: #40372f;
    --it-ink: #f2eae1;
    --it-border: #736356;
    --it-selected: #463126;
    --it-selected-ink: #ffc49a;
    --it-selected-border: #c98c60;
    --it-link: #f3b587;
    --it-focus: #ffb47e;
    --it-disabled: #39322c;
    --it-disabled-ink: #b9ada2;
    --it-danger: #442432;
    --it-danger-hover: #5a2c3b;
    --it-danger-ink: #ffc5d0;
    --it-danger-border: #ac6579;
    --it-shadow: 0 2px 7px #00000018, inset 0 1px 0 #ffffff0a;
    --it-lift-shadow: 0 7px 18px #00000026, inset 0 1px 0 #ffffff10;
  }

  :where(button, [role=button], input[type=button], input[type=submit],
    a.primary, a.secondary, a[class*="-primary"], a[class*="-secondary"],
    a[class*="-button"], a[class~="button"], a[class~="btn"],
    .signup, .login, .google-login, .profile-link, .header-get-started,
    .reference-account>summary, .support-attach-label, .profile-photo-choose,
    .quick-actions>a, .profile-capital-actions>a,
    .customer-sidebar nav a, .admin-sidebar nav a, .admin-route-tabs>a,
    .profile-menu>a, .rc-views>a, .rc-filters>a, .rw-nav>a, .fund-tabs>a,
    .section-tabs>a, .support-filter-tabs>a, .support-workspace-rail>a,
    .workflow-index nav>a, .user-progress-tabs>a) {
    background-color: var(--control-bg, var(--it-secondary)) !important;
    background-image: none !important;
    color: var(--control-ink, var(--it-ink)) !important;
    -webkit-text-fill-color: currentColor !important;
    border-color: var(--control-border, var(--it-border)) !important;
    box-shadow: var(--control-shadow, var(--it-shadow)) !important;
    text-shadow: none !important;
    animation: none !important;
    transition: background-color 180ms ease, border-color 180ms ease,
      color 180ms ease, box-shadow 180ms ease, translate 180ms ease,
      scale 120ms ease !important;
  }

  /* Primary actions retain their existing sizing and shape. */
  :is(button, a, input):is(.primary, .signup, .header-get-started, .quick-primary, .conversion-button,
    .fund-primary, .research-primary, .exchange-dialog-primary, .rc-primary,
    .um-primary, .br-primary, .ol-primary, .op-primary, .tr-primary,
    .bp-primary, .ccpromo-primary, .phone-submit, .aw-approve,
    .fund-list-approve, .support-send, .support-launcher, .chat),
  button[type=submit]:not(.secondary):not([class*="-secondary"]):not(.rc-danger):not(.danger),
  .profile-capital-actions>a:last-child, .support-search button,
  .fd-hero-actions>a, .export-actions>button:first-child,
  .exchange-tier-card[data-tier-state=available] button {
    --control-bg: var(--it-primary) !important;
    --control-hover: var(--it-primary-hover) !important;
    --control-ink: var(--it-on-primary) !important;
    --control-border: var(--it-primary) !important;
    --control-shadow: 0 4px 12px #211b161f, inset 0 1px 0 #ffffff24 !important;
  }

  /* Quiet icon and text actions stay light, with neutral surfaces. */
  :is(button, a):is(.quiet, .text-link, .rc-text-button, .notification-close,
    .rc-close, .ccpromo-close, .support-close, .customer-chat-pin,
    .admin-chat-pin, .avatar, .menu, .admin-menu-button),
  .footer-top button, .customer-sidebar-bottom button,
  #password-visibility, [data-tr-open-settings],
  .language-options button, .platform-panel button,
  .profile-menu :is(a,button), .rc-views>a, .rw-nav>a {
    --control-bg: transparent !important;
    --control-hover: var(--it-selected) !important;
    --control-ink: var(--it-link) !important;
    --control-shadow: none !important;
  }

  /* Restrained orange accents identify the active destination. */
  .customer-sidebar nav a, .admin-sidebar nav a,
  .support-workspace-rail>a, .workflow-index nav>a {
    --control-bg: transparent !important;
    --control-border: transparent !important;
    --control-hover: var(--it-secondary-hover) !important;
    --control-ink: var(--it-ink) !important;
    --control-shadow: none !important;
  }
  :is(button, a, [role=button]):is(.active, .selected, .is-current, .is-selected,
    [aria-current=page], [aria-pressed=true], [aria-selected=true]),
  .fund-tabs>a[aria-current], .rc-views>a[aria-current],
  .rw-nav>a[aria-current], .rp-country-tabs>a[aria-current],
  .customer-sidebar>.sidebar-profile.active {
    --control-bg: var(--it-selected) !important;
    --control-hover: var(--it-secondary-hover) !important;
    --control-ink: var(--it-selected-ink) !important;
    --control-border: var(--it-selected-border) !important;
    --control-shadow: inset 0 0 0 1px var(--it-selected-border) !important;
    background-color: var(--it-selected) !important;
    background-image: none !important;
    color: var(--it-selected-ink) !important;
    border-color: var(--it-selected-border) !important;
    box-shadow: var(--control-shadow) !important;
  }
  :is(.customer-sidebar,.admin-sidebar) nav a.active,
  .support-workspace-rail>a.active {
    --control-bg: var(--it-selected) !important;
    --control-hover: var(--it-secondary-hover) !important;
    --control-ink: var(--it-selected-ink) !important;
    --control-border: transparent !important;
    --control-shadow: inset 3px 0 0 var(--it-focus) !important;
    background-color: var(--it-selected) !important;
    color: var(--it-selected-ink) !important;
    border-color: transparent !important;
    box-shadow: var(--control-shadow) !important;
  }
  [dir=rtl] :is(.customer-sidebar,.admin-sidebar) nav a.active,
  [dir=rtl] .support-workspace-rail>a.active {
    --control-shadow: inset -3px 0 0 var(--it-focus) !important;
  }
  :is(.customer-sidebar,.admin-sidebar) nav a :is(.nav-icon,.reference-nav-icon),
  .workflow-index nav>a>span {
    color: inherit !important;
    background-color: var(--it-secondary) !important;
    background-image: none !important;
    border-color: var(--it-border) !important;
    box-shadow: none !important;
  }
  :is(.customer-sidebar,.admin-sidebar) nav a.active
    :is(.nav-icon,.reference-nav-icon,.reference-nav-text),
  .workflow-index nav>a.is-current>span {
    color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: currentColor !important;
  }

  /* Destructive actions remain distinct and remain separate from ordinary actions. */
  :is(button,a):is(.danger,.rc-danger,.um-danger,.aw-reject,.fund-list-reject,
    .op-danger,.br-danger,[data-action=reject],[data-action=delete],
    [data-review-action=reject],[name=action][value=reject],
    [name=action][value=rejected]) {
    --control-bg: var(--it-danger) !important;
    --control-hover: var(--it-danger-hover) !important;
    --control-ink: var(--it-danger-ink) !important;
    --control-border: var(--it-danger-border) !important;
    --control-shadow: none !important;
  }

  /* Keep text links, badges inside actions and custom account controls coherent. */
  a:is(.text-link,.rw-hero-link,.rc-text-button,.notification-footer),
  .customer-sidebar-bottom>a, .profile-menu :is(a,button) :is(strong,small),
  .customer-sidebar>.sidebar-profile :is(strong,small),
  button :is(svg,[aria-hidden=true]):not(img),
  :is(.primary,.quick-primary,.fund-primary,.rc-primary,.um-primary,.tr-primary,
    .support-send,.signup,.phone-submit) :is(span,strong,b,small) {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }
  a:is(.text-link,.rw-hero-link,.rc-text-button,.notification-footer),
  .customer-sidebar-bottom>a {color:var(--it-link) !important;}
  a.profile-security {
    background: var(--it-secondary) !important;
    border-color: var(--it-border) !important;
    color: var(--it-ink) !important;
    box-shadow: var(--it-shadow) !important;
  }
  a.profile-security :is(strong,small,span,svg) {
    color: inherit !important;
    border-color: var(--it-border) !important;
  }
  a.profile-security .profile-security-emblem,
  button .reference-avatar, .reference-account .reference-avatar {background:var(--it-selected) !important;color:var(--it-selected-ink) !important;border-color:var(--it-selected-border) !important;box-shadow:none !important;}
  a.admin-brand .admin-brand-mark {background:var(--it-primary) !important;color:var(--it-on-primary) !important;border-color:var(--it-primary) !important;box-shadow:var(--it-shadow) !important;}
  .reference-account summary :is(strong,small,svg),
  :is(.profile-link,.header-get-started) :is(span,svg) {color:inherit !important;-webkit-text-fill-color:currentColor !important;}
  .support-widget-heading .support-close {--control-bg:#f7f4ef !important;--control-hover:#fff1e5 !important;--control-ink:#393129 !important;}
  .support-attach-label:focus-within, .profile-photo-choose:focus-within {outline:3px solid var(--it-focus) !important;outline-offset:3px !important;}
  .support-dock-list i {background:var(--it-primary) !important;color:var(--it-on-primary) !important;}
  :is(button,a,[role=button])::before,
  :is(button,a,[role=button])::after {border-color:inherit !important;}

  /* Shared form affordances, including payment enablement and progress sliders. */
  input:is([type=checkbox],[type=radio],[type=range]),progress {
    accent-color: var(--it-focus) !important;
  }
  input[type=range]::-webkit-slider-thumb {background:var(--it-primary) !important;border-color:var(--it-primary) !important;box-shadow:none !important;}
  input[type=range]::-moz-range-thumb {background:var(--it-primary) !important;border-color:var(--it-primary) !important;box-shadow:none !important;}
  :is(button,a,input,select,textarea,summary,[role=button],[tabindex]):focus-visible {
    outline: 3px solid var(--it-focus) !important;
    outline-offset: 3px !important;
    text-shadow: none !important;
  }
  :is(.language-picker,.pm-card,.withdrawal-request,.fund-stepper)
    :is(input,select,textarea):focus {
    border-color: var(--it-focus) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--it-focus) 16%,transparent) !important;
  }

  @media (hover:hover) and (pointer:fine) {
    :where(button,[role=button],input[type=button],input[type=submit],
      a.primary,a.secondary,a[class*="-primary"],a[class*="-secondary"],
      a[class*="-button"],.signup,.login,.google-login,.profile-link,.header-get-started,
      .reference-account>summary,.support-attach-label,.profile-photo-choose,.quick-actions>a,
      .profile-capital-actions>a,.customer-sidebar nav a,.admin-sidebar nav a,
      .rc-views>a,.rc-filters>a,.rw-nav>a,.fund-tabs>a,.profile-menu>a):hover:not(:disabled):not([aria-disabled=true]) {
      background-color:var(--control-hover,var(--it-secondary-hover)) !important;
      background-image:none !important;
      color:var(--control-ink,var(--it-ink)) !important;
      box-shadow:var(--control-shadow,var(--it-lift-shadow)) !important;
      translate:0 -1px;
    }
    :where(.text-link,.rw-hero-link,.rc-text-button):hover {color:var(--it-link) !important;}
  }
  :where(button,[role=button],input[type=button],input[type=submit],
    a.primary,a.secondary,a[class*="-primary"],a[class*="-secondary"],
    a[class*="-button"],.signup,.login,.profile-link,.header-get-started,.reference-account>summary,.quick-actions>a):active:not(:disabled):not([aria-disabled=true]) {
    translate:0 0;
    scale:.985;
  }

  :is(button,input,[role=button],a):is(:disabled,[aria-disabled=true],.disabled) {
    background-color:var(--it-disabled) !important;
    background-image:none !important;
    color:var(--it-disabled-ink) !important;
    -webkit-text-fill-color:currentColor !important;
    border-color:var(--it-border) !important;
    box-shadow:none !important;
    opacity:1 !important;
    cursor:not-allowed !important;
    translate:0 0;
    scale:1;
    animation:none !important;
  }
  :is(button,a):is(:disabled,[aria-disabled=true]) :is(span,small,strong,svg) {color:inherit !important;}

  /* Full-screen dismissal layers are not visible action buttons. */
  button:is(.admin-scrim,.menu-scrim,.sidebar-scrim) {
    background:#211d1966 !important;box-shadow:none !important;border-color:transparent !important;
    translate:none !important;scale:none !important;
  }

  @media (prefers-reduced-motion:reduce) {
    :is(button,a,input,[role=button]),
    :is(button,a,input,[role=button])::before,
    :is(button,a,input,[role=button])::after {
      transition:none !important;
      animation:none !important;
      translate:none !important;
      scale:none !important;
    }
    .button-feedback-splash {display:none !important;}
  }
}

/* Customer-requested orange confirmation actions, scoped to conversion cards. */
@layer interactionTheme {
 html:root body[data-surface=customer] .exchange-conversion-card button.primary[data-batch-product]:not(:disabled){
  background-color:#f45b0a!important;background-image:linear-gradient(180deg,#ff913d 0%,#ff6b17 45%,#ed5005 100%)!important;
  border-color:#ef6b23!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff70,0 4px 10px #e85a0026!important;
 }
 html:root body[data-surface=customer] .exchange-conversion-card button.primary[data-batch-product]:not(:disabled):hover{
  background-image:linear-gradient(180deg,#ffa34e,#ff7928 45%,#ef5b0c)!important;
 }
}
/* Keep the existing card contents with tighter vertical spacing. */
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-card-head{padding:11px 12px 0}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-card-body{padding:0 12px 11px;gap:0}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta{padding:7px 8px;margin:4px 0 6px}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta>div{margin:0 0 4px}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta>div:last-child{margin-bottom:0}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dt{line-height:1.25}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dd{line-height:1.25;margin-top:0}
body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-net-earnings{padding-top:7px;margin-bottom:3px}
body[data-surface=customer] .exchange-studio .exchange-conversion-card button.primary{margin-top:6px}

/* Top Tier follows the normal catalogue's card sizing and breakpoints. */
body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body[data-surface=customer] .exchange-studio :is(.exchange-tier-card,.exchange-conversion-card){min-height:380px;box-sizing:border-box}
body[data-surface=customer] .exchange-studio .exchange-tier-card{padding:14px 12px;border-radius:16px}
body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-pair{display:flex}
body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-pair strong{font-size:16px}
body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-value{font-size:22px;overflow-wrap:anywhere}
body[data-surface=customer] .exchange-studio .exchange-tier-card dl>div{display:flex;flex-wrap:wrap;gap:4px 8px}
body[data-surface=customer] .exchange-studio .exchange-tier-card dd{white-space:normal;margin:0}
@media(min-width:1650px){body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:1fr}}
body[data-surface=customer] .exchange-studio .exchange-tier-grid{gap:15px!important}

/* Reference-led Top Tier presentation, contained within its own section. */
html:root body[data-surface=customer] .exchange-studio .exchange-tier-section{padding:24px 22px;border:1px solid #eadce1;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#ffeaf2b0,transparent 60%),#fffcfd;overflow:hidden}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(3,minmax(0,180px));gap:14px!important}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card{position:relative;isolation:isolate;overflow:hidden;min-height:338px;padding:15px 14px;border-radius:13px;border:1px solid #663442;background:radial-gradient(ellipse at 90% 10%,#6b203f90,transparent 65%),linear-gradient(150deg,#342b2f,#1e2020 75%);color:#fff;box-shadow:0 10px 20px #36202c15}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 10%,#ffffff12 28%,transparent 42%);pointer-events:none}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card:after{content:'';position:absolute;width:180px;height:260px;left:-140px;bottom:-105px;border:2px solid #c5617f28;box-shadow:0 0 0 14px #b5527410;border-radius:50%;transform:rotate(-30deg);z-index:-1;pointer-events:none}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-eyebrow{color:#f494b3;font-size:8px;letter-spacing:.8px;margin-bottom:16px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-pair strong{font-size:23px;letter-spacing:-1px;color:white}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .currency-icon{width:22px;height:22px;flex-basis:22px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-status{color:#ddd0d5;background:#ffffff10;border-color:#ffffff16;font-size:9px;padding:5px 7px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-value{font-size:21px;color:#fff;margin-top:23px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .exchange-card-caption{font-size:10px;color:#c2b7bc}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card dl{border-color:#ffffff16;margin:18px 0}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card dl>div{font-size:10px;display:flex;flex-wrap:nowrap;margin-bottom:7px;gap:5px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card dt{color:#bfb2b8}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card dd{color:white;font-size:10px}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card .batch-footnote{color:#d3bec7;font-size:10px}
@layer interactionTheme{html:root body[data-surface=customer] .exchange-studio .exchange-tier-card button:disabled{background-color:#ffffff20!important;color:#b9adb3!important;border-color:#ffffff08!important;box-shadow:none!important}}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-tier-section{background:radial-gradient(ellipse at 100% 0,#61253d25,transparent 60%),#211f21;border-color:#4b343e}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-tier-card{background:radial-gradient(ellipse at 90% 10%,#6b203f90,transparent 65%),linear-gradient(150deg,#342b2f,#1e2020 75%)!important;border-color:#663442!important}
@media(max-width:650px){html:root body[data-surface=customer] .exchange-studio .exchange-tier-grid{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto;padding-bottom:8px}html:root body[data-surface=customer] .exchange-studio .exchange-tier-section{padding:20px 14px}}

/* Orange outlines requested for the customer rewards workspace. */
html:root body[data-surface=customer] .reward-claims-page.rw-premium{--rc-border:#f39c57;--rc-accent:#ec691d}
html:root body[data-surface=customer] .rw-premium :is(.rw-hero,.rw-stat,.rw-stat-icon,.rw-navigation,.rw-benefit-card,.rw-benefit-bottom,.rw-journey,.rw-empty,.rw-reward-note,.rc-panel,.rp-offer-card,.rp-day,.rp-progress,.rw-signin-history,.rw-signin-history article){border-color:#f39c57!important}
html:root body[data-surface=customer] .rw-premium :is(.rw-hero,.rw-stat,.rw-journey,.rw-empty){box-shadow:inset 0 1px 0 #ffd4a866,0 0 0 1px #ff9b3c0c,0 4px 16px #f47b1710}
html:root body[data-surface=customer] .rw-premium .rw-hero:after{border-color:#f3a45a55}
@layer interactionTheme{html:root body[data-surface=customer] .rw-premium :is(.rc-button,.rc-filters a,.rw-navigation a){border-color:#ed9349!important}}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card{background:radial-gradient(ellipse at 90% 10%,#6b203f90,transparent 65%),linear-gradient(150deg,#342b2f,#1e2020 75%)!important;border-color:#663442!important;color:#fff!important}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card :is(.exchange-card-pair strong,.exchange-card-value,dd){color:#fff!important}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card :is(.exchange-card-caption,dt){color:#c2b7bc!important}

@layer interactionTheme {
html:root body[data-surface=customer] .rw-premium button.rw-present,
html:root body[data-surface=customer] .rw-premium button.rw-present:hover,
html:root body[data-surface=customer] .rw-premium button.rw-present:disabled{background:transparent!important;border-color:transparent!important;box-shadow:none!important;opacity:1!important;filter:none!important}
}

@layer interactionTheme {
html:root body[data-surface=customer] .fund-adjustment .fund-action-copy>button.fund-primary{background:linear-gradient(180deg,#ffbd73 0%,#ffa04a 48%,#ff8b2e 100%)!important;color:#542507!important;border:1px solid #ee913e!important;box-shadow:inset 0 1px 0 #ffe6bf,0 7px 17px #f78b342b!important}
html:root body[data-surface=customer] .fund-adjustment .fund-action-copy>button.fund-primary:hover{background:linear-gradient(180deg,#ffcb8a,#ffae60 48%,#ff983e)!important;box-shadow:inset 0 1px 0 #fff0d7,0 9px 22px #f78b3438!important}
}

/* Profile outlines and readable menu headings. */
html:root body[data-surface=customer] .profile-dashboard :is(.profile-card,.profile-menu,.profile-capital,.profile-verification-card){border:1px solid #f59a48!important;box-shadow:0 0 0 1px #ffa44d12,inset 0 1px 0 #ffbd7024,0 6px 22px #f78b160a!important}
html[data-theme=dark] body[data-surface=customer] .profile-dashboard .profile-menu :is(button,a) strong{color:#fff!important}
html:root body[data-surface=customer] .profile-dashboard :is(.profile-stats,.profile-basic dl>div,.profile-preferences dl>div){border-color:#ef994777!important}
@layer interactionTheme {
html:root body[data-surface=customer] .profile-dashboard .profile-menu>:is(button,a){border:1px solid #ef943c80!important;box-shadow:inset 0 1px 0 #ffbc6a12!important;margin-bottom:5px}
html:root body[data-surface=customer] .profile-dashboard .profile-menu>:is(button,a):hover,
html:root body[data-surface=customer] .profile-dashboard .profile-menu>[aria-current=page]{border-color:#ffa244!important;box-shadow:0 0 12px #ff96251c,inset 0 1px 0 #ffc77833!important}
html[data-theme=dark] body[data-surface=customer] .profile-dashboard .profile-menu :is(button,a) strong{color:#fff!important}
html:root body[data-surface=customer] .profile-dashboard :is(.profile-capital-actions a,.profile-quick-actions a){border-color:#ee9548!important}
}

@layer interactionTheme {
html:not([data-theme=dark]) body[data-surface=customer] .profile-dashboard .profile-menu :is(button,a) strong{color:#171717!important}
html:not([data-theme=dark]) body[data-surface=customer] .profile-dashboard .profile-menu :is(button,a) small{color:#c34a06!important}
}

/* Orange Top Tier finish, with a continuous travelling highlight. */
html:root body[data-surface=customer] .exchange-studio .exchange-tier-section{background:radial-gradient(ellipse at 95% 0,#ffe1b799,transparent 65%),#fffaf3!important;border-color:#f0b478!important}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card{background:radial-gradient(ellipse at 100% 0,#ffc36a99,transparent 60%),linear-gradient(150deg,#ee7c24,#b5440c 65%,#843007)!important;border-color:#ffa853!important;box-shadow:inset 0 1px 0 #ffdda78c,0 10px 22px #c5652225!important}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card::before{content:'';position:absolute;inset:-50%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 37%,#ffe7ba15 43%,#fff7d56b 49%,#ffd49725 55%,transparent 63%);animation:tier-orange-shine 6s ease-in-out infinite;transform:translateX(-70%)}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card:nth-child(2)::before{animation-delay:1s}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card:nth-child(3)::before{animation-delay:2s}
html:root body[data-surface=customer] .exchange-studio .exchange-tier-card :is(.exchange-card-caption,dt,.exchange-tier-eyebrow){color:#fff0d8!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-tier-section{background:radial-gradient(ellipse at 95% 0,#97501730,transparent 65%),#28221c!important;border-color:#985622!important}
@keyframes tier-orange-shine{0%,10%{transform:translateX(-70%);opacity:0}23%{opacity:1}70%,100%{transform:translateX(70%);opacity:0}}
@media(prefers-reduced-motion:reduce){html:root body[data-surface=customer] .exchange-studio .exchange-tier-card::before{animation:none;transform:none;opacity:.2}}