body[data-sovanor-surface="customer"] .home-header,
body[data-sovanor-surface="customer"] .screen.active>.compact-header,
body[data-sovanor-surface="customer"] .trust-header{
  position:sticky;
  inset-block-start:max(8px,env(safe-area-inset-top,0px));
  z-index:72;
  flex:none;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:70px;
  padding:10px 12px;
  border:1px solid rgba(195,237,243,.14);
  border-radius:19px;
  background:linear-gradient(135deg,rgba(13,40,53,.97),rgba(7,23,33,.94));
  box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(22px) saturate(1.12);
  -webkit-backdrop-filter:blur(22px) saturate(1.12);
  transform:translateZ(0);
}
body[data-sovanor-surface="customer"] .mobile-nav[hidden]{display:none!important}
body[data-sovanor-surface="customer"] .app-shell{overflow:clip}
/* Account uses the same sticky geometry as Consumer Home.  The former
   negative offset pulled its header into the content scroll area. */
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),
body[data-sovanor-surface="customer"] .screen.active>.compact-header{height:70px;min-height:70px;max-height:70px;flex-basis:70px}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),
body[data-sovanor-surface="customer"] .screen.active>.compact-header{
  isolation:isolate;
  overflow:visible;
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease;
}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror)::before,
body[data-sovanor-surface="customer"] .screen.active>.compact-header::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-2;
  inset-block-start:calc(-1 * max(8px,env(safe-area-inset-top,0px)));
  inset-inline:-12px;
  inset-block-end:-14px;
  background:linear-gradient(180deg,rgba(5,17,26,.995) 0%,rgba(5,17,26,.97) 72%,rgba(5,17,26,0) 100%);
  backdrop-filter:blur(30px) saturate(.98);
  -webkit-backdrop-filter:blur(30px) saturate(.98);
  opacity:0;
  transition:opacity .28s ease;
}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror)::after,
body[data-sovanor-surface="customer"] .screen.active>.compact-header::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(105deg,rgba(128,242,209,.075),transparent 34%,transparent 68%,rgba(99,196,239,.055));
  opacity:0;
  transition:opacity .3s ease;
}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror).sovanor-header-scrolled,
body[data-sovanor-surface="customer"] .screen.active>.compact-header.sovanor-header-scrolled{
  border-color:rgba(160,242,229,.24);
  background:linear-gradient(135deg,rgba(13,42,56,.985),rgba(7,23,33,.975));
  box-shadow:0 20px 52px rgba(0,0,0,.34),0 0 0 1px rgba(128,242,209,.035),inset 0 1px rgba(255,255,255,.075);
  backdrop-filter:blur(26px) saturate(1.18);
  -webkit-backdrop-filter:blur(26px) saturate(1.18);
}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror).sovanor-header-scrolled::after,
body[data-sovanor-surface="customer"] .screen.active>.compact-header.sovanor-header-scrolled::after{opacity:1}
body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-actions{position:relative;isolation:isolate}
body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-actions::before{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  inset:-4px;
  border:0;
  border-radius:17px;
  background:rgba(255,255,255,.025);
  opacity:0;
  transition:opacity .3s ease,border-color .3s ease,background .3s ease;
}
body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror).sovanor-header-scrolled .sovanor-header-actions::before{opacity:1;background:rgba(4,19,28,.42)}
.sovanor-brand-lockup,.sovanor-header-zone,.sovanor-header-actions{display:flex;align-items:center}
.sovanor-header-zone{min-width:0;gap:9px}.sovanor-brand-lockup{min-width:0;gap:9px;background:none;color:var(--paper)}
.sovanor-brand-lockup .brand-mark{flex:none;width:36px;height:36px;border-radius:12px;font-size:20px;box-shadow:0 0 0 5px rgba(128,242,209,.045),0 8px 22px rgba(0,0,0,.18)}
.sovanor-brand-copy{display:grid;min-width:0;text-align:start}.sovanor-brand-copy b{font:700 .9rem/1.1 Manrope;letter-spacing:.06em}.sovanor-brand-copy small{margin-top:4px;color:var(--mist);font-size:.62rem;line-height:1.2;white-space:nowrap}
.sovanor-brand-lockup,.sovanor-brand-copy,.sovanor-brand-lockup .brand-mark,.sovanor-header-actions,.sovanor-header-button{flex-shrink:0;opacity:1;visibility:visible;transform:none}
.sovanor-header-meta{display:flex;align-items:center;justify-content:center;min-width:0;margin-inline-start:auto;color:var(--aqua)}.sovanor-header-meta:empty{display:none}
.sovanor-header-actions{flex:none;gap:7px}.sovanor-header-button{position:relative;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--paper)}
.sovanor-header-button:hover{border-color:rgba(128,242,209,.34);background:rgba(128,242,209,.065)}.sovanor-header-notifications i{position:absolute;inset-block-start:9px;inset-inline-end:9px;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 11px rgba(128,242,209,.75)}.sovanor-header-account{background:linear-gradient(145deg,#29475b,#162c3a);font-weight:700}

.account-center-heading{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-block:8px 26px}
.account-center-heading .account-avatar{margin:0}
.account-center-heading h1{margin:3px 0 7px}
.account-center-heading>div:last-child>p:last-child,.account-center-lead{max-width:680px;margin:0;color:var(--mist);line-height:1.75}
.account-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:20px;border:1px solid var(--line);border-radius:18px;background:var(--line)}
.account-summary-card>div{min-width:0;padding:15px;background:rgba(8,27,38,.97)}
.account-summary-card span,.account-management-card>div>span{display:block;margin-bottom:5px;color:var(--mist);font-size:.72rem}
.account-summary-card b{display:block;overflow:hidden;color:var(--paper);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}
.account-identity-card{display:grid;grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:27px;border:1px solid rgba(128,242,209,.18);border-radius:20px;background:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.13)}
.account-identity-card>div{min-width:0;padding:15px 16px;background:linear-gradient(145deg,rgba(13,42,54,.98),rgba(8,27,38,.97))}.account-identity-card span{display:block;margin-bottom:6px;color:var(--mist);font-size:.7rem}.account-identity-card b{display:block;overflow:hidden;color:var(--paper);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.account-identity-card small{display:block;margin-top:5px;color:var(--aqua);font-size:.7rem}
.account-overview-group{margin-block:0 24px}.account-overview-group>h2{margin:0 2px 10px;color:#dcebed;font-size:.76rem;font-weight:600;letter-spacing:.04em}.account-overview-group .account-center-list{margin:0}
.account-center-list{display:grid;gap:8px;margin-top:0}
.account-center-row{min-height:68px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);text-align:start;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.account-center-row:hover{border-color:rgba(128,242,209,.28);background:rgba(128,242,209,.045);transform:translateY(-1px)}
.account-center-row strong{max-width:180px;color:var(--aqua);font-size:.68rem;font-weight:600;text-align:end}
.account-inline-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:24px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);color:var(--mist)}
.account-management-card{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.account-management-card h2{margin-top:0}
.account-form{display:grid;grid-template-columns:1fr;gap:13px}
.account-field{display:grid;gap:7px}
.account-field span{color:var(--mist);font-size:.78rem}
.account-field input,.account-field select,.account-field textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(3,16,24,.7);color:var(--paper)}
.account-field textarea{min-height:100px;resize:vertical}
.account-field input:focus,.account-field select:focus,.account-field textarea:focus{border-color:rgba(128,242,209,.5);box-shadow:0 0 0 3px rgba(128,242,209,.07)}
.account-country-picker{position:relative;z-index:4}
.account-country-results{position:absolute;inset-inline:0;inset-block-start:calc(100% + 7px);display:grid;max-height:min(360px,48vh);overflow:auto;padding:6px;border:1px solid rgba(128,242,209,.22);border-radius:14px;background:#071923;box-shadow:0 22px 54px rgba(0,0,0,.38)}
.account-country-results[hidden]{display:none}
.account-country-results button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--paper);text-align:start}
.account-country-results button:hover,.account-country-results button:focus-visible{outline:0;background:rgba(128,242,209,.075)}
.account-country-results button>span{font-size:1.15rem}.account-country-results button>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-country-results button>small{color:var(--mist);font:500 .68rem/1.2 Manrope,system-ui,sans-serif;direction:ltr}
.account-field input[readonly]{color:var(--aqua);cursor:default}
.account-check{display:flex;align-items:center;gap:10px;color:var(--paper);font-size:.82rem}
.account-check input{width:18px;height:18px;accent-color:var(--aqua)}
.account-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px}
.account-form-actions button{min-height:48px}
.account-profile-grid,.account-saved-list{display:grid;gap:11px;margin-top:24px}
.account-profile-card,.account-saved-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}
.account-profile-card.current{border-color:rgba(128,242,209,.3);background:rgba(128,242,209,.055)}
.account-profile-card span,.account-saved-card span{display:block;margin-bottom:6px;color:var(--aqua);font-size:.67rem}
.account-profile-card h2,.account-saved-card h2{margin:0;font-size:1rem}
.account-profile-card button,.account-saved-card button{min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--aqua)}
.account-status{padding:6px 9px;border-radius:999px;background:rgba(128,242,209,.1);color:var(--aqua);font-size:.7rem}
.account-saved-card>div:first-child{min-width:0}.account-saved-card p{margin:7px 0 0;color:var(--mist);font-size:.76rem;line-height:1.6}.account-saved-card>div:last-child{display:flex;gap:6px;flex:none}.account-saved-card button.danger{color:var(--danger)}
.account-empty{padding:30px 18px;border:1px dashed var(--line);border-radius:16px;color:var(--mist);text-align:center}
.account-add-button{margin-top:15px}
.account-security{display:grid;gap:12px}.account-security>div{padding:4px}.account-security>div b,.account-security>div small{display:block}.account-security>div small{margin-top:5px;color:var(--aqua)}
.account-center-state{display:grid;gap:10px;min-height:300px;place-content:center;text-align:center;color:var(--mist)}
.account-center-state i{display:block;width:min(360px,70vw);height:13px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));background-size:220% 100%;animation:accountShimmer 1s linear infinite}.account-center-state i:nth-child(2){width:75%}.account-center-state i:nth-child(3){width:52%}
.account-center-error b{color:var(--danger)}
.account-helper{color:var(--mist);font-size:.78rem;line-height:1.7}.account-helper b{color:var(--aqua)}
@keyframes accountShimmer{to{background-position:-220% 0}}

@media(max-width:1023px){
  body[data-sovanor-surface="customer"] .mobile-nav{position:fixed!important;inset-inline:auto!important;left:50%!important;right:auto!important;inset-block-end:0!important;z-index:76;width:min(100%,560px);height:calc(72px + env(safe-area-inset-bottom));padding-block-end:env(safe-area-inset-bottom);transform:translateX(-50%)}
  body[data-sovanor-surface="customer"] .screen.active:not(.language-screen):not(.overlay-screen){padding-block-end:max(100px,calc(84px + env(safe-area-inset-bottom)))}
}
@media(min-width:640px){
  .account-center-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-center-row{height:100%}
  .account-form{grid-template-columns:repeat(2,minmax(0,1fr))}.account-field-wide,.account-form>.full{grid-column:1/-1}
  .account-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.account-profile-card{min-height:160px;align-items:flex-start;flex-direction:column}.account-profile-card button{width:100%;margin-top:auto}
}
@media(min-width:700px) and (max-width:1023px){
  body[data-sovanor-surface="customer"] .home-header,body[data-sovanor-surface="customer"] .screen.active>.compact-header,body[data-sovanor-surface="customer"] .trust-header{inset-block-start:calc(24px + env(safe-area-inset-top,0px))}
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),body[data-sovanor-surface="customer"] .screen.active>.compact-header{height:76px;min-height:76px;max-height:76px;flex-basis:76px;padding-inline:16px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-lockup .brand-mark{width:40px;height:40px;border-radius:13px;font-size:21px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy b{font-size:.95rem}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy small{font-size:.64rem}
}
@media(min-width:1024px){
  body[data-sovanor-surface="customer"] .home-header,body[data-sovanor-surface="customer"] .screen.active>.compact-header,body[data-sovanor-surface="customer"] .trust-header{inset-block-start:calc(24px + env(safe-area-inset-top,0px));min-height:82px;padding-inline:18px}
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),body[data-sovanor-surface="customer"] .screen.active>.compact-header{height:94px;min-height:94px;max-height:94px;flex-basis:94px;max-width:1400px;margin-inline:auto;padding-inline:24px;gap:18px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-lockup{gap:12px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-lockup .brand-mark{width:48px;height:48px;border-radius:15px;font-size:25px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy b{font-size:1.08rem}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy small{font-size:.71rem}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-actions{gap:9px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-button{width:46px;height:46px;border-radius:14px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .desktop-customer-nav{margin-inline:auto;gap:5px;padding:5px;border-radius:14px;background:rgba(255,255,255,.025)}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .desktop-customer-nav button{min-height:42px;padding-inline:15px}
  /* Account spans the full width (its background reaches both edges, no framed box on wide screens);
     its content keeps the former 1240px column through the side padding. */
  #account.active{max-width:none!important;padding-inline:max(56px,calc((100% - 1240px) / 2 + 56px))!important}.account-body{padding-top:34px}.account-center-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary-card{grid-template-columns:repeat(4,minmax(0,1fr))}.account-saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1400px){
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),body[data-sovanor-surface="customer"] .screen.active>.compact-header{height:102px;min-height:102px;max-height:102px;flex-basis:102px;padding-inline:28px;gap:22px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-lockup .brand-mark{width:54px;height:54px;border-radius:17px;font-size:28px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy b{font-size:1.18rem}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-brand-copy small{font-size:.75rem}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-button{width:50px;height:50px;border-radius:15px}
  body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .desktop-customer-nav button{min-height:44px;padding-inline:18px;font-size:.86rem}
}
@media(max-width:520px){
  body[data-sovanor-surface="customer"] .home-header,body[data-sovanor-surface="customer"] .screen.active>.compact-header,body[data-sovanor-surface="customer"] .trust-header{min-height:66px;padding:8px 9px;border-radius:17px}.sovanor-brand-lockup .brand-mark{width:34px;height:34px;border-radius:11px;font-size:18px}.sovanor-brand-copy b{font-size:.82rem}.sovanor-brand-copy small{max-width:120px;overflow:hidden;font-size:.57rem;text-overflow:ellipsis}.sovanor-header-zone{gap:6px}.sovanor-header-actions{gap:5px}.sovanor-header-button{width:38px;height:38px;border-radius:12px}.sovanor-header-meta{max-width:54px;overflow:hidden}.sovanor-header-meta>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sovanor-header-zone .back-button{width:36px;height:36px}.screen.active>.compact-header .sovanor-brand-copy small{display:none}
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),body[data-sovanor-surface="customer"] .screen.active>.compact-header{height:66px;min-height:66px;max-height:66px;flex-basis:66px}
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror).sovanor-header-scrolled,body[data-sovanor-surface="customer"] .screen.active>.compact-header.sovanor-header-scrolled{background:linear-gradient(135deg,rgba(11,35,47,.998),rgba(5,18,27,.995));backdrop-filter:blur(34px) saturate(1.05);-webkit-backdrop-filter:blur(34px) saturate(1.05)}
  body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror).sovanor-header-scrolled::before,body[data-sovanor-surface="customer"] .screen.active>.compact-header.sovanor-header-scrolled::before{opacity:1}
  .account-center-heading{grid-template-columns:auto 1fr;gap:13px}.account-center-heading .account-avatar{margin-bottom:2px}.account-center-heading>div:last-child>p:last-child{display:none}.account-identity-card{grid-template-columns:repeat(2,minmax(0,1fr))}.account-identity-main{grid-column:1/-1}.account-summary-card{grid-template-columns:1fr}.account-center-row strong{display:none}.account-profile-card,.account-saved-card{align-items:stretch;flex-direction:column}.account-saved-card>div:last-child{display:grid;grid-template-columns:1fr 1fr}.account-form-actions{grid-template-columns:1fr}.account-inline-back{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.account-center-state i{animation:none}}
@media(prefers-reduced-motion:reduce){body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror),body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror)::before,body[data-sovanor-surface="customer"] :is(#home .home-header,.home-header.sv-mirror)::after,body[data-sovanor-surface="customer"] :is(#home,.home-header.sv-mirror) .sovanor-header-actions::before{transition:none}}

/* One scroll-only shielding plane; transparent and inert at TOP. */
body[data-sovanor-surface="customer"] :is(:is(#home .home-header,.home-header.sv-mirror),.screen.active>.compact-header,.screen.active .trust-header)::before,
body[data-sovanor-surface="customer"] :is(:is(#home .home-header,.home-header.sv-mirror),.screen.active>.compact-header,.screen.active .trust-header)::after{z-index:0}
body[data-sovanor-surface="customer"] :is(:is(#home .home-header,.home-header.sv-mirror),.screen.active>.compact-header,.screen.active .trust-header)>*{position:relative;z-index:1}
/* The compact-header brand is already intentionally absolutely centered. */
body[data-sovanor-surface="customer"] .screen.active>.compact-header>.brand-mini{position:absolute!important}
body[data-sovanor-surface="customer"] :is(:is(#home .home-header,.home-header.sv-mirror),.screen.active>.compact-header,.screen.active .trust-header).sovanor-header-scrolled::before{opacity:1}

/* Existing Account actions, presented as two clear, related destinations. */
.account-center-row[data-view="support"],.account-center-row[data-view="legal"]{min-height:84px;align-items:center}
.account-center-row[data-view="support"]{border-color:rgba(128,242,209,.2);background:linear-gradient(145deg,rgba(128,242,209,.075),rgba(255,255,255,.025))}
.account-center-row[data-view="support"]>span{background:rgba(128,242,209,.12);color:var(--aqua)}
.account-center-row[data-view="support"]>span img{display:block;width:16px;height:22px;object-fit:contain}
.account-center-row[data-view="legal"]{border-color:rgba(195,237,243,.16);background:rgba(255,255,255,.032)}
.account-center-row[data-view="legal"]>span{background:rgba(99,196,239,.1);color:var(--cyan)}

/* Consumer Home belongs to the page canvas, not to the legacy device frame.
   Scope this reset to the active Home view so Account and every inner card keep
   their existing geometry. */
@media(min-width:700px){
  body[data-sovanor-surface="customer"]:has(#home.active){padding:0}
  body[data-sovanor-surface="customer"]:has(#home.active) .app-shell{
    max-width:none;
    min-height:100svh;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body[data-sovanor-surface="customer"]:has(#home.active) #home{min-height:100svh}
  body[data-sovanor-surface="customer"]:has(#trader-b1-screen.active){padding:0}
  body[data-sovanor-surface="customer"]:has(#trader-b1-screen.active) .app-shell{
    max-width:none;
    min-height:100svh;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body[data-sovanor-surface="customer"]:has(#account.active){padding:0}
  body[data-sovanor-surface="customer"]:has(#account.active) .app-shell{
    max-width:none;
    min-height:100svh;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
}
.account-phone-summary{display:grid;gap:8px}.account-phone-summary .secondary-action{width:max-content;margin-block-start:8px}
.account-phone-manager{max-width:720px}.account-phone-pending{display:grid;gap:8px;padding:20px;border:1px solid rgba(116,239,222,.15);border-radius:18px;background:rgba(5,21,31,.45);margin-block-end:20px}.account-phone-pending strong{color:var(--aqua);font-family:'DM Mono',monospace;font-size:1.15rem;letter-spacing:.12em}.account-phone-pending small{color:var(--muted)}
button[aria-busy="true"]{position:relative;pointer-events:none;opacity:.72}button:disabled{cursor:not-allowed;opacity:.52}

/* True viewport center for the existing internal-page brand lockups.
   Side controls keep their current layout and cannot displace the brand. */
body[data-sovanor-surface="customer"] .screen.active>.compact-header>.brand-mini{
  position:absolute;
  inset:auto auto auto 50%;
  margin:0;
  transform:translateX(-50%);
  white-space:nowrap;
}

body[data-sovanor-surface="customer"] .digital-screen.active .digital-head{
  position:relative;
}

body[data-sovanor-surface="customer"] .digital-screen.active .digital-head>.digital-brand{
  position:absolute;
  inset:auto auto auto 50%;
  justify-self:auto;
  margin:0;
  transform:translateX(-50%);
  white-space:nowrap;
}

/* The existing 1024px order grid is wider than its centered content box.
   Compensate only its brand anchor; the grid and header dimensions stay intact. */
@media (min-width:1024px) and (max-width:1098px){
  body[data-sovanor-surface="customer"] #order-journey.active>.compact-header>.brand-mini{
    left:calc(50% + (1098px - 100vw)/2);
  }
}

/* Keep the existing customer navigation visible after it leaves the Home screen. */
body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav{
  position:fixed!important;
  inset-inline:auto!important;
  left:50%!important;
  right:auto!important;
  inset-block-end:0!important;
  z-index:76;
  display:grid!important;
  width:min(100%,560px);
  height:calc(72px + env(safe-area-inset-bottom));
  padding-block-end:env(safe-area-inset-bottom);
  transform:translateX(-50%);
}
body[data-sovanor-surface="customer"]:has(.mobile-nav.sovanor-core-nav) .screen.active:not(.language-screen):not(.overlay-screen){
  padding-block-end:max(100px,calc(84px + env(safe-area-inset-bottom)));
}
/* Restore the existing shared four-item navigation without changing its design. */
body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav{
  display:flex!important;
  align-items:center;
  justify-content:space-around;
}
body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item{
  display:flex!important;
  flex:1 1 25%;
  min-width:0;
  height:100%;
  visibility:visible!important;
  opacity:1!important;
  justify-content:center;
}
body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav[hidden]{
  display:none!important;
}

/* Review owns a fixed action bar. Reserve the already-existing Premium nav's
   footprint for that bar instead of letting the two controls occupy one tap area. */
@media(max-width:1023px){
  body[data-sovanor-surface="customer"] #review.active .sticky-footer{
    bottom:calc(76px + env(safe-area-inset-bottom));
  }
}

/* Premium customer bottom navigation: visual layer only; existing buttons and routes remain intact. */
@media(max-width:1023px){
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav{
    align-items:stretch;
    height:calc(76px + env(safe-area-inset-bottom));
    padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    border-top:1px solid rgba(151,211,209,.16);
    background:#07131d;
    box-shadow:0 -10px 28px rgba(0,0,0,.16);
  }
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item{
    position:relative;
    gap:4px;
    min-height:56px;
    padding:5px 3px 4px;
    color:#90a8ab;
    font-size:0;
    line-height:1;
  }
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item::before{
    content:"";
    display:block;
    width:21px;
    height:21px;
    background:currentColor;
    -webkit-mask:var(--sov-nav-icon) center/contain no-repeat;
    mask:var(--sov-nav-icon) center/contain no-repeat;
  }
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item>span{
    position:relative;
    font-size:10px;
    font-weight:600;
    line-height:1.15;
  }
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item.active{color:var(--aqua)}
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item.active::after{
    content:"";
    position:absolute;
    inset-inline:calc(50% - 11px);
    inset-block-end:0;
    height:2px;
    border-radius:99px;
    background:currentColor;
  }
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item:nth-child(1){--sov-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10ZM9 21v-6h6v6'/%3E%3C/svg%3E")}
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item:nth-child(2){--sov-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 8h14l-1 12H6L5 8ZM9 8a3 3 0 0 1 6 0M9 13h6'/%3E%3C/svg%3E")}
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item:nth-child(3){--sov-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E")}
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav>.nav-item:nth-child(4){--sov-nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E")}
}

/* Desktop-only: let the single Profiles action occupy its available row. */
@media(min-width:640px){#account .account-center-row[data-view="profiles"]{grid-column:1/-1}}

/* Tablet: the page is full width here (no framed shell), so the bar docks to the bottom edge
   like on the phone, spanning the width with its items kept in the same 560px centre band.
   The screens' reserved space (84px + safe area) and the Review action bar (76px + safe area)
   both assume this docked position. Placed last so it follows the bar styles above. */
@media(min-width:700px) and (max-width:1023px){
  body[data-sovanor-surface="customer"] .mobile-nav.sovanor-core-nav{
    left:0!important;
    right:0!important;
    width:auto;
    transform:none;
    padding-inline:max(10px,calc((100% - 560px) / 2),env(safe-area-inset-left)) max(10px,calc((100% - 560px) / 2),env(safe-area-inset-right));
  }
}

/* Link, voice and target-price entries are modal bottom sheets over the page. The shared bar
   (kept visible across screens above) would otherwise paint over the sheet and its main action,
   so it steps aside while a sheet is open and returns when it closes. */
body[data-sovanor-surface="customer"]:has(.screen.overlay-screen.active) .mobile-nav.sovanor-core-nav{display:none!important}

/* Desktop Review: the action bar is content-sized there, so keep the send label on one line
   instead of breaking it inside the button. */
@media(min-width:1024px){
  body[data-sovanor-surface="customer"] #review .sticky-footer .primary-action{white-space:nowrap}
}