/* STAX UI stability layer: shared structural rules, no feature or API changes. */
:root{--stax-ui-content:77.5rem;--stax-ui-control:3rem;--stax-ui-radius:.625rem}
.ui-v7 .header-account,.ui-v7 .quiet-link,.ui-v7 .header-cta,.ui-v7 .theme-toggle,.ui-v10 .p-actions,.ui-v10 .p-actions a,.ui-v10 .theme-toggle{white-space:nowrap;word-break:keep-all;flex-shrink:0}
.ui-v7 input[type="password"]::-ms-reveal,.ui-v7 input[type="password"]::-ms-clear{display:none}
.ui-v7 .stax-password-field{position:relative;display:block}
.ui-v7 .stax-password-field input{padding-right:4.75rem}
.ui-v7 .stax-password-toggle{position:absolute;top:50%;right:.5rem;translate:0 -50%;min-width:3.75rem;min-height:2.5rem;border:0;background:transparent;color:#2563eb}
.ui-v7 .mail-entry-v6{min-height:32.5rem;padding:3.5rem 5%;gap:3rem}
@media(min-width:65.6875rem){.ui-v7 .mail-entry-v6{grid-template-columns:minmax(0,1fr) 28.75rem!important}}
.ui-v7 :where(.auth-card,.number-hero,.number-overview,.license-panel,.number-result,.number-history,.admin-card,.generated-box),
.ui-v10 :where(.store-product,.pay-form-v9,.pay-wait-v9,.pay-login-v9,.pay-steps-v9>div){border-radius:var(--stax-ui-radius);box-shadow:none}
.number-page.ui-v7{background:var(--stax-color-background);color:var(--stax-color-text)}
.number-page.ui-v7 :where(.number-hero,.number-overview,.license-panel,.number-result,.number-history,.admin-card,.generated-box){background:var(--stax-color-surface);color:var(--stax-color-text);border-color:var(--stax-color-border)}
.number-page.ui-v7 :where(h1,h2,h3,dd,strong){color:var(--stax-color-text)}
.number-page.ui-v7 :where(p,dt,small,time){color:var(--stax-color-text-secondary)}
.stax-dark.ui-v7 .auth-page>header h1{color:#f8fafc;-webkit-text-fill-color:#f8fafc}
.stax-dark.ui-v7 .auth-page>header>p:last-child{color:#cbd5e1;-webkit-text-fill-color:#cbd5e1}
.stax-dark.ui-v7 .auth-card{background:#151922;color:#f8fafc;border-color:#374151}
.ui-v10 .stock-pill{display:inline-flex;width:max-content;max-width:calc(100% - 1.75rem);align-items:center;justify-content:center;white-space:nowrap;line-height:1.2}
.ui-v10 .pay-shell-v9>header>span,.ui-v10 .pay-form-v9 header>span,.ui-v10 .pay-form-v9 small,.ui-v10 .pay-wait-v9 small,.ui-v10 .pay-steps-v9 small,.ui-v10 .pay-wait-v9 dt{color:#475569}
.ui-v10 .pay-form-v9 label,.ui-v10 .pay-wait-v9 dd,.ui-v10 .pay-steps-v9 strong{color:#111827}
.stax-dark.ui-v10 .pay-shell-v9>header>span,.stax-dark.ui-v10 .pay-form-v9 header>span,.stax-dark.ui-v10 .pay-form-v9 small,.stax-dark.ui-v10 .pay-wait-v9 small,.stax-dark.ui-v10 .pay-steps-v9 small,.stax-dark.ui-v10 .pay-wait-v9 dt{color:#cbd5e1}
.stax-dark.ui-v10 .pay-form-v9 label,.stax-dark.ui-v10 .pay-wait-v9 dd,.stax-dark.ui-v10 .pay-steps-v9 strong{color:#f8fafc}
:where(.ui-v7,.ui-v10) :where(button,.btn,.button,.header-cta,.theme-toggle){min-height:2.75rem;line-height:1.25}
:where(.ui-v7,.ui-v10) :where(input:not([type="checkbox"]):not([type="radio"]),select){min-height:var(--stax-ui-control)}
:where(.ui-v7>main:not(.mail-reader),.ui-v10 #content){max-width:var(--stax-ui-content)}
@media(max-width:95.9375rem){
  .ui-v7 .header-inner{position:relative;grid-template-columns:auto minmax(2.75rem,1fr) auto!important;gap:.75rem!important}
  .ui-v7 .nav-toggle{display:inline-flex!important;grid-column:2;justify-self:end;align-items:center;justify-content:center;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--stax-color-border);border-radius:var(--stax-ui-radius);background:var(--stax-color-surface);color:var(--stax-color-text)}
  .ui-v7 .primary-nav{display:none!important;position:absolute;z-index:120;top:calc(100% + .75rem);left:0;right:0;padding:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;border:1px solid var(--stax-color-border);border-radius:var(--stax-radius-card);background:var(--stax-color-surface)!important;box-shadow:0 1rem 2.5rem rgba(15,23,42,.14)!important}
  .ui-v7 .primary-nav.open{display:grid!important}
  .ui-v7 .primary-nav a{justify-content:center;min-width:0;min-height:2.75rem;padding:0 .75rem;white-space:nowrap}
  .ui-v7 .header-account{grid-column:3;justify-self:end;min-width:0}
  .stax-dark.ui-v7 .nav-toggle{background:#1d2430;color:#f8fafc;border-color:#374151}
}

/* Mobile v29: compact header and home sections */
@media(max-width:47.9375rem){
  .home-platform .p-header{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:2.75rem 2.75rem!important;
    grid-template-areas:none!important;
    column-gap:.75rem!important;
    row-gap:.25rem!important;
    padding:.5rem .75rem!important;
  }
  .home-platform .p-header>.p-brand{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .home-platform .p-header>.p-actions{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    gap:.25rem!important;
    min-width:0!important;
  }
  .home-platform .p-header>nav,
  .home-platform .p-header>nav.open{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-height:2.75rem!important;
    padding:0!important;
  }
  .home-platform .p-header>nav>a{
    min-height:2.25rem!important;
    padding:.45rem .65rem!important;
    font-size:.8125rem!important;
  }
  .home-platform .p-header>.p-actions>*{
    min-height:2.5rem!important;
    height:2.5rem!important;
  }
  .home-platform .p-header>.p-actions>.btn{
    padding-inline:.7rem!important;
    font-size:.8125rem!important;
  }
  .home-platform #content{
    padding:1rem .75rem 2.5rem!important;
  }
  .home-platform .easy-hero{
    padding:1.5rem 1rem 1.75rem!important;
  }
  .home-platform .easy-hero h1{
    margin:.75rem 0!important;
  }
  .home-platform .easy-lead{
    margin:0!important;
    font-size:.9375rem!important;
    line-height:1.65!important;
  }
  .home-platform .easy-actions{
    margin-top:1.25rem!important;
  }
  .home-platform .easy-showcase{
    display:flex!important;
    width:100%!important;
    margin:0!important;
    padding:.5rem!important;
    gap:.5rem!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .home-platform .easy-showcase::-webkit-scrollbar{display:none!important}
  .home-platform .easy-showcase>.easy-panel{
    flex:0 0 min(84%,19rem)!important;
    min-width:0!important;
    min-height:13rem!important;
    padding:1rem!important;
    scroll-snap-align:start!important;
  }
  .home-platform .easy-showcase :where(.easy-window,.easy-phone,.easy-balance){
    margin:.75rem 0!important;
    padding:1rem!important;
  }
  .home-platform .easy-intro{
    padding:3rem .25rem 1.25rem!important;
    text-align:left!important;
  }
  .home-platform .easy-intro h2{
    margin:.75rem 0!important;
  }
  .home-platform .easy-intro span{
    display:block!important;
    font-size:.9375rem!important;
    line-height:1.65!important;
  }
  .home-platform .easy-feature-grid{
    padding:.5rem!important;
    gap:.75rem!important;
  }
  .home-platform .easy-feature-grid .service-tile{
    min-height:0!important;
    padding:1rem!important;
    border-radius:.75rem!important;
    gap:.75rem!important;
  }
  .home-platform .easy-feature-grid .service-tile h3{
    margin:.25rem 0!important;
    font-size:1.125rem!important;
  }
  .home-platform .easy-feature-grid .service-tile p{
    margin:.25rem 0!important;
    font-size:.9375rem!important;
    line-height:1.55!important;
    word-break:keep-all!important;
  }
  .home-platform .easy-feature-grid .service-tile>b{
    margin-top:.5rem!important;
  }
  .home-platform .motion-guides{
    width:calc(100% + 1.5rem)!important;
    margin:3rem -.75rem 0!important;
    padding:2.5rem .75rem!important;
  }
  .home-platform .motion-guides>header{
    margin:0 0 1.25rem!important;
    padding-inline:.25rem!important;
    text-align:left!important;
  }
  .home-platform .motion-guides>header h2{
    margin:.75rem 0!important;
  }
  .home-platform .motion-guides>header span{
    font-size:.9375rem!important;
    line-height:1.65!important;
  }
  .home-platform .motion-guide-grid article{
    border-radius:.75rem!important;
  }
  .home-platform .motion-guide-grid article>div{
    padding:1rem!important;
  }
  .home-platform .motion-guide-grid h3{
    margin:.5rem 0!important;
    font-size:1.125rem!important;
  }
  .home-platform .motion-guide-grid p{
    margin:.25rem 0!important;
    font-size:.9375rem!important;
  }
  .home-platform .easy-story{
    margin:3rem 0!important;
    padding:0!important;
    gap:1.5rem!important;
  }
  .home-platform .easy-story-visual{
    padding:1rem!important;
    border-radius:.75rem!important;
  }
  .home-platform .story-browser main{
    padding:1rem!important;
  }
  .home-platform .easy-steps{
    width:calc(100% + 1.5rem)!important;
    margin:0 -.75rem!important;
    padding:2.5rem .75rem!important;
  }
  .home-platform .easy-steps>div{
    margin-top:1.5rem!important;
    gap:1rem!important;
  }
  .home-platform .easy-steps article h3{
    margin:.75rem 0 .25rem!important;
  }
  .home-platform .easy-cta{
    margin:3rem 0 0!important;
    padding:1.5rem 1rem!important;
    border-radius:.75rem!important;
  }
}

/* V38: headers stay reachable while the page scrolls on desktop and phones. */
body.home-platform>.p-header,body.ui-v10>.p-header,.ui-v7>.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:47.9375rem){html,body{overflow-x:clip!important}}
@media(max-width:63.9375rem){
  .ui-v7 .header-account :where(.quiet-link,.account-link){display:none!important}
  .ui-v7 .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:47.9375rem){
  :where(.ui-v7>main:not(.mail-reader),.ui-v10 #content){width:calc(100% - 2rem);margin-inline:auto}
  .ui-v7 .header-account>.quiet-link,.ui-v7 .header-account>.header-cta{display:none}
  .ui-v7 .mail-entry-v6{min-height:0;padding:2rem 1rem;gap:1.5rem}
}

/* V6: one header geometry and readable theme controls across every service. */
.ui-v7 .site-header,.ui-v10 .p-header{top:0!important;width:100%!important;height:4.5rem!important;margin:0!important;border-width:0 0 1px!important;border-radius:0!important}
.ui-v7 .header-inner{width:min(var(--stax-ui-content),calc(100% - 3rem))!important;max-width:none!important;height:4.5rem!important;margin:0 auto!important;padding:0!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:1.5rem!important}
.ui-v10 .p-header{padding-inline:max(1.5rem,calc((100vw - var(--stax-ui-content))/2))!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:1.5rem!important}
.ui-v7 .brand-group,.ui-v10 .p-brand{width:auto!important;min-width:0!important;justify-self:start!important}
.brand-monogram,.ui-v10 .p-brand>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.625rem;background:#2563eb;color:#fff;font-size:.8125rem;font-weight:800;line-height:1;box-shadow:none}
.ui-v7 .theme-toggle,.ui-v10 .theme-toggle{display:inline-flex!important;width:auto!important;min-width:5.25rem!important;min-height:2.75rem!important;padding:0 .75rem!important;white-space:nowrap!important;word-break:keep-all!important;color:var(--stax-color-text)!important;background:var(--stax-color-surface)!important;border-color:var(--stax-color-border)!important}
.stax-dark.ui-v7 .theme-toggle,.stax-dark.ui-v10 .theme-toggle{color:#f8fafc!important;background:#1d2430!important;border-color:#374151!important}
:where(.ui-v7,.ui-v10,.home-platform) .theme-toggle [data-theme-label]{color:inherit!important}
:where(.ui-v10,.home-platform) .stax-mobile-menu{font-size:0!important;line-height:0!important}
:where(.ui-v10,.home-platform) .stax-mobile-menu::before{content:"☰";font-size:1.25rem;line-height:1;color:currentColor}
.stax-dark.ui-v7 .brand-monogram,.stax-dark.ui-v10 .p-brand>span{background:#3b82f6;color:#fff}

@media(max-width:95.9375rem){
  .ui-v10 .p-header{grid-template-columns:auto minmax(2.75rem,1fr) auto auto!important;gap:.75rem!important}
  .ui-v10 .p-header nav{display:none!important;position:absolute;z-index:120;top:calc(100% + .75rem);left:max(1rem,calc((100vw - var(--stax-ui-content))/2));right:max(1rem,calc((100vw - var(--stax-ui-content))/2));grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;padding:.75rem;border:1px solid var(--stax-color-border);border-radius:var(--stax-radius-card);background:var(--stax-color-surface)!important;box-shadow:0 1rem 2.5rem rgba(15,23,42,.14)!important}
  .ui-v10 .p-header nav.open{display:grid!important}
  .ui-v10 .p-header nav a{justify-content:center;min-width:0;white-space:nowrap}
  .ui-v10 .p-actions{grid-column:3;width:auto!important;min-width:0!important;justify-self:end!important}
  .ui-v10 .stax-mobile-menu{display:inline-flex!important;grid-column:4;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;align-items:center;justify-content:center;border:1px solid var(--stax-color-border);border-radius:var(--stax-radius-control);background:var(--stax-color-surface);color:var(--stax-color-text);font-size:.75rem;font-weight:700}
  .stax-dark.ui-v10 .stax-mobile-menu{background:#1d2430;color:#f8fafc;border-color:#374151}
}
@media(max-width:63.9375rem){
  .ui-v10 .p-actions>a{display:none!important}
  .ui-v10 .p-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:47.9375rem){
  .ui-v7 .header-inner{width:calc(100% - 2rem)!important;height:3.75rem!important;padding:0!important;grid-template-columns:auto minmax(2.75rem,1fr) auto!important}
  .ui-v7 .site-header,.ui-v10 .p-header{height:3.75rem!important;min-height:3.75rem!important}
  .ui-v7 .theme-toggle,.ui-v10 .theme-toggle{width:2.75rem!important;min-width:2.75rem!important;padding:0!important}
  .ui-v7 .theme-toggle [data-theme-label],.ui-v10 .theme-toggle [data-theme-label]{display:none!important}
  .ui-v10 .p-header{padding-inline:1rem!important}
}

/* Dark forms use the same readable copy as light mode. */
.stax-dark.ui-v7 :where(.auth-page,.mail-login-workspace,.auth-card),.stax-dark.ui-v10 :where(.auth-shell,.auth-copy,.form-card){color:#f8fafc!important}
.stax-dark.ui-v7 :where(.auth-page,.mail-login-workspace,.auth-card) :where(h1,h2,h3,label,strong,a),.stax-dark.ui-v10 :where(.auth-shell,.auth-copy,.form-card) :where(h1,h2,h3,label,strong,a){color:#f8fafc!important;-webkit-text-fill-color:currentColor!important}
.stax-dark.ui-v7 :where(.auth-page,.mail-login-workspace,.auth-card) :where(p,small,.field-status),.stax-dark.ui-v10 :where(.auth-shell,.auth-copy,.form-card) :where(p,small){color:#cbd5e1!important;-webkit-text-fill-color:currentColor!important}
.stax-dark.ui-v10 .form-card{background:#151922!important;border-color:#374151!important}

/* Keep payment and charge pages compact enough to understand without hunting. */
.ui-v10 .pay-shell-v9>header{min-height:0!important;padding-block:2.5rem!important}
.ui-v10 .pay-shell-v9>header h1{font-size:2rem!important;line-height:1.3!important}
.ui-v10 .wallet-card-v9.guest>strong{font-size:1.75rem!important;line-height:1.35!important}
.ui-v10 :where(.pay-login-v9,.pay-wait-v9,.pay-form-v9){min-width:0;background:var(--stax-color-surface)!important;color:var(--stax-color-text)!important}
.stax-dark.ui-v10 :where(.pay-login-v9,.pay-wait-v9,.pay-form-v9){background:#151922!important;color:#f8fafc!important;border-color:#374151!important}
.ui-v10 .pay-dashboard-v9{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important}
.ui-v10 .pay-input{position:relative!important;display:block!important;min-width:0!important}
.ui-v10 .pay-input>span{position:absolute!important;z-index:2;left:1rem!important;top:50%!important;translate:0 -50%!important;line-height:1!important;pointer-events:none;color:var(--stax-color-text-secondary)!important}
.ui-v10 .pay-input>input{padding-left:2.75rem!important}
.ui-v10.pay-page #content{width:min(68.75rem,calc(100% - 3rem))!important;max-width:none!important;margin:0 auto!important;padding:2rem 0 4rem!important}
.ui-v10 .pay-shell-v9{width:100%!important;max-width:none!important;margin:0!important;padding:.75rem 0 2rem!important}
.ui-v10 .pay-shell-v9>header{min-height:0!important;margin:0 auto .5rem!important;padding:0!important}
.ui-v10 .pay-shell-v9>header h1{margin:.5rem 0!important;font-size:2rem!important;line-height:1.3!important}
.ui-v10 .pay-shell-v9>header>span{font-size:.9375rem!important;line-height:1.5!important}
.ui-v10 .pay-dashboard-v9{margin:0!important;padding:.75rem!important;min-height:0!important}
.ui-v10 .pay-workspace-v9{min-height:0!important;padding:0!important}
.ui-v10 .wallet-card-v9{min-height:0!important}
.ui-v10 .pay-form-v9{gap:.75rem!important;padding:1rem 1.5rem!important}
.ui-v10 .pay-form-v9 header{padding:0!important}
.ui-v10 .pay-form-v9 header h2{margin:.25rem 0!important;font-size:1.5rem!important}
.ui-v10 .pay-form-v9 label{height:6.625rem!important;gap:.5rem!important;font-size:.8125rem!important;line-height:1.6!important}
.ui-v10 .pay-quick-amounts{margin:.25rem 0!important}
.ui-v10 .pay-form-v9 .quick-amounts{display:none!important}
.ui-v10 .pay-form-v9 .btn{margin-top:0!important}
.ui-v10 .pay-input{height:3.25rem!important;min-height:3.25rem!important;margin:0!important;padding:0!important;border:1px solid var(--stax-color-border)!important;border-radius:.375rem!important;background:var(--stax-color-surface)!important}
.ui-v10 .pay-input>input{height:100%!important;min-height:0!important;padding-left:2.75rem!important;border:0!important;background:transparent!important}
.stax-dark.ui-v10 .pay-input{background:#111827!important;border-color:#475569!important}

/* Mail login and inbox use the same global shell as every other STAX page. */
.ui-v7.mail-login-shell{padding:0!important;background:var(--stax-color-background)!important}
.ui-v7.mail-login-shell #main{width:min(61.25rem,calc(100% - 3rem));margin:2rem auto 4rem!important}
.ui-v7.mail-login-shell .mail-login-top{display:none!important}
.ui-v7.mail-login-shell .mail-login-v5{width:100%!important;margin:0!important;overflow:hidden}
.ui-v7 .mail-wordmark img{display:none!important}
.ui-v7 .mail-wordmark::before{content:"S";display:grid;width:2rem;height:2rem;place-items:center;border-radius:.625rem;background:#2563eb;color:#fff;font-size:.8125rem;font-weight:800;line-height:1;flex:none}
.ui-v7 .mail-entry-v6 aside a,.ui-v7 .mail-entry-v6 aside b{color:var(--stax-color-text)!important}
.ui-v7 .mail-entry-v6 aside span{color:var(--stax-color-text-secondary)!important}
.stax-dark.ui-v7 .mail-entry-v6 aside a,.stax-dark.ui-v7 .mail-entry-v6 aside b{color:#f8fafc!important}
.stax-dark.ui-v7 .mail-entry-v6 aside span{color:#cbd5e1!important}
@media(max-width:47.9375rem){.ui-v7.mail-login-shell #main{width:100%;margin:0!important}.ui-v7.mail-login-shell .mail-login-v5{min-height:calc(100dvh - var(--stax-header-height))!important}}

/* Theme switching must never change layout geometry. */
.stax-dark.ui-v7 .site-header{display:block!important;width:100%!important}
.stax-dark.ui-v7 .site-header .header-inner{width:min(var(--stax-ui-content),calc(100% - 3rem))!important;max-width:none!important;margin-inline:auto!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.stax-dark.ui-v7 .login-mode-panel:not(.active){display:none!important}
.stax-dark.ui-v7 .login-mode-panel.active{display:grid!important}
.ui-v7.mail-login-shell .mail-login-v5{min-height:35.25rem!important}
.stax-dark.ui-v7 .mail-login-workspace :where(input,textarea){background:#111827!important;color:#f8fafc!important;border-color:#475569!important;opacity:1!important}
.stax-dark.ui-v7 .mail-login-workspace :where(input,textarea)::placeholder{color:#94a3b8!important;opacity:1!important}
.stax-dark.ui-v7 .mail-login-workspace .btn.primary{background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stax-dark.ui-v7 .login-mode-tabs button.active{background:#f8fafc!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
@media(max-width:47.9375rem){.stax-dark.ui-v7 .site-header .header-inner{width:calc(100% - 2rem)!important;grid-template-columns:auto minmax(2.75rem,1fr) auto!important}}
.ui-v7 .charge-page{width:min(62rem,calc(100% - 2rem));margin:2rem auto;padding:1.5rem}
.ui-v7 .charge-page>header h1{font-size:2rem!important;line-height:1.3!important}
.ui-v7 .charge-steps{margin:1.25rem 0}
.ui-v7 .payment-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--stax-color-border);border-radius:var(--stax-radius-card);overflow:hidden}
.ui-v7 .payment-sheet>div{min-width:0;padding:1rem;border:0;border-right:1px solid var(--stax-color-border);border-bottom:1px solid var(--stax-color-border)}
.ui-v7 .payment-sheet>div:nth-child(2n){border-right:0}.ui-v7 .payment-sheet>div:nth-last-child(-n+2){border-bottom:0}
.ui-v7 .payment-sheet strong{font-size:1.125rem!important;overflow-wrap:anywhere}

/* Long usernames, transaction labels and underscores must never break the grid. */
:where(.ui-v7,.ui-v10) :where(.member-tag,.account-link,.tr>span,.detail-list dd,.payment-sheet strong,.status-card a,.order-detail dd){min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Detailed status and policy documents are normal reading pages, not banners. */
.ui-v10 .status-card.detailed{min-height:0!important;padding:1.5rem!important}
.ui-v10 .status-card.detailed>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.ui-v10 .status-card.detailed>header a{color:var(--stax-color-primary);font-size:.875rem}
.ui-v10 .status-card.detailed dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.ui-v10 .status-card.detailed dl>div{padding:.75rem;border:1px solid var(--stax-color-border);border-radius:var(--stax-radius-control)}
.ui-v10 .status-card.detailed dt{font-size:.75rem;color:var(--stax-color-text-secondary)}
.ui-v10 .status-card.detailed dd{margin:.25rem 0 0;font-weight:700}
@media(max-width:47.9375rem){.ui-v7 .payment-sheet,.ui-v10 .status-card.detailed dl{grid-template-columns:1fr}.ui-v7 .payment-sheet>div{border-right:0!important;border-bottom:1px solid var(--stax-color-border)!important}.ui-v7 .payment-sheet>div:last-child{border-bottom:0!important}}
@media(max-width:47.9375rem){.ui-v10.pay-page #content{width:calc(100% - 2rem)!important;padding:1.5rem 0 3rem!important}}
.ui-v10 .policy-shell{width:min(52rem,calc(100% - 2rem));margin:3rem auto 5rem}
.ui-v10 .policy-shell>header{padding-bottom:1.5rem;border-bottom:1px solid var(--stax-color-border)}
.ui-v10 .policy-shell>header h1{margin:.5rem 0;font-size:2rem!important}
.ui-v10 .policy-shell>header p{color:var(--stax-color-text-secondary)}
.ui-v10 .policy-shell>div{display:grid;gap:0}
.ui-v10 .policy-shell>div>section{padding:1.5rem 0;border-bottom:1px solid var(--stax-color-border)}
.ui-v10 .policy-shell h2{font-size:1.125rem!important}.ui-v10 .policy-shell p{margin:.5rem 0 0;line-height:1.75;color:var(--stax-color-text-secondary)}

/* Stable black global header: theme changes color tokens, never geometry. */
.p-header{position:sticky!important;top:0!important;z-index:300!important;width:100%!important;height:4.5rem!important;min-height:4.5rem!important;margin:0!important;padding-inline:max(1.5rem,calc((100vw - 73.75rem)/2))!important;border:0!important;border-bottom:1px solid #252a34!important;border-radius:0!important;background:#090b10!important;color:#f8fafc!important;box-shadow:none!important;backdrop-filter:none!important}
.p-header :where(.p-brand,nav a,.p-actions>a){color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important}
.p-header .p-brand span{background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.p-header nav a:hover,.p-header nav a[aria-current=page]{background:#1b202a!important;color:#fff!important}
.p-header .theme-toggle{border-color:#353b47!important;background:#151922!important;color:#fff!important}
.p-header .btn.small{background:#f8fafc!important;color:#111827!important;-webkit-text-fill-color:#111827!important}
.stax-dark .p-header{width:100%!important;height:4.5rem!important;padding-inline:max(1.5rem,calc((100vw - 73.75rem)/2))!important;background:#090b10!important}
.ui-v7 .site-header,.stax-dark.ui-v7 .site-header{position:sticky!important;top:0!important;z-index:300!important;width:100%!important;height:4.5rem!important;min-height:4.5rem!important;margin:0!important;border:0!important;border-bottom:1px solid #252a34!important;border-radius:0!important;background:#090b10!important;color:#f8fafc!important;box-shadow:none!important;backdrop-filter:none!important}
.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{width:min(80rem,calc(100% - 3rem))!important;height:100%!important;margin:0 auto!important;padding:.5rem 0!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.ui-v7 .site-header :where(.brand,.brand-product,.primary-nav a,.quiet-link),.stax-dark.ui-v7 .site-header :where(.brand,.brand-product,.primary-nav a,.quiet-link){color:#e5e7eb!important;-webkit-text-fill-color:#e5e7eb!important}
.ui-v7 .site-header .primary-nav a:hover,.ui-v7 .site-header .primary-nav a[aria-current=page]{background:#1b202a!important;color:#fff!important}
.ui-v7 .site-header .theme-toggle{border-color:#353b47!important;background:#151922!important;color:#fff!important}
@media(max-width:47.9375rem){.p-header,.stax-dark .p-header{height:3.75rem!important;min-height:3.75rem!important;padding-inline:1rem!important}.ui-v7 .site-header,.stax-dark.ui-v7 .site-header{height:3.75rem!important;min-height:3.75rem!important}.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{width:calc(100% - 2rem)!important;padding:0!important}}

/* STAX Pay physical-card interaction. */
.ui-v10 .stax-pay-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:0;aspect-ratio:1.586/1;padding:1.5rem;overflow:hidden;border:1px solid #313846;border-radius:1.25rem;background:linear-gradient(145deg,#1b2028 0%,#080a0e 45%,#111722 100%);color:#f8fafc;text-align:left;box-shadow:0 1.25rem 2.8rem rgba(15,23,42,.22);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ui-v10 .stax-pay-card::before,.ui-v10 .stax-pay-card::after{content:"";position:absolute;z-index:-1;inset:auto -20% 18% 24%;height:2px;rotate:-34deg;background:linear-gradient(90deg,transparent,#80c7ff,transparent);box-shadow:0 0 1.5rem rgba(87,171,255,.9)}
.ui-v10 .stax-pay-card::after{inset:18% 8% auto -25%;rotate:-42deg;opacity:.45}
.ui-v10 .stax-pay-card:hover{transform:translateY(-3px);border-color:#64748b;box-shadow:0 1.75rem 3.5rem rgba(15,23,42,.28)}
.ui-v10 .stax-pay-card:active{transform:scale(.985)}
.ui-v10 .stax-pay-card:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
.ui-v10 .stax-pay-card>header,.ui-v10 .stax-pay-card>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ui-v10 .stax-pay-card>header b{font-size:1.25rem;letter-spacing:.32em;color:#fff!important}.ui-v10 .stax-pay-card>header small{font-size:.625rem;letter-spacing:.22em;color:#cbd5e1!important}
.ui-v10 .pay-card-chip{display:grid;grid-template-columns:repeat(3,1fr);width:3.25rem;height:2.35rem;margin:.75rem 0 .35rem;overflow:hidden;border:1px solid #f4e5b3;border-radius:.45rem;background:linear-gradient(135deg,#f3e2ad,#9e8b5b)}
.ui-v10 .pay-card-chip i{border-right:1px solid rgba(72,57,29,.35)}
.ui-v10 .stax-pay-card>strong{font-size:2rem!important;color:#fff!important}.ui-v10 .pay-card-number{position:relative;z-index:2;width:max-content;max-width:100%;min-height:0;padding:.35rem .45rem;margin-left:-.45rem;border:0;border-radius:.4rem;background:transparent;color:#fff!important;font:600 clamp(1rem,2.1vw,1.3rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;white-space:nowrap;text-align:left;transition:background .16s ease}
.ui-v10 .pay-card-number:hover,.ui-v10 .pay-card-number:focus-visible{background:rgba(255,255,255,.12);outline:none}
.ui-v10 .stax-pay-card>footer span{display:grid;gap:.18rem}.ui-v10 .stax-pay-card>footer span:last-child{text-align:right}.ui-v10 .stax-pay-card>footer small{color:#94a3b8!important;font-size:.55rem;letter-spacing:.14em}.ui-v10 .stax-pay-card>footer b{color:#fff!important;font-size:.75rem;letter-spacing:.06em}.ui-v10 .stax-pay-card>em{position:absolute;right:1.5rem;bottom:1.5rem;translate:0 1.35rem;color:#93c5fd;font-size:.68rem;font-style:normal;opacity:0;transition:.18s ease}.ui-v10 .stax-pay-card:hover>em,.ui-v10 .stax-pay-card.copied>em{translate:0 0;opacity:1}
.ui-v10 .pay-dashboard-v9.card-selected [data-pay-workspace]{animation:stax-workspace-focus .48s ease both}
@keyframes stax-workspace-focus{0%{opacity:.72;transform:translateY(.65rem)}100%{opacity:1;transform:none}}
.ui-v10 .unlimited-product .stock-pill{background:#e9fff7!important;color:#087a55!important;border:1px solid #a7f3d0}.stax-dark.ui-v10 .unlimited-product .stock-pill{background:#10362c!important;color:#6ee7b7!important;border-color:#206b56}
.ui-v10 .manual-credit-form{margin:1rem 0 2rem}.ui-v10 .admin-help{color:var(--stax-color-text-secondary)}.ui-v10 .admin-card-number{font:600 .85rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}
@media(max-width:47.9375rem){.ui-v10 .stax-pay-card{max-width:30rem;margin:auto;padding:1.15rem;border-radius:1rem}.ui-v10 .stax-pay-card>strong{font-size:1.65rem!important}.ui-v10 .pay-card-number{font-size:.92rem;letter-spacing:.065em}.ui-v10 .stax-pay-card>em{display:none}}

/* V11: portrait Pay card and collision-proof black navigation. */
.ui-v10 .p-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:1.25rem!important}
.ui-v10 .p-header>.p-brand{grid-column:1!important}.ui-v10 .p-header>nav{grid-column:2!important;justify-self:center!important;min-width:0!important;gap:.125rem!important}.ui-v10 .p-header>.p-actions{grid-column:3!important;justify-self:end!important;min-width:0!important}.ui-v10 .p-header>.stax-mobile-menu{display:none!important}
.ui-v10 .pay-dashboard-v9{display:grid!important;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr)!important;align-items:stretch!important;gap:1.5rem!important;padding:1rem!important}
.ui-v10 .pay-workspace-v9{display:block!important;min-width:0!important;width:100%!important;height:100%!important;padding:0!important}
.ui-v10 .pay-workspace-v9>.pay-form-v9,.ui-v10 .pay-workspace-v9>.pay-wait-v9,.ui-v10 .pay-workspace-v9>.pay-login-v9{width:100%!important;max-width:none!important;height:100%!important;min-height:0!important}
.ui-v10 .stax-pay-card{align-self:stretch;aspect-ratio:.72/1;min-height:31rem;max-height:34rem;padding:1.75rem;border-radius:1.5rem;background:linear-gradient(155deg,#1a2029 0%,#07090d 45%,#111b27 100%)}
.ui-v10 .stax-pay-card::before{inset:16% -42% auto 4%;rotate:-49deg}.ui-v10 .stax-pay-card::after{inset:auto -35% 27% -6%;rotate:-41deg}
.ui-v10 .stax-pay-card>header{align-items:flex-start}.ui-v10 .stax-pay-card>header b{font-size:1.4rem}.ui-v10 .pay-card-chip{width:3.6rem;height:2.65rem;margin:1.25rem 0 0}.ui-v10 .stax-pay-card>strong{margin-top:auto;font-size:2.25rem!important}.ui-v10 .pay-card-number{margin-top:.65rem;font-size:1.06rem;letter-spacing:.075em}.ui-v10 .stax-pay-card>footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14)}
.ui-v10 .pay-form-v9{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"head head" "quick quick" "amount sender" "submit submit";align-content:center!important;gap:1rem 1.25rem!important;padding:1.75rem!important}
.ui-v10 .pay-form-v9>header{grid-area:head}.ui-v10 .pay-form-v9>.pay-quick-amounts{grid-area:quick;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.75rem!important}.ui-v10 .pay-form-v9>label:nth-of-type(1){grid-area:amount}.ui-v10 .pay-form-v9>label:nth-of-type(2){grid-area:sender}.ui-v10 .pay-form-v9>.btn{grid-area:submit;width:100%!important}.ui-v10 .pay-quick-amounts button{min-width:0!important;white-space:nowrap!important;word-break:keep-all!important}
@media(max-width:87.5rem){.ui-v10 .p-header{grid-template-columns:auto minmax(2.75rem,1fr) auto auto!important;gap:.75rem!important}.ui-v10 .p-header>nav{display:none!important;position:absolute!important;z-index:320!important;top:calc(100% + .5rem)!important;left:1rem!important;right:1rem!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.375rem!important;padding:.75rem!important;border:1px solid #353b47!important;border-radius:.75rem!important;background:#11151d!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.3)!important}.ui-v10 .p-header>nav.open{display:grid!important}.ui-v10 .p-header>.p-actions{grid-column:3!important}.ui-v10 .p-header>.stax-mobile-menu{display:inline-flex!important;grid-column:4!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;align-items:center!important;justify-content:center!important;border:1px solid #353b47!important;border-radius:.625rem!important;background:#151922!important;color:#fff!important}}
@media(max-width:61.9375rem){.ui-v10 .pay-dashboard-v9{grid-template-columns:1fr!important}.ui-v10 .stax-pay-card{justify-self:center;width:min(100%,21rem);min-height:29rem}.ui-v10 .pay-form-v9{height:auto!important;grid-template-columns:1fr!important;grid-template-areas:"head" "quick" "amount" "sender" "submit"}}
@media(max-width:47.9375rem){.ui-v10 .p-header>nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-v10 .p-header>.p-actions{display:flex!important}.ui-v10 .stax-pay-card{width:min(100%,19rem);min-height:27rem;max-height:none;padding:1.35rem}.ui-v10 .pay-form-v9{padding:1rem!important}.ui-v10 .pay-quick-amounts{gap:.5rem!important}}

/* V12: always-collapsed header and compact commerce/account surfaces. */
.ui-v10 .p-header{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.ui-v10 .p-header>nav{display:none!important;position:absolute!important;z-index:320!important;top:calc(100% + .5rem)!important;left:max(1rem,calc((100vw - 73.75rem)/2))!important;right:max(1rem,calc((100vw - 73.75rem)/2))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.375rem!important;padding:.75rem!important;border:1px solid #353b47!important;border-radius:.75rem!important;background:#11151d!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.3)!important}
.ui-v10 .p-header>nav.open{display:grid!important}.ui-v10 .p-header>.p-actions{grid-column:3!important}.ui-v10 .p-header>.stax-mobile-menu{display:inline-flex!important;grid-column:4!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;align-items:center!important;justify-content:center!important;border:1px solid #353b47!important;border-radius:.625rem!important;background:#151922!important;color:#fff!important}
.ui-v10 .shop-catalog-v9 .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:1.25rem!important}.ui-v10 .store-product{height:auto!important;min-height:0!important}.ui-v10 .store-product-media{aspect-ratio:16/7.5!important}.ui-v10 .store-product-body{padding:1.5rem!important}.ui-v10 .store-product-body>span{min-height:0!important;margin-bottom:1rem!important}.ui-v10 .store-product-price{margin-top:1rem!important;padding-top:1rem!important}.ui-v10 .store-buy{margin-top:1rem!important}
.ui-v10 .purchase-success{display:grid!important;justify-items:start!important;gap:1rem!important;width:min(46rem,calc(100% - 2rem))!important;max-width:46rem!important;min-height:0!important;margin:3rem auto!important;padding:2rem!important;border:1px solid var(--stax-color-border)!important;border-radius:1rem!important;background:var(--stax-color-surface)!important;color:var(--stax-color-text)!important}.ui-v10 .purchase-success h1{margin:0!important;font-size:2rem!important;line-height:1.25!important}.ui-v10 .purchase-check{display:grid;width:3rem;height:3rem;place-items:center;border-radius:999px;background:#dcfce7;color:#15803d;font-size:1.35rem;font-weight:800}.ui-v10 .purchase-order{margin:0!important;color:var(--stax-color-text-secondary)!important}.ui-v10 .purchase-order b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--stax-color-text)!important}.ui-v10 .purchase-credential{display:grid;width:100%;gap:.75rem}.ui-v10 .purchase-credential textarea{width:100%;min-height:6.5rem;padding:1rem;border:1px solid var(--stax-color-border);border-radius:.625rem;background:var(--stax-color-background);color:var(--stax-color-text);font:600 .9rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.ui-v10 .purchase-credential .warning{margin:0!important}.ui-v10 .purchase-success>.btn.ghost{margin-top:.25rem!important}
.stax-dark.ui-v10 .purchase-success{background:#11151d!important;border-color:#303744!important;color:#f8fafc!important}.stax-dark.ui-v10 .purchase-credential textarea{background:#0d1118!important;border-color:#394353!important;color:#f8fafc!important}.stax-dark.ui-v10 .purchase-order,.stax-dark.ui-v10 .purchase-order b{color:#cbd5e1!important}
.stax-dark.ui-v10 .account-head{width:min(68rem,calc(100% - 2rem))!important;margin:2rem auto 1rem!important;padding:2rem!important;border:1px solid #303744!important;border-radius:1rem!important;background:#11151d!important;color:#f8fafc!important}.stax-dark.ui-v10 .account-head :where(h1,p,small,strong){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}.stax-dark.ui-v10 .account-head>article{background:#171c25!important;border-color:#394353!important}.stax-dark.ui-v10 .p-section{width:min(68rem,calc(100% - 2rem))!important;margin:0 auto 3rem!important;padding:2rem!important;border:1px solid #303744!important;border-radius:1rem!important;background:#11151d!important;color:#f8fafc!important}.stax-dark.ui-v10 .p-section h2{color:#f8fafc!important}.stax-dark.ui-v10 .p-section .table,.stax-dark.ui-v10 .p-section .form-inline{background:#0d1118!important;border-color:#303744!important}.stax-dark.ui-v10 .p-section .tr{border-color:#303744!important;color:#e5e7eb!important}.stax-dark.ui-v10 .p-section .tr.th{background:#171c25!important;color:#94a3b8!important}.stax-dark.ui-v10 .p-section input{background:#111827!important;color:#f8fafc!important;border-color:#475569!important}
@media(max-width:70rem){.ui-v10 .shop-catalog-v9 .store-grid{grid-template-columns:1fr!important}}
@media(max-width:47.9375rem){.ui-v10 .p-header>nav{left:1rem!important;right:1rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-v10 .p-header>.p-actions>a{display:none!important}.ui-v10 .shop-catalog-v9 .store-grid{grid-template-columns:1fr!important}.ui-v10 .purchase-success{margin:1.5rem auto!important;padding:1.25rem!important}.stax-dark.ui-v10 .account-head,.stax-dark.ui-v10 .p-section{padding:1rem!important}}


/* V13: one stable hamburger header on every STAX screen. */
.p-header,.ui-v10 .p-header,.home-platform .p-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) 2.75rem!important;align-items:center!important;gap:1rem!important}
.p-header>.p-brand{grid-column:1!important;min-width:0!important}
.p-header>.stax-mobile-menu{display:inline-flex!important;grid-column:3!important;align-items:center!important;justify-content:center!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;padding:0!important;border:1px solid #353b47!important;border-radius:.625rem!important;background:#151922!important;color:#fff!important;font-size:0!important;line-height:0!important}
.p-header>.stax-mobile-menu::before{content:"☰"!important;font-size:1.35rem!important;line-height:1!important;color:#fff!important}
.p-header>nav{display:none!important;position:absolute!important;z-index:320!important;top:calc(100% + .5rem)!important;left:max(1rem,calc((100vw - 73.75rem)/2))!important;right:max(1rem,calc((100vw - 73.75rem)/2))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.375rem!important;padding:.75rem!important;border:1px solid #353b47!important;border-radius:.875rem!important;background:#11151d!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.34)!important}
.p-header>nav.open{display:grid!important}
.p-header>nav>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:2.75rem!important;padding:0 .8rem!important;border-radius:.625rem!important;color:#e5e7eb!important;white-space:nowrap!important}
.p-header>nav>.menu-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:flex-end!important;gap:.5rem!important;margin-top:.375rem!important;padding-top:.75rem!important;border-top:1px solid #2b313d!important}
.p-header>nav>.menu-actions>*{display:inline-flex!important;min-height:2.75rem!important}
@media(max-width:47.9375rem){.p-header,.ui-v10 .p-header,.home-platform .p-header{grid-template-columns:auto minmax(0,1fr) 2.75rem!important;padding-inline:1rem!important}.p-header>nav{left:.75rem!important;right:.75rem!important;grid-template-columns:1fr!important;max-height:calc(100dvh - 5rem)!important;overflow:auto!important}.p-header>nav>.menu-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.p-header>nav>.menu-actions>.btn{grid-column:1/-1!important}}

/* Mail uses the exact same collapsed interaction and geometry. */
.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) 2.75rem!important;gap:1rem!important}
.ui-v7 .site-header .brand-group{grid-column:1!important;min-width:0!important}
.ui-v7 .site-header .nav-toggle{display:inline-flex!important;grid-column:3!important;align-items:center!important;justify-content:center!important;width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;padding:0!important;border:1px solid #353b47!important;border-radius:.625rem!important;background:#151922!important;color:#fff!important;font-size:0!important;line-height:0!important}
.ui-v7 .site-header .nav-toggle svg{display:none!important}.ui-v7 .site-header .nav-toggle::before{content:"☰"!important;font-size:1.35rem!important;line-height:1!important}
.ui-v7 .site-header .primary-nav{display:none!important;position:absolute!important;z-index:320!important;top:calc(100% + .5rem)!important;left:max(1rem,calc((100vw - 80rem)/2))!important;right:max(1rem,calc((100vw - 80rem)/2))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.375rem!important;margin:0!important;padding:.75rem!important;border:1px solid #353b47!important;border-radius:.875rem!important;background:#11151d!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.34)!important}
.ui-v7 .site-header .primary-nav.open{display:grid!important}
.ui-v7 .site-header .primary-nav>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:2.75rem!important;padding:0 .8rem!important;border-radius:.625rem!important;color:#e5e7eb!important}
.ui-v7 .site-header .primary-nav>.menu-actions{display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:flex-end!important;gap:.5rem!important;margin:0!important;padding-top:.75rem!important;border-top:1px solid #2b313d!important}
.ui-v7 .site-header .primary-nav>.menu-actions>*{display:inline-flex!important}
@media(max-width:47.9375rem){.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{grid-template-columns:auto minmax(0,1fr) 2.75rem!important}.ui-v7 .site-header .primary-nav{left:.75rem!important;right:.75rem!important;grid-template-columns:1fr!important;max-height:calc(100dvh - 5rem)!important;overflow:auto!important}.ui-v7 .site-header .primary-nav>.menu-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ui-v7 .brand-product,.ui-v7 .brand-group>i{display:none!important}}


/* V14: restored non-collapsing navigation and contrast-safe surfaces. */
.p-header,.ui-v10 .p-header,.home-platform .p-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;width:100vw!important;max-width:none!important;min-height:4.5rem!important;height:4.5rem!important;padding-inline:max(1.5rem,calc((100vw - 76rem)/2))!important;gap:1.25rem!important;overflow:visible!important}
.p-header>.p-brand{grid-column:1!important;grid-row:1!important}
.p-header>nav,.p-header>nav.open{position:static!important;display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:center!important;gap:.125rem!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;scrollbar-width:none!important}
.p-header>nav::-webkit-scrollbar{display:none!important}
.p-header>nav>a{display:inline-flex!important;flex:0 0 auto!important;min-height:2.5rem!important;padding:0 .65rem!important;border-radius:.5rem!important;color:#d6d9df!important;font-size:.78rem!important;font-weight:650!important;white-space:nowrap!important}
.p-header>.p-actions{position:static!important;display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:flex-end!important;gap:.4rem!important;min-width:max-content!important}
.p-header>.p-actions>*{display:inline-flex!important;flex:0 0 auto!important;min-height:2.5rem!important;white-space:nowrap!important}
.p-header>.stax-mobile-menu{display:none!important}
@media(max-width:68.75rem){.p-header,.ui-v10 .p-header,.home-platform .p-header{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:3.75rem 3.25rem!important;height:7rem!important;min-height:7rem!important;padding-inline:1rem!important;gap:0 .75rem!important}.p-header>.p-brand{grid-column:1!important;grid-row:1!important}.p-header>.p-actions{grid-column:3!important;grid-row:1!important}.p-header>nav,.p-header>nav.open{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;border-top:1px solid #252a34!important}.p-header>nav>a{min-height:2.75rem!important}.p-header>.p-actions>a:not(.btn){display:inline-flex!important}.p-header>.p-actions>.btn{display:inline-flex!important}}
@media(max-width:38rem){.p-header,.ui-v10 .p-header,.home-platform .p-header{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:3.75rem 3rem 3.25rem!important;height:10rem!important;min-height:10rem!important}.p-header>.p-brand{grid-column:1!important;grid-row:1!important}.p-header>.p-actions{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;overflow-x:auto!important}.p-header>nav,.p-header>nav.open{grid-row:3!important}.p-header>.p-actions>*{min-height:2.35rem!important}.p-header>.p-actions>a{display:inline-flex!important}}

/* Mail header follows the same stable, visible layout without a menu control. */
.ui-v7 .site-header,.stax-dark.ui-v7 .site-header{width:100vw!important;max-width:none!important;height:4.5rem!important;min-height:4.5rem!important;overflow:visible!important}
.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:1fr!important;width:min(80rem,calc(100% - 3rem))!important;height:100%!important;gap:1.25rem!important}
.ui-v7 .site-header .brand-group{grid-column:1!important;grid-row:1!important}
.ui-v7 .site-header .primary-nav,.ui-v7 .site-header .primary-nav.open{position:static!important;display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:center!important;gap:.125rem!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;scrollbar-width:none!important}
.ui-v7 .site-header .primary-nav::-webkit-scrollbar{display:none!important}
.ui-v7 .site-header .primary-nav>a{display:inline-flex!important;flex:0 0 auto!important;min-height:2.5rem!important;padding:0 .6rem!important;border-radius:.5rem!important;color:#d6d9df!important;font-size:.78rem!important;white-space:nowrap!important}
.ui-v7 .site-header .header-account{position:static!important;display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:flex-end!important;gap:.4rem!important;min-width:max-content!important}
.ui-v7 .site-header .header-account>*{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important}
.ui-v7 .site-header .nav-toggle{display:none!important}
@media(max-width:75rem){.ui-v7 .site-header,.stax-dark.ui-v7 .site-header{height:7rem!important;min-height:7rem!important}.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:3.75rem 3.25rem!important;width:calc(100% - 2rem)!important;gap:0 .75rem!important}.ui-v7 .site-header .brand-group{grid-column:1!important;grid-row:1!important}.ui-v7 .site-header .header-account{grid-column:3!important;grid-row:1!important}.ui-v7 .site-header .primary-nav,.ui-v7 .site-header .primary-nav.open{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;border-top:1px solid #252a34!important}.ui-v7 .site-header .primary-nav>a{min-height:2.75rem!important}}
@media(max-width:38rem){.ui-v7 .site-header,.stax-dark.ui-v7 .site-header{height:10rem!important;min-height:10rem!important}.ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:3.75rem 3rem 3.25rem!important}.ui-v7 .site-header .brand-group{grid-column:1/-1!important;grid-row:1!important}.ui-v7 .site-header .header-account{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;overflow-x:auto!important}.ui-v7 .site-header .primary-nav,.ui-v7 .site-header .primary-nav.open{grid-row:3!important}.ui-v7 .site-header .header-account>.quiet-link,.ui-v7 .site-header .header-account>.header-cta{display:inline-flex!important}}

/* Explicit light/dark text tokens prevent invisible information on every operational screen. */
.ui-v10{--stax-color-text:#111827;--stax-color-text-secondary:#475569;--stax-color-background:#f8fafc;--stax-color-surface:#fff;--stax-color-border:#d1d5db}
.ui-v10 #content{color:var(--stax-color-text)!important}
.ui-v10 #content :where(h1,h2,h3,h4,strong,b,label,dt,legend){color:var(--stax-color-text)!important;-webkit-text-fill-color:var(--stax-color-text)!important}
.ui-v10 #content :where(p,small,dd,span,li){opacity:1}
.ui-v10 #content :where(input,textarea,select){background:#fff;color:#111827;-webkit-text-fill-color:#111827;border-color:#cbd5e1;opacity:1}
.ui-v10 #content :where(input,textarea)::placeholder{color:#64748b;-webkit-text-fill-color:#64748b;opacity:1}
.stax-dark.ui-v10{--stax-color-text:#f8fafc;--stax-color-text-secondary:#cbd5e1;--stax-color-background:#090b10;--stax-color-surface:#11151d;--stax-color-border:#343c49}
.stax-dark.ui-v10 #content{color:#f8fafc!important}
.stax-dark.ui-v10 #content :where(h1,h2,h3,h4,strong,b,label,dt,legend){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.ui-v10 #content :where(p,small,dd,li){color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
.stax-dark.ui-v10 #content :where(input,textarea,select){background:#111827!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;border-color:#475569!important;opacity:1!important}
.stax-dark.ui-v10 #content :where(input,textarea)::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important}
.stax-dark.ui-v10 #content :where(.simple,.p-section,.account-head,.auth-card,.form-card,.pay-form-v9,.pay-wait-v9,.pay-login-v9,.store-product,.number-card,.status-card){background:#11151d;color:#f8fafc;border-color:#343c49}

/* Pay card internals must not inherit generic white footer/button styles. */
.ui-v10 #content .stax-pay-card{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.ui-v10 #content .stax-pay-card>header,.ui-v10 #content .stax-pay-card>footer{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;box-shadow:none!important}
.ui-v10 #content .stax-pay-card>footer{padding-top:1.25rem!important;border-top:1px solid rgba(255,255,255,.18)!important}
.ui-v10 #content .stax-pay-card :where(strong,b,small,span){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important}
.ui-v10 #content .stax-pay-card .pay-card-number{display:block!important;width:auto!important;max-width:100%!important;min-height:2.75rem!important;padding:.65rem .75rem!important;margin:.75rem 0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:.6rem!important;background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.ui-v10 .pay-form-v9 button:disabled,.stax-dark.ui-v10 .pay-form-v9 button:disabled{border-color:#374151!important;background:#1f2937!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important;opacity:1!important}
.ui-v10 .pay-quick-amounts button{color:#111827!important;-webkit-text-fill-color:#111827!important}


/* V15: targeted QA for Pay, Number and service Status. */
/* Header actions also stay light-on-dark on these screens. */
.stax-dark.ui-v10:is(.pay-page,.status-page) .p-header :where(.btn.small,.theme-toggle,.p-actions>a),
.stax-dark.number-page .site-header :where(.header-cta,.theme-toggle,.quiet-link){border-color:#475569!important;background:#1f2937!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
/* Dark mode rule: these three screens never render black/dark text. */
.stax-dark.ui-v10:is(.pay-page,.status-page) #content :where(h1,h2,h3,h4,p,span,small,strong,b,label,dt,dd,li,em,a,button,input,textarea,select),
.stax-dark.number-page :where(main h1,main h2,main h3,main h4,main p,main span,main small,main strong,main b,main label,main dt,main dd,main li,main em,main a,main button,main input,main textarea,main select){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;opacity:1!important}
.stax-dark.ui-v10:is(.pay-page,.status-page) #content :where(p,small,dt,.overline,.status-updated),
.stax-dark.number-page main :where(p,small,dt,time){color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
.stax-dark.ui-v10:is(.pay-page,.status-page) #content :where(input,textarea,select),
.stax-dark.number-page main :where(input,textarea,select){background:#111827!important;border-color:#475569!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}

/* Pay: keep the complete heading, card and form visible as one balanced workspace. */
.ui-v10.pay-page #content{width:min(72rem,calc(100% - 2rem))!important;padding:1.5rem 0 3rem!important}
.ui-v10.pay-page .pay-shell-v9{padding:0!important}
.ui-v10.pay-page .pay-shell-v9>header{display:grid!important;justify-items:center!important;gap:.45rem!important;width:min(46rem,100%)!important;margin:0 auto 1.25rem!important;padding:.5rem 0!important;text-align:center!important}
.ui-v10.pay-page .pay-shell-v9>header .overline{margin:0!important}
.ui-v10.pay-page .pay-shell-v9>header h1{margin:0!important;font-size:clamp(2rem,4vw,2.65rem)!important;line-height:1.18!important;letter-spacing:-.045em!important}
.ui-v10.pay-page .pay-shell-v9>header h1 em{color:inherit!important;-webkit-text-fill-color:currentColor!important;font-style:normal!important}
.ui-v10.pay-page .pay-shell-v9>header>span{margin:0!important;color:var(--stax-color-text-secondary)!important;line-height:1.55!important}
.ui-v10.pay-page .pay-dashboard-v9{grid-template-columns:minmax(17rem,22rem) minmax(0,1fr)!important;gap:1rem!important;padding:.75rem!important;border-radius:1.5rem!important}
.ui-v10.pay-page .stax-pay-card{min-height:28rem!important;max-height:29rem!important;padding:1.5rem!important}
.ui-v10.pay-page .pay-workspace-v9,.ui-v10.pay-page .pay-form-v9{min-height:28rem!important;height:100%!important}
.ui-v10.pay-page .pay-form-v9{align-content:center!important;padding:1.5rem!important}
.stax-dark.ui-v10.pay-page .pay-quick-amounts button{border:1px solid #475569!important;background:#1f2937!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.ui-v10.pay-page .pay-quick-amounts button:hover{background:#334155!important}
.stax-dark.ui-v10.pay-page .pay-form-v9 button.btn:not(:disabled){background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.stax-dark.ui-v10.pay-page .pay-form-v9 button:disabled{background:#1f2937!important;color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}
.ui-v10.pay-page .pay-steps-v9{margin-top:1rem!important}
@media(max-width:61.9375rem){.ui-v10.pay-page .pay-dashboard-v9{grid-template-columns:1fr!important}.ui-v10.pay-page .stax-pay-card{width:min(100%,21rem)!important;justify-self:center!important}.ui-v10.pay-page .pay-workspace-v9,.ui-v10.pay-page .pay-form-v9{min-height:0!important}}
@media(max-width:40rem){.ui-v10.pay-page #content{width:calc(100% - 1.25rem)!important;padding-top:1rem!important}.ui-v10.pay-page .pay-shell-v9>header h1{font-size:1.9rem!important}.ui-v10.pay-page .pay-shell-v9>header>span br{display:none}.ui-v10.pay-page .pay-form-v9{padding:1rem!important}.ui-v10.pay-page .pay-steps-v9{grid-template-columns:1fr!important}}

/* Number: align header and content, remove the empty band, keep dark text readable. */
.number-page.ui-v7 .nav-toggle{display:none!important}
.number-page.ui-v7 .number-shell{width:min(74rem,calc(100% - 2rem))!important;margin:0 auto!important;padding:2.5rem 0 4rem!important}
.number-page.ui-v7 .number-hero{align-items:center!important;gap:2rem!important;margin:0 0 1.5rem!important;padding:1.75rem 2rem!important;border-radius:1rem!important}
.number-page.ui-v7 .number-hero h1{max-width:44rem!important;font-size:clamp(2rem,4vw,2.65rem)!important;line-height:1.18!important;letter-spacing:-.045em!important}
.number-page.ui-v7 .number-hero>div>p:last-child{max-width:48rem!important;margin-top:1rem!important;line-height:1.65!important}
.number-page.ui-v7 .number-grid{gap:1rem!important}
.number-page.ui-v7 .number-overview,.number-page.ui-v7 .license-panel,.number-page.ui-v7 .number-result{padding:1.5rem!important}
.stax-dark.number-page .number-hero,.stax-dark.number-page .number-overview,.stax-dark.number-page .license-panel,.stax-dark.number-page .number-result,.stax-dark.number-page .number-history,.stax-dark.number-page .policy-note{background:#111722!important;border-color:#334155!important;color:#f8fafc!important}
.stax-dark.number-page .member-tag,.stax-dark.number-page .state-chip{background:#182131!important;border-color:#475569!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.number-page .flag{background:#1e3a5f!important;color:#bfdbfe!important;-webkit-text-fill-color:#bfdbfe!important}
.stax-dark.number-page .button.primary{background:#2563eb!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:56.25rem){.number-page.ui-v7 .number-shell{padding-top:1.5rem!important}.number-page.ui-v7 .number-hero{display:grid!important;padding:1.25rem!important}.number-page.ui-v7 .number-grid{grid-template-columns:1fr!important}}
@media(max-width:35rem){.number-page.ui-v7 .number-shell{width:calc(100% - 1.25rem)!important}.number-page.ui-v7 .number-hero h1{font-size:1.85rem!important}.number-page.ui-v7 .number-overview,.number-page.ui-v7 .license-panel,.number-page.ui-v7 .number-result{padding:1rem!important}}

/* Status: use the available width, remove the stale menu control, and surface all service details. */
.ui-v10.status-page .stax-mobile-menu{display:none!important}
.ui-v10.status-page #content{width:100%!important;max-width:none!important}
.ui-v10.status-page .status-shell{width:min(74rem,calc(100% - 2rem))!important;margin:0 auto!important;padding:2.5rem 0 4rem!important}
.ui-v10.status-page .status-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(14rem,20rem)!important;align-items:end!important;gap:2rem!important;margin-bottom:1.5rem!important}
.ui-v10.status-page .status-hero h1{margin:.4rem 0 .75rem!important;font-size:clamp(2rem,4vw,2.65rem)!important;line-height:1.18!important;letter-spacing:-.045em!important}
.ui-v10.status-page .status-hero p{margin:0!important;max-width:42rem!important}
.ui-v10.status-page .status-summary{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:1rem!important;min-width:0!important;padding:1.25rem!important}
.ui-v10.status-page .status-summary strong{font-size:1.35rem!important}
.ui-v10.status-page .status-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}
.ui-v10.status-page .status-card.detailed{display:block!important;min-height:0!important;padding:1.5rem!important;background:#11151d!important;border-color:#343c49!important}
.ui-v10.status-page .status-card.detailed>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1rem!important}
.ui-v10.status-page .status-card.detailed>p{margin:.75rem 0 0!important}
.ui-v10.status-page .status-card.detailed dl{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.stax-dark.ui-v10.status-page .status-summary{background:#0d201c!important;border-color:#1f6b55!important;color:#86efac!important}
.stax-dark.ui-v10.status-page .status-summary :where(strong,span){color:#86efac!important;-webkit-text-fill-color:#86efac!important}
.stax-dark.ui-v10.status-page .status-pill{color:#6ee7b7!important;-webkit-text-fill-color:#6ee7b7!important}
@media(max-width:56.25rem){.ui-v10.status-page .status-shell{padding-top:1.5rem!important}.ui-v10.status-page .status-hero,.ui-v10.status-page .status-list{grid-template-columns:1fr!important}.ui-v10.status-page .status-card.detailed dl{grid-template-columns:1fr!important}}
@media(max-width:35rem){.ui-v10.status-page .status-shell{width:calc(100% - 1.25rem)!important}.ui-v10.status-page .status-card.detailed{padding:1rem!important}.ui-v10.status-page .status-card.detailed>header{display:grid!important}}

/* V16: navigation stays visible; the removed hamburger must never reappear. */
.ui-v10 .p-header>.stax-mobile-menu,.home-platform .p-header>.stax-mobile-menu,.p-header>.stax-mobile-menu{display:none!important}
.ui-v7 .site-header .nav-toggle,.stax-dark.ui-v7 .site-header .nav-toggle{display:none!important}

/* V17: keep the full header UI visible on every platform page. */
.ui-v10 .p-header>nav,.ui-v10 .p-header>nav.open,.home-platform .p-header>nav,.home-platform .p-header>nav.open{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;scrollbar-width:none!important}
.ui-v10 .p-header>nav::-webkit-scrollbar,.home-platform .p-header>nav::-webkit-scrollbar{display:none!important}
.ui-v10 .p-header>.stax-mobile-menu,.home-platform .p-header>.stax-mobile-menu{display:none!important}
@media(max-width:68.75rem){.ui-v10 .p-header>nav,.ui-v10 .p-header>nav.open,.home-platform .p-header>nav,.home-platform .p-header>nav.open{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;border-top:1px solid #252a34!important}}
@media(max-width:38rem){.ui-v10 .p-header>nav,.ui-v10 .p-header>nav.open,.home-platform .p-header>nav,.home-platform .p-header>nav.open{grid-row:3!important}}

/* Status cards follow the selected theme instead of mixing dark and light tokens. */
.ui-v10.status-page #content .status-card.detailed{background:#fff!important;border-color:#d1d5db!important;color:#111827!important}
.ui-v10.status-page #content .status-card.detailed :where(h2,strong,b,dd){color:#111827!important;-webkit-text-fill-color:#111827!important;opacity:1!important}
.ui-v10.status-page #content .status-card.detailed :where(p,small,dt){color:#475569!important;-webkit-text-fill-color:#475569!important;opacity:1!important}
.ui-v10.status-page #content .status-card.detailed dl>div{background:#f8fafc!important;border-color:#d1d5db!important}
.ui-v10.status-page #content .status-card.detailed a{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important}
.ui-v10.status-page #content .status-pill{color:#15803d!important;-webkit-text-fill-color:#15803d!important}
.stax-dark.ui-v10.status-page #content .status-card.detailed{background:#11151d!important;border-color:#343c49!important;color:#f8fafc!important}
.stax-dark.ui-v10.status-page #content .status-card.detailed :where(h2,strong,b,dd){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.ui-v10.status-page #content .status-card.detailed :where(p,small,dt){color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
.stax-dark.ui-v10.status-page #content .status-card.detailed dl>div{background:#171c25!important;border-color:#475569!important}
.stax-dark.ui-v10.status-page #content .status-card.detailed a{color:#60a5fa!important;-webkit-text-fill-color:#60a5fa!important}
.stax-dark.ui-v10.status-page #content .status-pill{color:#6ee7b7!important;-webkit-text-fill-color:#6ee7b7!important}

/* V18: single Number panels fill the rainbow frame; account labels never compress. */
.number-page.ui-v7 .number-grid>:only-child{grid-column:1/-1!important;width:100%!important;max-width:none!important}
.home-platform .p-header>.p-actions{min-width:max-content!important;flex-shrink:0!important}
.home-platform .p-header>.p-actions>a:not(.btn){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:4.75rem!important;padding-inline:.75rem!important;flex:0 0 auto!important;white-space:nowrap!important;word-break:keep-all!important}

/* V19: the Number header stays viewport-centered in both themes. */
body.number-page.ui-v7>.site-header{left:auto!important;right:auto!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-inline:0!important;transform:none!important;translate:none!important}
body.number-page.ui-v7>.site-header>.header-inner{width:min(80rem,calc(100% - 3rem))!important;max-width:none!important;margin-inline:auto!important}
@media(max-width:75rem){body.number-page.ui-v7>.site-header>.header-inner{width:calc(100% - 2rem)!important}}

/* V20: Number and Status headers are pinned to the viewport with one reserved row. */
body.number-page.ui-v7,body.ui-v10.status-page{padding-top:4.5rem!important}
body.number-page.ui-v7>.site-header,body.ui-v10.status-page>.p-header{position:fixed!important;inset:0 0 auto 0!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important;translate:none!important}
body.number-page.ui-v7>.site-header{padding-inline:0!important}
@media(max-width:75rem){body.number-page.ui-v7{padding-top:7rem!important}}
@media(max-width:68.75rem){body.ui-v10.status-page{padding-top:7rem!important}}
@media(max-width:38rem){body.number-page.ui-v7,body.ui-v10.status-page{padding-top:10rem!important}}

/* V21: 30-day incident history and registered-incident uptime. */
.ui-v10.status-page .status-uptime{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #d1d5db}
.ui-v10.status-page .status-uptime>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.ui-v10.status-page .status-uptime>header>div{display:grid;gap:.2rem}
.ui-v10.status-page .status-uptime>header span{font-weight:700;color:#111827}
.ui-v10.status-page .status-uptime>header small{font-size:.75rem;color:#64748b}
.ui-v10.status-page .status-uptime>header strong{font-size:1.15rem;color:#111827}
.ui-v10.status-page .status-bars{display:grid;grid-template-columns:repeat(30,minmax(.2rem,1fr));align-items:center;gap:.3rem;height:2.25rem}
.ui-v10.status-page .status-day{position:relative;display:block;min-width:0!important;min-height:0!important;width:100%;height:1.55rem;margin:0;padding:0;border:0;border-radius:.15rem;background:#cbd5e1;box-shadow:none;cursor:help;transition:height .16s ease,filter .16s ease}
.ui-v10.status-page .status-day[data-state="incident"],.ui-v10.status-page .status-day[data-state="current"]{background:#ef4444}
.stax-dark.ui-v10.status-page button.status-day[data-state="healthy"]{background:#475569!important;border-color:#475569!important}
.stax-dark.ui-v10.status-page button.status-day[data-state="incident"],.stax-dark.ui-v10.status-page button.status-day[data-state="current"]{background:#ef4444!important;border-color:#ef4444!important}
.stax-dark.ui-v10.status-page button.status-day:hover,.stax-dark.ui-v10.status-page button.status-day:focus-visible{filter:brightness(1.18)!important}
.ui-v10.status-page .status-day:hover,.ui-v10.status-page .status-day:focus-visible{height:1.9rem;filter:brightness(1.08);outline:2px solid #2563eb;outline-offset:2px;z-index:5}
.ui-v10.status-page .status-tooltip{position:absolute;left:50%;bottom:calc(100% + .65rem);z-index:20;display:none;width:min(18rem,70vw);padding:.75rem;border:1px solid #cbd5e1;border-radius:.55rem;background:#fff;color:#111827;text-align:left;box-shadow:0 .75rem 2rem rgba(15,23,42,.18);transform:translateX(-50%)}
.ui-v10.status-page .status-day:nth-child(-n+7) .status-tooltip{left:0;transform:none}
.ui-v10.status-page .status-day:nth-last-child(-n+7) .status-tooltip{left:auto;right:0;transform:none}
.ui-v10.status-page .status-day:hover .status-tooltip,.ui-v10.status-page .status-day:focus-visible .status-tooltip{display:grid;gap:.25rem}
.ui-v10.status-page .status-tooltip b{font-size:.75rem;color:#64748b}
.ui-v10.status-page .status-tooltip strong{font-size:.88rem;color:#111827}
.ui-v10.status-page .status-tooltip span{font-size:.8rem;line-height:1.45;color:#475569}
.ui-v10.status-page .status-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.7rem;color:#475569;font-size:.75rem}
.ui-v10.status-page .status-legend>span{display:inline-flex;align-items:center;gap:.35rem}
.ui-v10.status-page .status-legend i{width:.55rem;height:.55rem;border-radius:.15rem;background:#94a3b8}
.ui-v10.status-page .status-legend i[data-state="incident"]{background:#ef4444}
.ui-v10.status-page .status-legend small{margin-left:auto;color:#64748b}
.stax-dark.ui-v10.status-page .status-uptime{border-top-color:#334155}
.stax-dark.ui-v10.status-page .status-uptime>header :where(span,strong){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.ui-v10.status-page .status-uptime>header small,.stax-dark.ui-v10.status-page .status-legend,.stax-dark.ui-v10.status-page .status-legend small{color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
.stax-dark.ui-v10.status-page .status-tooltip{border-color:#475569;background:#111827;color:#f8fafc}
.stax-dark.ui-v10.status-page .status-tooltip :where(strong){color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}
.stax-dark.ui-v10.status-page .status-tooltip :where(b,span){color:#cbd5e1!important;-webkit-text-fill-color:#cbd5e1!important}
@media(max-width:40rem){.ui-v10.status-page .status-bars{gap:.18rem}.ui-v10.status-page .status-legend small{width:100%;margin-left:0}}








/* Mobile v28: dedicated phone layout, 320px and wider */
@media(max-width:47.9375rem){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{font-size:1rem;line-height:1.6}
  body :where(*,::before,::after){box-sizing:border-box}
  body :where(img,video,canvas,svg){max-width:100%;height:auto}
  body :where(h1){font-size:clamp(1.625rem,8vw,2.25rem)!important;line-height:1.25!important;letter-spacing:-.035em!important}
  body :where(h2){font-size:1.375rem!important;line-height:1.35!important}
  body :where(h3){font-size:1.125rem!important;line-height:1.4!important}
  body :where(p,li,td,th,label,input,button,select,textarea){overflow-wrap:anywhere}
  body :where(button,.btn,.button,input,select,textarea){min-height:3rem!important;font-size:1rem!important}
  body :where(input,select,textarea){width:100%!important;max-width:100%!important;padding-inline:1rem!important}
  body :where(.btn,.button,button[type="submit"]){justify-content:center}
  .p-header,.site-header{position:sticky!important;inset:0 0 auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:.75rem 1rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand actions" "nav nav"!important;row-gap:.625rem!important;background:#080b11!important}
  .p-header>.p-brand,.site-header .brand-group,.site-header .mail-wordmark{grid-area:brand!important;min-width:0!important}
  .p-header>.p-actions,.site-header .header-account{grid-area:actions!important;display:flex!important;justify-self:end!important;gap:.375rem!important;min-width:0!important}
  .p-header>nav,.p-header>nav.open,.site-header .primary-nav,.site-header .primary-nav.open{grid-area:nav!important;position:static!important;display:flex!important;width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important;margin:0!important;padding:.25rem 0 .125rem!important;gap:.25rem!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  .p-header>nav::-webkit-scrollbar,.site-header .primary-nav::-webkit-scrollbar{display:none!important}
  .p-header>nav>a,.site-header .primary-nav>a{display:inline-flex!important;flex:0 0 auto!important;min-width:max-content!important;min-height:2.5rem!important;padding:.625rem .75rem!important;border-radius:.5rem!important;color:#e5e7eb!important;white-space:nowrap!important}
  .p-header>nav>a[aria-current="page"],.site-header .primary-nav>a[aria-current="page"]{background:#1b2230!important;color:#fff!important}
  .p-header>.stax-mobile-menu,.site-header .nav-toggle{display:none!important}
  .p-actions .theme-toggle,.header-account .theme-toggle{display:inline-flex!important;width:2.75rem!important;min-width:2.75rem!important;padding:0!important}
  .p-actions .theme-toggle [data-theme-label],.header-account .theme-toggle [data-theme-label]{display:none!important}
  .p-actions>a:not(.btn),.header-account>a:not(.header-cta){display:none!important}
  .p-actions>.btn,.header-account>.header-cta{min-width:auto!important;min-height:2.75rem!important;height:2.75rem!important;padding:0 .75rem!important;font-size:.875rem!important;white-space:nowrap!important}
  body.ui-v10 #content,body.ui-v7>main:not(.mail-reader),.home-platform #content{width:100%!important;max-width:100%!important;margin:0!important;padding:1.25rem 1rem 3rem!important}
  body.number-page.ui-v7>main{padding-top:1.25rem!important}
  :where(.easy-hero,.easy-intro,.easy-feature-grid,.easy-story,.easy-steps,.easy-cta,.shop-catalog-v9,.pay-shell-v9,.account-shell,.status-shell,.number-shell,.mail-entry-v6,.auth-shell){width:100%!important;max-width:100%!important;margin-inline:auto!important}
  :where(.easy-hero,.shop-hero-v9,.pay-shell-v9>header,.number-hero,.mail-easy-hero,.account-head){min-height:0!important;padding:1.5rem 1rem!important;border-radius:.75rem!important}
  .easy-hero{display:grid!important;grid-template-columns:1fr!important;gap:1.5rem!important;text-align:left!important}
  .easy-hero :where(h1,p){max-width:none!important}
  .easy-actions{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important}
  .easy-actions :where(a,button){width:100%!important}
  :where(.easy-showcase,.easy-feature-grid,.store-grid,.pay-workspace-v9,.account-grid,.status-grid,.number-grid,.admin-grid,.mail-entry-v6,.auth-shell,.status-summary){display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
  .easy-showcase{min-height:0!important;border-radius:.75rem!important;overflow:hidden!important}
  .easy-showcase>*{min-height:12rem!important;padding:1rem!important}
  :where(.store-card,.p-section,.status-card,.admin-card,.number-overview,.number-result,.license-card,.policy-note,.form-card,.auth-card,.pay-balance-card-v9,.pay-form-v9,.pay-login-v9,.pay-wait-v9){min-width:0!important;width:100%!important;padding:1rem!important;border-radius:.625rem!important}
  .store-card{min-height:0!important}
  .store-card :where(.store-media,img){max-height:13.5rem!important;object-fit:cover!important}
  .store-buy{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important}
  .store-buy :where(input,button){width:100%!important}
  .pay-workspace-v9{padding:0!important}
  .stax-pay-card{width:100%!important;max-width:22rem!important;min-height:13.75rem!important;margin-inline:auto!important}
  .pay-form-v9{display:block!important}
  .pay-form-v9 .quick-amounts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}
  .pay-form-v9 .quick-amounts button{min-width:0!important;padding:.5rem!important;font-size:.875rem!important}
  .pay-form-v9 :where(.form-grid,.pay-fields){grid-template-columns:1fr!important;gap:1rem!important}
  .number-hero{display:block!important}
  .number-hero>.account-pill{margin-top:1rem!important;max-width:100%!important}
  .number-grid>:only-child{grid-column:auto!important}
  .number-overview .row,.number-result .row{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%)!important;gap:.75rem!important;align-items:start!important}
  .number-overview .row>*:last-child,.number-result .row>*:last-child{text-align:right!important;min-width:0!important}
  :where(.table-wrap,.account-table,.orders-table,.ledger-table){width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  :where(.table,.account-table table,.orders-table table,.ledger-table table){min-width:42rem}
  .purchase-success{width:100%!important;min-height:0!important;margin:0!important;padding:1rem!important}
  .purchase-success textarea{min-height:9rem!important}
  .auth-shell{padding:1rem 0!important}
  .auth-copy{display:none!important}
  .form-card,.auth-card{max-width:none!important;margin:0!important;padding:1.25rem 1rem!important}
  .form-card :where(.btn,button[type="submit"]),.auth-card :where(.btn,button[type="submit"]){width:100%!important}
  .status-head{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important}
  .status-summary{min-width:0!important}
  .status-card .status-metrics{grid-template-columns:1fr!important}
  footer,.site-footer{width:100%!important;padding:2rem 1rem!important;display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;text-align:left!important}
  footer>div,.site-footer>div{display:flex!important;flex-wrap:wrap!important;gap:.75rem 1rem!important}
  .mail-app-shell{overflow:hidden!important}
  .mail-app{width:100vw!important;max-width:100vw!important;grid-template-columns:1fr!important}
  .mail-sidebar{width:min(18rem,88vw)!important}
  .mail-list-pane,.mail-reader{width:100%!important;max-width:100vw!important}
  .mail-toolbar,.mail-search,.list-heading{padding-inline:1rem!important}
  [data-viewer]{padding:1rem!important}
  .site-music-control{left:12px!important;bottom:12px!important;width:44px!important;min-width:44px!important;height:44px!important}
  .site-music-volume{left:12px!important;bottom:64px!important;width:min(190px,calc(100vw - 24px))!important}
}

/* Mobile v29 final cascade: keep the home header to exactly two rows. */
@media(max-width:47.9375rem){
  body.home-platform .p-header{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:2.75rem 2.75rem!important;
    grid-template-areas:none!important;
    column-gap:.75rem!important;
    row-gap:.25rem!important;
    padding:.5rem .75rem!important;
  }
  body.home-platform #content{padding:1rem .75rem 2.5rem!important}
}

/* V30: shared service notice, repeat reveal and stable phone headers. */
.global-status-banner{position:relative;z-index:250;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;min-height:2.75rem;padding:.625rem max(1rem,calc((100vw - 76rem)/2));border-bottom:1px solid #86efac;background:#ecfdf3;color:#14532d;font-size:.875rem;line-height:1.45}
.global-status-banner>i{flex:0 0 auto;width:.625rem;height:.625rem;border-radius:50%;background:#16a34a;box-shadow:0 0 0 .25rem rgba(22,163,74,.12)}
.global-status-banner>strong{color:#14532d}.global-status-banner>span{color:#166534}.global-status-banner>a{margin-left:auto;color:#14532d;font-weight:750;white-space:nowrap}
.global-status-banner[data-state="incident"]{border-color:#fecaca;background:#fef2f2;color:#7f1d1d}.global-status-banner[data-state="incident"]>i{background:#dc2626;box-shadow:0 0 0 .25rem rgba(220,38,38,.12)}.global-status-banner[data-state="incident"] :where(strong,span,a){color:#991b1b}
.stax-dark .global-status-banner{border-color:#166534;background:#052e24;color:#d1fae5}.stax-dark .global-status-banner :where(strong,span,a){color:#a7f3d0}.stax-dark .global-status-banner>i{background:#22c55e;box-shadow:0 0 0 .25rem rgba(34,197,94,.16)}
.stax-dark .global-status-banner[data-state="incident"]{border-color:#7f1d1d;background:#350b12;color:#fee2e2}.stax-dark .global-status-banner[data-state="incident"] :where(strong,span,a){color:#fecaca}
.stax-reveal{opacity:0;transform:translateY(1.25rem);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--stax-reveal-delay,0ms),transform .8s cubic-bezier(.22,1,.36,1) var(--stax-reveal-delay,0ms);will-change:opacity,transform}.stax-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.stax-reveal{opacity:1;transform:none;transition:none}}
@media(max-width:47.9375rem){
  body.ui-v10 .p-header{grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:2.75rem 2.5rem!important;grid-template-areas:none!important;height:auto!important;min-height:0!important;padding:.5rem .75rem!important;column-gap:.625rem!important;row-gap:.25rem!important}
  body.ui-v10 .p-header>.p-brand{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important}
  body.ui-v10 .p-header>.p-actions{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;gap:.25rem!important;min-width:0!important;width:auto!important}
  body.ui-v10 .p-header>.p-actions>a:not(.btn){display:none!important}
  body.ui-v10 .p-header>.p-actions>.btn{display:inline-flex!important;min-width:auto!important;height:2.5rem!important;min-height:2.5rem!important;padding:0 .7rem!important;font-size:.8125rem!important}
  body.ui-v10 .p-header>nav,body.ui-v10 .p-header>nav.open{position:static!important;display:flex!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-height:2.5rem!important;padding:0!important;gap:.125rem!important;overflow-x:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.ui-v10 .p-header>nav>a{flex:0 0 auto!important;min-height:2.25rem!important;padding:.4rem .625rem!important;font-size:.75rem!important}
  body.ui-v10 .p-header>.stax-mobile-menu{display:none!important}
  .ui-v7 .site-header{height:auto!important;min-height:0!important;padding:.5rem .75rem!important}
  .ui-v7 .site-header .header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:2.75rem 2.5rem!important;width:100%!important;gap:.25rem .625rem!important;padding:0!important}
  .ui-v7 .site-header .brand-group{grid-column:1!important;grid-row:1!important;align-self:center!important}
  .ui-v7 .site-header .header-account{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:center!important;min-width:0!important;gap:.25rem!important}
  .ui-v7 .site-header .primary-nav,.ui-v7 .site-header .primary-nav.open{position:static!important;display:flex!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-height:2.5rem!important;padding:0!important;gap:.125rem!important;overflow-x:auto!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .ui-v7 .site-header .primary-nav>a{flex:0 0 auto!important;min-height:2.25rem!important;padding:.4rem .625rem!important;font-size:.75rem!important}
  .ui-v7 .site-header .nav-toggle,.ui-v7 .site-header .stax-mobile-menu{display:none!important}
  .global-status-banner{align-items:flex-start;justify-content:flex-start;min-height:0;padding:.625rem .75rem;gap:.5rem;font-size:.75rem;flex-wrap:wrap}.global-status-banner>i{margin-top:.25rem}.global-status-banner>strong{max-width:calc(100% - 1.5rem)}.global-status-banner>span{flex-basis:calc(100% - 1.5rem);margin-left:1.125rem}.global-status-banner>a{position:absolute;top:.625rem;right:.75rem;padding-left:.5rem;background:inherit}.global-status-banner>strong{padding-right:4.5rem}
}

/* V31: status notice is a compact card, not a full-width alarm strip. */
.global-status-banner[hidden]{display:none!important}
.global-status-banner{z-index:250;width:min(73.75rem,calc(100% - 2rem));min-height:2.5rem;margin:.5rem auto 0;padding:.5rem .75rem;border:1px solid #86efac;border-radius:.625rem;background:#f0fdf4;justify-content:flex-start;gap:.5rem;box-shadow:0 .25rem 1rem rgba(15,23,42,.04);font-size:.8125rem}
.global-status-banner>i{width:.5rem;height:.5rem;box-shadow:0 0 0 .1875rem rgba(22,163,74,.1)}
.global-status-banner>strong{flex:0 0 auto}.global-status-banner>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-status-banner>span::before{content:"·";margin-right:.5rem;color:currentColor;opacity:.55}.global-status-banner>a{margin-left:auto}
.global-status-banner[data-state="incident"]{border-color:#fca5a5;background:#fff7f7;box-shadow:0 .25rem 1rem rgba(127,29,29,.04)}
.stax-dark .global-status-banner{border-color:#14532d;background:#071b15;box-shadow:none}.stax-dark .global-status-banner[data-state="incident"]{border-color:#7f1d1d;background:#1c0b0f;box-shadow:none}
@media(max-width:47.9375rem){.global-status-banner{width:calc(100% - 1.5rem);margin:.375rem auto 0;padding:.5rem .625rem;gap:.45rem;flex-wrap:nowrap}.global-status-banner>strong{max-width:38%;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-status-banner>span{display:block;flex:1 1 auto;flex-basis:auto;margin-left:0}.global-status-banner>a{position:static;flex:0 0 auto;margin-left:auto;padding-left:.25rem;background:transparent}.global-status-banner>i{margin-top:.2rem}.global-status-banner>span::before{display:none}}

/* V35: real phone layouts keep the desktop identity without desktop-scale geometry. */
@media(max-width:47.9375rem){
  html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;touch-action:manipulation!important}
  :where(a,button,input,select,textarea,label){touch-action:manipulation!important}
  :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px!important}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.home-platform .p-header,body.ui-v10 .p-header{box-sizing:border-box!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:6.5rem!important;min-height:6.5rem!important;margin:0!important;padding:.5rem max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left))!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:2.75rem 2.5rem!important;column-gap:.5rem!important;row-gap:.25rem!important}
  body.home-platform .p-header>.p-brand,body.ui-v10 .p-header>.p-brand{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important;min-width:max-content!important;margin:0!important;transform:none!important}
  .p-brand>span{display:grid!important;flex:0 0 2rem!important;width:2rem!important;height:2rem!important;place-items:center!important}
  body.home-platform .p-header>.p-actions,body.ui-v10 .p-header>.p-actions{grid-column:2!important;grid-row:1!important;justify-self:end!important;max-width:100%!important;min-width:0!important;gap:.25rem!important;overflow:visible!important}
  body.home-platform .p-header>.p-actions>a:not(.btn),body.ui-v10 .p-header>.p-actions>a:not(.btn){min-width:auto!important;padding-inline:.5rem!important;font-size:.75rem!important}
  body.home-platform .p-header>.p-actions>.btn,body.ui-v10 .p-header>.p-actions>.btn{min-width:auto!important;padding-inline:.65rem!important;font-size:.75rem!important}
  body.home-platform .p-header>nav,body.home-platform .p-header>nav.open,body.ui-v10 .p-header>nav,body.ui-v10 .p-header>nav.open{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-height:2.5rem!important;padding:.125rem 0 0!important;gap:.125rem!important;border-top:1px solid #252a34!important;overflow-x:auto!important;overflow-y:hidden!important}
  body.home-platform .p-header>nav>a,body.ui-v10 .p-header>nav>a{min-height:2.25rem!important;padding:.4rem .625rem!important;font-size:.75rem!important}
  body.home-platform #content{padding:1rem .75rem 2.5rem!important}
  .home-platform .easy-hero{min-height:0!important;padding:1.25rem .875rem!important;gap:.75rem!important}
  .home-platform .easy-eyebrow{margin:0!important;font-size:.6875rem!important;letter-spacing:.14em!important}
  .home-platform .easy-hero h1{max-width:18rem!important;margin:.25rem 0!important;font-size:clamp(1.75rem,9vw,2.125rem)!important;line-height:1.16!important;letter-spacing:-.045em!important;word-break:keep-all!important}
  .home-platform .easy-lead{margin:0!important;font-size:.9375rem!important;line-height:1.65!important;word-break:keep-all!important}
  .home-platform .easy-lead br{display:none!important}
  .home-platform .easy-actions{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important;margin-top:.5rem!important}
  .home-platform .easy-actions .btn{min-height:2.75rem!important}
  .home-platform .easy-text-link{padding:.25rem .125rem!important;font-size:.8125rem!important}
  .home-platform .easy-showcase{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:1rem 0 0!important;padding:.5rem!important;gap:.625rem!important;overflow:visible!important;scroll-snap-type:none!important}
  .home-platform .easy-showcase>.easy-panel{width:100%!important;min-width:0!important;min-height:10rem!important;padding:1rem!important;scroll-snap-align:none!important}
  .home-platform .easy-showcase :where(.easy-window,.easy-phone,.easy-balance){min-height:6.5rem!important;margin:.625rem 0!important;padding:.875rem!important;transform:none!important}
  .home-platform .easy-showcase>.easy-panel>strong{font-size:1.25rem!important}
  .home-platform .easy-intro{padding:2.5rem .25rem 1rem!important}
  .home-platform .easy-intro h2{font-size:1.625rem!important;line-height:1.3!important}

  .ui-v7 .site-header,.stax-dark.ui-v7 .site-header{box-sizing:border-box!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:6.5rem!important;min-height:6.5rem!important;margin:0!important;padding:.5rem max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left))!important}
  .ui-v7 .site-header .header-inner,.stax-dark.ui-v7 .site-header .header-inner{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;padding:0!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:2.75rem 2.5rem!important;gap:.25rem .5rem!important}
  .ui-v7 .site-header .brand-group{grid-column:1!important;grid-row:1!important;min-width:max-content!important;overflow:visible!important}
  .ui-v7 .site-header .header-account{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:auto!important;max-width:100%!important;min-width:0!important;gap:.25rem!important;overflow:visible!important}
  .ui-v7 .site-header .header-account>*{min-width:auto!important;min-height:2.5rem!important;padding-inline:.55rem!important;font-size:.75rem!important}
  .ui-v7 .site-header .primary-nav,.ui-v7 .site-header .primary-nav.open{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-height:2.5rem!important;padding:.125rem 0 0!important;gap:.125rem!important;border-top:1px solid #252a34!important;overflow-x:auto!important}
  .ui-v7 .site-header .primary-nav>a{min-height:2.25rem!important;padding:.4rem .625rem!important;font-size:.75rem!important}
  .ui-v7.mail-login-shell #main{width:100%!important;padding:.75rem!important}
  .ui-v7.mail-login-shell .mail-login-v5{min-height:0!important;border:1px solid var(--stax-color-border)!important;border-radius:.875rem!important}
  .ui-v7 .mail-login-grid{display:grid!important;grid-template-columns:1fr!important}
  .ui-v7 .mail-login-intro{display:none!important}
  .ui-v7 .mail-login-workspace{padding:1rem!important}
  .ui-v7 .login-mode-tabs{gap:.375rem!important;margin-bottom:1rem!important}
  .ui-v7 .login-mode-tabs button{min-height:2.75rem!important;padding:.5rem!important;font-size:.875rem!important}
  .ui-v7 .form-stack{gap:1rem!important}
  .ui-v7 .form-stack :where(input,textarea){font-size:1rem!important}
  .ui-v7 .mail-easy-hero{padding:1.25rem 1rem!important}
  .ui-v7 .mail-easy-hero h1,.ui-v7 .mail-entry-v6 h1{font-size:clamp(1.875rem,9vw,2.25rem)!important;line-height:1.18!important;word-break:keep-all!important}
  .ui-v7 .mail-easy-hero>span,.ui-v7 .mail-entry-v6>div>span{font-size:.9375rem!important;line-height:1.65!important;word-break:keep-all!important}
  .ui-v7 .mail-easy-story{display:grid!important;grid-template-columns:1fr!important;gap:1rem!important;padding:1rem!important}
  .ui-v7 .mail-story-copy h2{font-size:1.5rem!important;line-height:1.35!important;word-break:keep-all!important}
  .ui-v7 .mail-story-copy>span{font-size:.9375rem!important;line-height:1.65!important}
  .ui-v7 .mail-story-copy dl{display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}
  .ui-v7 .mail-story-copy dl>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;min-width:0!important;padding:.75rem 0!important}
  .ui-v7 .mail-story-copy :where(dt,dd){min-width:0!important;margin:0!important;font-size:.875rem!important;white-space:normal!important;word-break:keep-all!important}
  .ui-v7 .mail-story-board{padding:1rem!important}
  .ui-v7 .mail-story-board>div{grid-template-columns:2rem minmax(0,1fr) auto!important;gap:.625rem!important}
  .ui-v7 .mail-entry-v6{padding:1.25rem 1rem!important;gap:1rem!important}
  .ui-v7 .mail-entry-v6 aside{display:grid!important;grid-template-columns:1fr!important;gap:.625rem!important}

  body.ui-v10 #content>.p-section.narrow{width:100%!important;margin:0!important;padding:1rem!important;border-radius:.875rem!important;overflow:visible!important}
  body.ui-v10 #content>.p-section.narrow>h2{margin:1.25rem 0 .75rem!important;font-size:1.25rem!important}
  body.ui-v10 #content>.p-section.narrow>.table{width:100%!important;min-width:0!important;overflow:visible!important;border:0!important;background:transparent!important}
  body.ui-v10 #content>.p-section.narrow>.table>.tr.th{display:none!important}
  body.ui-v10 #content>.p-section.narrow>.table>.tr:not(.th){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;min-width:0!important;margin-bottom:.625rem!important;padding:.75rem!important;gap:.625rem 1rem!important;border:1px solid var(--stax-color-border)!important;border-radius:.625rem!important;background:var(--stax-color-surface)!important}
  body.ui-v10 #content>.p-section.narrow>.table>.tr:not(.th)>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:.2rem!important;overflow:visible!important;text-align:left!important;white-space:normal!important;word-break:break-word!important}
  body.ui-v10 #content>.p-section.narrow>.table>.tr:not(.th)>span::before{color:var(--stax-color-text-secondary)!important;font-size:.6875rem!important;font-weight:600!important}
  body.ui-v10 #content>.p-section.narrow>h2:first-of-type+.table .tr:not(.th)>span:nth-child(1){grid-column:1/-1!important;word-break:break-all!important}
  body.ui-v10 #content>.p-section.narrow>h2:first-of-type+.table .tr:not(.th)>span:nth-child(1)::before{content:"주문"}
  body.ui-v10 #content>.p-section.narrow>h2:first-of-type+.table .tr:not(.th)>span:nth-child(2)::before{content:"상품"}
  body.ui-v10 #content>.p-section.narrow>h2:first-of-type+.table .tr:not(.th)>span:nth-child(3)::before{content:"금액"}
  body.ui-v10 #content>.p-section.narrow>h2:first-of-type+.table .tr:not(.th)>span:nth-child(4)::before{content:"상태"}
  body.ui-v10 #content>.p-section.narrow>h2:nth-of-type(2)+.table .tr:not(.th)>span:nth-child(1)::before{content:"구분"}
  body.ui-v10 #content>.p-section.narrow>h2:nth-of-type(2)+.table .tr:not(.th)>span:nth-child(2)::before{content:"금액"}
  body.ui-v10 #content>.p-section.narrow>h2:nth-of-type(2)+.table .tr:not(.th)>span:nth-child(3)::before{content:"처리 후 잔액"}
  body.ui-v10 #content>.p-section.narrow>h2:nth-of-type(2)+.table .tr:not(.th)>span:nth-child(4){grid-column:1/-1!important}
  body.ui-v10 #content>.p-section.narrow>h2:nth-of-type(2)+.table .tr:not(.th)>span:nth-child(4)::before{content:"일시"}
  body.ui-v10 #content>.p-section.narrow>.form-inline{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;width:100%!important}
  body.ui-v10 #content>.p-section.narrow>.form-inline :where(label,input,button){width:100%!important;min-width:0!important}
}

/* V38 final cascade: the global controls never scroll out of reach. */
body.home-platform>.p-header,body.ui-v10>.p-header,.ui-v7>.site-header{position:sticky!important;inset:0 0 auto!important;top:0!important;z-index:1000!important;transform:none!important;translate:none!important}
@media(max-width:47.9375rem){html,body{overflow-x:clip!important}}


/* Home service demo and authenticated support */
.easy-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.28)}
.easy-panel-actions a{flex:1;min-width:0;color:#fff;font-size:clamp(1.4rem,2vw,2rem);font-weight:800;line-height:1;text-decoration:none}
.easy-panel-actions button{flex:0 0 auto;min-width:104px;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.42);border-radius:10px;background:#111827;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.18);cursor:pointer;transition:background-color .18s ease,transform .18s ease}
.easy-panel-actions button:hover{background:#1f2937}.easy-panel-actions button:active{transform:scale(.98)}
.easy-window.is-received{box-shadow:0 0 0 3px rgba(34,197,94,.28),0 18px 40px rgba(10,20,50,.18)}
.easy-window.is-received b{color:#15803d}
.easy-demo-trigger{min-width:9.5rem!important;border:1px solid rgba(17,24,39,.18)!important;background:#fff!important;color:#111827!important;box-shadow:0 8px 22px rgba(15,23,42,.12)!important;cursor:pointer!important}
.stax-support-launcher{position:fixed!important;right:16px!important;left:auto!important;bottom:16px!important;z-index:2147482000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:94px!important;min-width:94px!important;height:46px!important;padding:0 15px!important;border:1px solid #334155!important;border-radius:999px!important;background:#111827!important;color:transparent!important;font-size:0!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important;cursor:pointer!important}
.stax-support-launcher::before{content:"";display:block;width:19px;height:19px;flex:0 0 19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M18 19h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2h-2v7h1Z'/%3E%3Cpath d='M6 19H5a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h2v7H6Z'/%3E%3Cpath d='M18 19c0 1.1-.9 2-2 2h-3'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:contain}
.stax-support-launcher::after{content:"상담";color:#f8fafc;font-size:14px;font-weight:800;line-height:1}
.stax-support-launcher.is-enhanced::before,.stax-support-launcher.is-enhanced::after{display:none}
.stax-support-panel{position:fixed;right:16px;left:auto;bottom:72px;z-index:2147481999;width:min(400px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 104px));overflow:auto;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#111827;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.stax-support-panel[hidden]{display:none!important}
.stax-support-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:#fff}
.stax-support-panel>header small,.stax-support-panel>header strong{display:block}.stax-support-panel>header small{color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.12em}.stax-support-panel>header strong{margin-top:2px;font-size:18px}
.stax-support-panel>header button{width:40px;height:40px;border:0;border-radius:10px;background:#f1f5f9;color:#0f172a;font-size:24px;cursor:pointer}
.support-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 16px;padding:4px;border-radius:10px;background:#f1f5f9}.support-tabs button{min-height:40px;border:0;border-radius:7px;background:transparent;color:#475569;font-weight:700;cursor:pointer}.support-tabs button[aria-selected="true"]{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.1)}
.stax-support-panel [data-support-view]{padding:4px 16px 16px}.support-messages{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto;padding:4px 0 12px}.support-message{max-width:88%;margin:0;padding:10px 12px;border-radius:12px;background:#f1f5f9;color:#0f172a;line-height:1.5;white-space:pre-wrap}.support-message.user{align-self:flex-end;background:#2563eb;color:#fff}.support-message.error{background:#fef2f2;color:#b91c1c}
.stax-support-panel form{display:grid;gap:10px}.stax-support-panel label{display:grid;gap:6px;font-size:13px;font-weight:700}.stax-support-panel input,.stax-support-panel textarea{width:100%;min-height:46px;padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111827;font:inherit;resize:vertical}.stax-support-panel textarea:focus,.stax-support-panel input:focus{outline:3px solid rgba(37,99,235,.18);border-color:#2563eb}.stax-support-panel .btn{width:100%;min-height:46px}.support-note,.support-login{margin:0;padding:16px;color:#475569;line-height:1.6}.support-login .btn{display:flex;margin-top:16px}.stax-support-panel [data-ticket-result]{min-height:20px;margin:0;color:#2563eb;font-size:13px}.support-ticket-list{display:grid;gap:8px;margin:0 0 12px}.support-ticket-list article{display:grid;gap:4px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.support-ticket-list small{color:#64748b}.support-ticket-list p{margin:4px 0 0;color:#1e40af;line-height:1.5}
html[data-theme="dark"] .stax-support-panel{border-color:#334155;background:#0f172a;color:#f8fafc}html[data-theme="dark"] .stax-support-panel>header{border-color:#334155;background:#0f172a}html[data-theme="dark"] .stax-support-panel>header button,html[data-theme="dark"] .support-tabs{background:#1e293b;color:#f8fafc}html[data-theme="dark"] .support-tabs button{color:#cbd5e1}html[data-theme="dark"] .support-tabs button[aria-selected="true"]{background:#334155;color:#fff}html[data-theme="dark"] .support-message{background:#1e293b;color:#f8fafc}html[data-theme="dark"] .support-message.user{background:#2563eb}html[data-theme="dark"] .stax-support-panel input,html[data-theme="dark"] .stax-support-panel textarea{border-color:#475569;background:#111827;color:#fff}html[data-theme="dark"] .support-note,html[data-theme="dark"] .support-login{color:#cbd5e1}html[data-theme="dark"] .support-ticket-list article{border-color:#334155;background:#111827}html[data-theme="dark"] .support-ticket-list p{color:#93c5fd}
@media(max-width:640px){.stax-support-launcher{right:12px!important;left:auto!important;bottom:12px!important;width:92px!important;min-width:92px!important}.stax-support-panel{right:8px;left:auto;bottom:66px;width:calc(100vw - 16px);max-height:calc(100dvh - 82px);border-radius:14px}.easy-panel-actions{align-items:center;gap:12px}.easy-panel-actions button{min-width:100px;min-height:44px}}