/* Appearance applies only to merchant documents that load theme.js.
   Widget documents deliberately do not load this file or theme.js. */
.auth-story h1 [data-i18n-key]{display:inline}
.auth-story h1{font-size:clamp(40px,4.2vw,66px)}
/* Keep the number and its sentence in separate columns at every width. */
.merchant-flow-step{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:8px;align-items:start;line-height:1.65}
.merchant-flow-step>.merchant-flow-number{margin:0;font-variant-numeric:tabular-nums}
.merchant-flow-copy{min-width:0;overflow-wrap:break-word}
html[data-xpayz-theme=light] body{background:radial-gradient(ellipse at 8% 0,#e8e1ef80,transparent 48%),radial-gradient(ellipse at 100% 22%,#dcecf180,transparent 50%),#f5f6f8!important;color:#202536}
html[data-xpayz-theme=light] body>aside{background:#fafbfded;color:#202536;border-color:#dce1e8;box-shadow:4px 0 25px #24364b05}
html[data-xpayz-theme=light] .brand{color:#202536}
html[data-xpayz-theme=light] .brand small{color:#667187}
/* Recolor only the merchant logo: neutral lettering becomes black while the
   supplied green Z and transparent artwork remain. Saved icons stay separate. */
html[data-xpayz-theme=light] .xz-logo-frame{background:transparent!important;border-radius:0!important;outline:0;box-shadow:none}
html[data-xpayz-theme=light] .xz-logo-frame img{-webkit-filter:url(#xz-logo-light)!important;filter:url(#xz-logo-light)!important}
html[data-xpayz-theme=light] .workspace{background:#eef1f5;border-color:#dbe1e9;box-shadow:none}
html[data-xpayz-theme=light] .workspace small,html[data-xpayz-theme=light] .aside-bottom,html[data-xpayz-theme=light] .aside-bottom small{color:#667187}
html[data-xpayz-theme=light] .workspace i{background:#e5efce;color:#455d1a}
html[data-xpayz-theme=light] nav a{color:#59657a}
html[data-xpayz-theme=light] nav a:hover{background:#eaf0f4}
html[data-xpayz-theme=light] nav a.active{color:#26354a;background:#e8efdf;border-color:#cbd9b6;box-shadow:inset 0 1px #ffffff}
html[data-xpayz-theme=light] .aside-bottom a,html[data-xpayz-theme=light] .quiet-link{color:#4c6b21}
html[data-xpayz-theme=light] header{background:#ffffffb8;border-color:#dce1e8}
html[data-xpayz-theme=light] .avatar{background:#e8edf4;color:#34415a;border-color:#d4dce7}
html[data-xpayz-theme=light] .heading h1,html[data-xpayz-theme=light] h1,html[data-xpayz-theme=light] h2,html[data-xpayz-theme=light] h3,html[data-xpayz-theme=light] .stat strong,html[data-xpayz-theme=light] .balance-row strong{color:#1d283b}
html[data-xpayz-theme=light] .eyebrow,html[data-xpayz-theme=light] .heading p,html[data-xpayz-theme=light] p,html[data-xpayz-theme=light] .muted,html[data-xpayz-theme=light] label{color:#627087}
html[data-xpayz-theme=light] .panel,html[data-xpayz-theme=light] .stat{background:#ffffffde;border-color:#dce2ea;box-shadow:0 4px 18px #24364b06,inset 0 1px #ffffff}
html[data-xpayz-theme=light] .stat-label{color:#5e6a7f}
html[data-xpayz-theme=light] .stat small,html[data-xpayz-theme=light] .balance-row strong small,html[data-xpayz-theme=light] .asset-name small{color:#6c778b}
html[data-xpayz-theme=light] .stat-label svg{color:#527e8c}
html[data-xpayz-theme=light] button{background:#eef2f5;border-color:#d3dce6;color:#34415a;box-shadow:inset 0 1px #ffffff}
html[data-xpayz-theme=light] button:hover{background:#e4eaf0;color:#1d283b}
html[data-xpayz-theme=light] button.primary{background:linear-gradient(130deg,#ddff9e,#adfc02);border-color:#a7d54f;color:#19220c;box-shadow:inset 0 1px #ffffff99}
html[data-xpayz-theme=light] input,html[data-xpayz-theme=light] select{background:#ffffff;border-color:#ced7e2;color:#243148}
html[data-xpayz-theme=light] input::placeholder{color:#8590a2}
html[data-xpayz-theme=light] select option{background:#ffffff;color:#243148}
html[data-xpayz-theme=light] .notice{background:#edf2e5;border-color:#d6e0c8;color:#566747}
html[data-xpayz-theme=light] .notice b{color:#344824}
html[data-xpayz-theme=light] .notice a,html[data-xpayz-theme=light] .notice>span{color:#4e6a29}
html[data-xpayz-theme=light] .chip:not(.amber):not(.gray):not(.red){color:#4b6a1c;background:#edf5df;border-color:#d5e5ba}
html[data-xpayz-theme=light] .chip.amber{color:#8b641b;background:#fff3d8;border-color:#efdba7}
html[data-xpayz-theme=light] .chip.red{color:#a0445c;background:#fbeaf0;border-color:#edcad7}
html[data-xpayz-theme=light] .chip.gray{color:#647087;background:#edf1f6;border-color:#d8e0e9}
html[data-xpayz-theme=light] .asset-name,html[data-xpayz-theme=light] .route>div{color:#34415a}
html[data-xpayz-theme=light] .balance-row,html[data-xpayz-theme=light] .detail-row,html[data-xpayz-theme=light] .capability-row,html[data-xpayz-theme=light] .check{border-color:#e0e6ed}
html[data-xpayz-theme=light] .check{color:#526178}
html[data-xpayz-theme=light] .check span{color:#638d2e}
html[data-xpayz-theme=light] .hint,html[data-xpayz-theme=light] .route>div,html[data-xpayz-theme=light] .auth-industry-hint{background:#edf1f6;border-color:#d9e1eb;color:#5d6b81}
html[data-xpayz-theme=light] .route small,html[data-xpayz-theme=light] .detail-row>span:first-child{color:#6a778b}
html[data-xpayz-theme=light] table{color:#34415a}
html[data-xpayz-theme=light] th{background:#edf1f6;color:#647087;border-color:#dbe3ed}
html[data-xpayz-theme=light] td{border-color:#e4e9ef}
html[data-xpayz-theme=light] td small{color:#768196}
html[data-xpayz-theme=light] td a{color:#567a26}
html[data-xpayz-theme=light] tbody tr:hover{background:#f6f8fb}
html[data-xpayz-theme=light] .chart{border-color:#d7e0ea;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#cdd7e655 40px)}
html[data-xpayz-theme=light] .legend,html[data-xpayz-theme=light] .bar:after,html[data-xpayz-theme=light] .mono{color:#617087}
html[data-xpayz-theme=light] .progress{background:#e1e8f0}
html[data-xpayz-theme=light] dialog{background:linear-gradient(135deg,#ffffff,#edf4f7);border-color:#ccd7e3;color:#243148;box-shadow:0 30px 120px #24364b30}
html[data-xpayz-theme=light] .error{color:#ad3d55}
html[data-xpayz-theme=light] .empty,html[data-xpayz-theme=light] footer{color:#768196}
html[data-xpayz-theme=light] #toast{background:#edf5e5f5;border-color:#b7d297;color:#3c5627}
html[data-xpayz-theme=light] #demo-login{background:radial-gradient(ellipse at 0 0,#e5dfef80,transparent 60%),radial-gradient(ellipse at 100% 100%,#d9ecf580,transparent 55%),#f7f8fa}
html[data-xpayz-theme=light] #demo-login .auth-story{background:linear-gradient(130deg,#eef0f5,#f8fafc);border-color:#dce2e9}
html[data-xpayz-theme=light] .auth-kicker{color:#597d29}
html[data-xpayz-theme=light] .auth-wordmark small,html[data-xpayz-theme=light] .auth-story>small{color:#6c778b}
html[data-xpayz-theme=light] .auth-story h1 em{color:#638e20}
html[data-xpayz-theme=light] .auth-story p,html[data-xpayz-theme=light] .auth-story ul{color:#617087}
html[data-xpayz-theme=light] .auth-story li:before{color:#6f9a30}
html[data-xpayz-theme=light] #demo-login .auth-tabs{background:#e8edf3}
html[data-xpayz-theme=light] #demo-login .auth-tabs button[aria-pressed=true]{background:#ffffff;color:#243148;box-shadow:0 1px 6px #24364b0c,inset 0 0 0 1px #d2dce7}
html[data-xpayz-theme=light] #demo-login .auth-password button{background:transparent;color:#5b8127}
html[data-xpayz-theme=light] #demo-login .auth-success{color:#557d25!important}
html[data-xpayz-theme=light] #demo-login .auth-disclaimer{color:#758198}
html[data-xpayz-theme=light] #demo-login .hint{background:#edf2e6;border-color:#d4dfc7;color:#536b3e}
html[data-xpayz-theme=light] #demo-login input::placeholder{color:#7d899b}
html[data-xpayz-theme=light] input:focus,html[data-xpayz-theme=light] select:focus{outline-color:#5c8732}
html[data-xpayz-theme=light] .industry-banner{background:linear-gradient(100deg,#e8edf5,#e7f3f1);border-color:#d6e0e8}
html[data-xpayz-theme=light] .code-block,html[data-xpayz-theme=light] pre,html[data-xpayz-theme=light] code{background:#edf2f7;border-color:#d7e0eb;color:#466075}
html[data-xpayz-theme=light] .xz-appearance-control,html[data-xpayz-theme=light] #xz-language-picker .xz-language-toggle{background:#ffffffef;border-color:#ccd7e3;color:#34415a;box-shadow:inset 0 1px #ffffff}
html[data-xpayz-theme=light] #xz-language-picker{color:#34415a}
html[data-xpayz-theme=light] #xz-language-picker .xz-language-menu{background:#fffffff5;border-color:#ccd7e3;box-shadow:0 12px 30px #24364b18}
html[data-xpayz-theme=light] #xz-language-picker [role=menuitemradio]:hover,html[data-xpayz-theme=light] #xz-language-picker [aria-checked=true]{background:#edf2e6}
html[data-xpayz-theme=light] #xz-language-picker .xz-language-check{color:#6b912b}
@media(max-width:800px){.auth-side{padding-top:68px!important}}

/* A single compact control stays in the header flow after sign-in. The same
   menu floats above the sign-in form, with no separate native theme select. */
html[data-xz-settings] body[data-xz-language-page=console]>.shell>header{padding-inline:40px;position:relative;z-index:40;overflow:visible}
html[data-xz-settings] .xz-header-actions{flex:0 0 auto;align-self:center;justify-content:flex-end}
html[data-xz-settings] .shell>header>div:first-child{min-width:0;flex-wrap:wrap;gap:8px}
#xz-settings{--xz-menu-bg:#1b2133;--xz-menu-ink:#f4f2fa;--xz-menu-muted:#adb6cb;--xz-menu-line:#ffffff26;--xz-menu-hover:#ffffff0c;--xz-menu-shadow:#00000040;position:relative;flex-shrink:0;z-index:1100;color:var(--xz-menu-ink);font:12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:start}
#xz-settings *{box-sizing:border-box}
#xz-settings[data-placement=floating]{position:fixed;top:20px;inset-inline-end:22px}
#xz-settings button{font:inherit;color:inherit;cursor:pointer;margin:0;box-shadow:none;text-align:start;letter-spacing:normal;text-transform:none}
#xz-settings button:focus{outline:none}
#xz-settings button:focus-visible{outline:2px solid #36a9bc;outline-offset:2px}
#xz-settings .xz-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--xz-menu-line);border-radius:10px;background:var(--xz-menu-bg);font-weight:600;white-space:nowrap}
#xz-settings .xz-menu-trigger:hover{background:var(--xz-menu-hover)}
#xz-settings .xz-menu-icon{display:block;flex-shrink:0;color:inherit}
#xz-settings .xz-language-flag{display:block;flex-shrink:0;width:18px;height:13.5px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--xz-menu-line)}
#xz-settings .xz-menu-language-label{display:flex;align-items:center;gap:10px;min-width:0}
#xz-settings .xz-menu-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:292px;max-width:calc(100vw - 32px);max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto;border:1px solid var(--xz-menu-line);border-radius:14px;padding:7px;background:var(--xz-menu-bg);box-shadow:0 14px 40px var(--xz-menu-shadow);color:var(--xz-menu-ink)}
#xz-settings [hidden]{display:none!important}
#xz-settings .xz-menu-heading{padding:7px 11px 8px;color:var(--xz-menu-muted);font-size:10px;font-weight:600;letter-spacing:.7px}
#xz-settings .xz-menu-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto 12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:11px;border:0;border-radius:8px;background:transparent;line-height:1.4}
#xz-settings .xz-menu-row .xz-menu-icon-next{width:12px;height:14px;color:var(--xz-menu-muted)}
#xz-settings .xz-menu-value{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--xz-menu-muted);font-size:11px;unicode-bidi:plaintext}
#xz-settings .xz-menu-row:hover,#xz-settings .xz-menu-option:hover,#xz-settings .xz-menu-back:hover{background:var(--xz-menu-hover)}
#xz-settings .xz-menu-divider{height:1px;margin:6px 10px;background:var(--xz-menu-line)}
#xz-settings .xz-menu-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:8px;background:transparent;line-height:1.4}
#xz-settings .xz-menu-option[aria-checked=true]{background:var(--xz-menu-hover)}
#xz-settings .xz-menu-check{visibility:hidden;color:#8dc951;font-size:15px;font-weight:700}
#xz-settings [aria-checked=true] .xz-menu-check{visibility:visible}
#xz-settings .xz-menu-back{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;font-weight:600}
#xz-settings .xz-menu-back .xz-menu-icon{width:14px;height:14px}
html[data-xpayz-theme=light] #xz-settings{--xz-menu-bg:#ffffff;--xz-menu-ink:#27354a;--xz-menu-muted:#6c788b;--xz-menu-line:#d7dfe9;--xz-menu-hover:#edf2f7;--xz-menu-shadow:#24364b20}
html[dir=rtl] #xz-settings .xz-menu-icon-next,html[dir=rtl] #xz-settings .xz-menu-icon-back{transform:rotate(180deg)}
@media(max-width:800px){html[data-xz-settings] body[data-xz-language-page=console]>.shell>header{padding-inline:16px;gap:12px}#xz-settings[data-placement=floating]{top:14px;inset-inline-end:14px}#xz-settings .xz-menu-trigger{min-height:40px;padding:9px 11px}#xz-settings .xz-menu-panel{width:280px}}

/* Compact mobile control. Reserve the open menu's height above the login logo. */
@media(max-width:850px){
 #xz-settings .xz-menu-trigger{width:40px;min-height:40px;padding:10px;gap:0}
 #xz-settings .xz-menu-trigger>span{display:none}
 #xz-settings .xz-menu-panel{width:228px;padding:5px;border-radius:11px}
 #xz-settings .xz-menu-heading{padding:5px 9px;font-size:10px}
 #xz-settings .xz-menu-row{gap:7px;padding:9px;min-height:44px}
 #xz-settings .xz-menu-option{min-height:44px;padding:9px}
 #xz-settings .xz-menu-value{max-width:85px}
 html.demo-locked[data-xz-menu-open=true] .auth-side{padding-top:max(68px,var(--xz-menu-clearance,220px))!important}
}