/* NUMERA 55: customer workspace theme, including wallet and Pay & Go.
   Deliberate cinematic image tiles retain white-on-dark captions in both modes. */
.numera-mode-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:37px;padding:8px 11px;border-radius:12px;
  border:1px solid #454051;background:#211e2d;color:#f4f0fa;
  font:700 11px/1 system-ui;cursor:pointer;white-space:nowrap;
  transition:background .15s,border-color .15s;
}
.numera-mode-toggle:hover{background:#312a40;border-color:#8e79af}
.numera-mode-toggle:focus-visible{outline:2px solid #a58ac9;outline-offset:2px}
.numera-mode-toggle svg{height:17px;width:17px;flex:none}
.numera-mode-toggle .numera-mode-sun{display:none}
.numera-mode-mobile{display:none}
:root[data-resolved-theme="light"] .numera-mode-toggle .numera-mode-sun{display:block}
:root[data-resolved-theme="light"] .numera-mode-toggle .numera-mode-moon{display:none}
:root[data-resolved-theme="light"] .numera-mode-toggle{background:#fff;color:#283247;border-color:#c9d1df}
:root[data-resolved-theme="light"] .numera-mode-toggle:hover{background:#eef1f8;border-color:#9883b3}
@media(max-width:850px){
 .numera-shell .numera-sidebar{position:relative}
 .numera-mode-desktop{display:none}
 .numera-mode-mobile{display:inline-flex;position:absolute;right:15px;top:15px;z-index:2;max-width:103px}
 .numera-shell .numera-brand-button{margin-right:112px!important;max-width:calc(100% - 115px)}
}
@media(max-width:370px){
 .numera-mode-mobile{padding:8px}
 .numera-mode-mobile [data-appearance-next]{display:none}
 .numera-shell .numera-brand-button{margin-right:48px!important;max-width:calc(100% - 50px)}
}

/* Light theme is explicit, or resolved from the customer's System setting. */
:root[data-resolved-theme="light"] body:has(.numera-shell),
:root[data-resolved-theme="light"] body:has(.numera-shell):before{
 background:#f4f5f9!important;color:#1d2333!important;
}
:root[data-resolved-theme="light"] .numera-shell{
 color-scheme:light;
 --surface:#fff;--surface-soft:#f8f9fc;--surface-2:#edf0f6;
 --header-surface:#fff;--border:#d8dce8;--border-strong:#a8b0c0;
 --text:#212738;--muted:#657083;--text-secondary:#3b465c;
 --surface-shadow:none;--strong-shadow:none;
 background:#f4f5f9!important;color:#212738!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-main{background:#f4f5f9!important;color:#212738}
:root[data-resolved-theme="light"] .numera-shell .numera-sidebar{
 background:#fff!important;border-color:#dce1e9!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-topbar{
 background:#fff!important;border-bottom:1px solid #dce1e9!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-brand-button{color:#22283b!important}
:root[data-resolved-theme="light"] .numera-shell .numera-primary-nav .numera-nav-item{
 color:#50586d!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-primary-nav .numera-nav-item:hover:not(.active){
 background:#f1edf8!important;color:#382752!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-primary-nav .numera-nav-item.active,
:root[data-resolved-theme="light"] .numera-shell .numera-bottom-tabs .numera-nav-item.active{
 background:#ede7f6!important;border:1px solid #d3c4e8!important;color:#4b326b!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-primary-nav .numera-nav-item.active em,
:root[data-resolved-theme="light"] .numera-shell .numera-bottom-tabs .numera-nav-item.active em{
 color:#4b326b!important;-webkit-text-fill-color:#4b326b!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-bottom-tabs{
 background:#fff!important;border-top:1px solid #dce1e9!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-bottom-tabs .numera-nav-item{color:#525a70}
:root[data-resolved-theme="light"] .numera-shell .numera-47-search{
 background:#f5f6f9!important;color:#606d80;border-color:#d5dbe6;
}
:root[data-resolved-theme="light"] .numera-shell .numera-47-search:focus-within{
 background:#fff!important;border-color:#8464aa;
}
:root[data-resolved-theme="light"] .numera-shell .numera-47-search input{
 color:#242c3c!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-47-search input::placeholder{color:#657185}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-icon-button,.numera-avatar,
 .numera-button:not(.numera-button-primary),.numera-support-button,.numera-support-mobile,
 .numera-setting-actions button,.numera-payment-actions button){
 background:#fff!important;border-color:#cbd1dc!important;color:#31374d!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-51-top-balance{
 background:#f6f2fb!important;border-color:#d6c9e4;color:#2d2441;
}
:root[data-resolved-theme="light"] .numera-shell .numera-51-top-balance small{color:#697181}
:root[data-resolved-theme="light"] .numera-shell .numera-51-top-balance strong{color:#222638}
:root[data-resolved-theme="light"] .numera-shell .numera-51-top-balance-icon{
 background:#ebe2f6;color:#56347c;
}
/* Shared panels and shopping cards. */
:root[data-resolved-theme="light"] .numera-shell :is(
 .numera-card,.numera-service-card,.numera-account-tile,.numera-account-row,
 .numera-profile-settings-group,.numera-46-stat,.numera-46-wallet-history,
 .numera-46-number-catalogue,.numera-46-assigned,.numera-payg-country-section,
 .numera-payg-country,.numera-country-option,.numera-plan-row,
 .numera-dashboard-panel,.numera-dashboard-footer,.numera-dashboard-metrics>.numera-stat,
 .numera-51-metric,.numera-49-deposit,.numera-50-profile-hero,.numera-50-market-summary,
 .numera-50-profile-layout .numera-profile-primary>.numera-card,
 .numera-50-profile-layout .numera-profile-settings-group,.numera-50-account-identifiers,
 .numera-50-market-facts>div,.numera-49-amount-input,
 .numera-51-profile-wallet,.numera-51-btc-header,.numera-51-btc-plan,
 .numera-51-btc-payment,.numera-51-btc-checks,.numera-49-provider,
 .numera-account-links a,.numera-account-identifiers
 ){
 background:#fff!important;border-color:#d8dce8!important;color:#252c3f!important;
 box-shadow:0 3px 14px rgba(24,31,57,.035)!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-46-wallet-hero,.numera-49-wallet .numera-46-wallet-hero){
 background:#f2eefa!important;border-color:#d6c8e5!important;color:#26223b!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-page-head h1,.numera-section-heading h2,
 .numera-card h2,.numera-card h3,.numera-49-deposit h2,
 .numera-50-profile-intro h2,.numera-50-market-summary strong,.numera-50-market-facts strong,
 .numera-51-metric strong,.numera-51-profile-wallet strong,
 .numera-51-btc-header strong,.numera-51-btc-plan strong,.numera-51-btc-plan>span,
 .numera-51-btc-payment strong,.numera-46-wallet-hero h2,.numera-46-assigned h2){
 color:#24283b!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-muted,.numera-page-head p,
 .numera-card p,.numera-dashboard-empty,.numera-49-deposit-header p,.numera-49-deposit-unavailable,
 .numera-49-wallet .numera-46-wallet-hero p,.numera-49-wallet .numera-46-wallet-hero span,
 .numera-50-profile-intro>p:last-child,.numera-50-market-summary small,
 .numera-50-market-facts small,.numera-51-metric small,.numera-51-metric>span,
 .numera-51-profile-wallet small,.numera-51-profile-wallet span,
 .numera-51-btc-header small,.numera-51-btc-plan small,.numera-51-btc-payment small,
 .numera-51-btc-payment span,.numera-51-btc-note,.numera-49-provider,
 .numera-46-wallet-order small,.numera-46-wallet-empty,.numera-46-catalogue-price){
 color:#59667e!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-eyebrow{color:#6d5486!important}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-51-metric i,.numera-51-destination-caption>span:last-child){
 color:#735394!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-51-destination-caption,.numera-payg-country-heading){
 background:#f0f2f7!important;color:#262b3d!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-51-destination-caption strong{color:#292f40!important}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-49-deposit-presets button,
 .numera-49-amount-input,.numera-50-profile-photo-form input::file-selector-button,
 .numera-53-invoice-code button){
 background:#f5f3f9!important;color:#322942!important;border-color:#cfc6dc!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-49-deposit-presets button.selected{
 background:#e8dff3!important;border-color:#8766a8!important;color:#473062!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(input,textarea,select){
 background:#fff!important;color:#222b3a!important;border-color:#bac5d5!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-form input,.numera-form textarea,
 .numera-form select,.numera-50-profile-layout #profile-form input,
 .numera-50-profile-layout #profile-form select,.numera-49-amount-input input){
 background:#fff!important;color:#273248!important;border-color:#bcc4d2!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-form label,
 .numera-50-profile-layout #profile-form>label,.numera-49-deposit-form label,
 .numera-50-profile-photo-form label,.numera-51-btc-checks label,
 .numera-51-btc-checks legend){
 color:#3d4660!important;
}
:root[data-resolved-theme="light"] .numera-shell :is(.numera-50-market-summary>button,
 .numera-49-deposit-right>a,.numera-53-invoice-code code){
 color:#5b3a86!important;
}
:root[data-resolved-theme="light"] .numera-shell .numera-53-invoice-code code{
 background:#f3edfa;border-color:#d9cce6;
}
:root[data-resolved-theme="light"] .numera-shell .numera-51-btc-summary{color:#24283b}
:root[data-resolved-theme="light"] .numera-shell .numera-51-btc-symbol{
 background:#ede5f8;color:#5d3f82;
}
:root[data-resolved-theme="light"] .numera-shell .numera-50-account-identifiers code{
 color:#43405c!important;
}
/* The photograph, NUMERA+ promotional artwork and gradient CTAs are
   deliberately dark in either mode for predictable caption contrast. */
:root[data-resolved-theme="light"] .numera-shell :is(
 .numera-51-hero,.numera-52-product,.numera-51-product,.numera-46-product-card,
 .numera-46-plus-promo,.numera-51-hero-button
 ){color:#fff}
:root[data-resolved-theme="light"] .numera-shell .numera-51-hero .numera-eyebrow{
 color:#e4d5f9!important;
}
@media(prefers-reduced-motion:reduce){.numera-mode-toggle{transition:none}}

/* Wallet-funded checkout confirmation is readable in both appearance modes. */
.numera-wallet-purchase-summary{display:grid;gap:7px;grid-template-columns:1fr auto;
 border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);
 padding:16px;margin:12px 0 17px}
.numera-wallet-purchase-summary strong{font-size:14px;overflow-wrap:anywhere}
.numera-wallet-purchase-summary span{font-size:17px;font-weight:800;white-space:nowrap}
.numera-wallet-purchase-summary small{grid-column:1/-1;color:var(--muted);font-size:11px}
