/* TheNexus VNext buyer account — progressive visual layer, no state/business logic.
   Layout respects the existing [data-acc-tab] visibility and all account order controls. */
.nx31-account-page{
  --nxap-bg:#101a15;--nxap-raised:#17261d;--nxap-line:rgba(160,222,181,.17);
  --nxap-highlight:rgba(109,247,150,.37);--nxap-muted:#a8b6ac;
  --nxap-shadow:0 18px 46px rgba(0,0,0,.24),0 1px 0 rgba(182,252,194,.025);
}
.nx31-account-page #nx-bg{opacity:.22;pointer-events:none}
.nx31-account-page :is(.acc5-top,#account-sec>.container){max-width:1250px}
.nx31-account-page .acc5-top{padding-block:32px 23px}
.nx31-account-page .acc5-h1{font-size:clamp(29px,3.7vw,40px);font-weight:780;letter-spacing:-.03em;line-height:1.18}
.nx31-account-page .acc5-shell{gap:clamp(16px,2.8vw,34px)}
.nx31-account-page .acc5-tabs{
  background:rgba(17,28,21,.97);border-color:var(--nxap-line);
  box-shadow:0 10px 33px rgba(0,0,0,.14);
}
.nx31-account-page .acc5-tabs [role="tab"]{font-weight:650;transition:background .18s,border-color .18s,color .18s}
.nx31-account-page .acc5-tabs [role="tab"]:hover{background:rgba(69,248,130,.055)}
.nx31-account-page .acc5-tabs [role="tab"][aria-selected="true"]{
  color:#eefbf3;background:linear-gradient(100deg,rgba(69,248,130,.13),rgba(69,248,130,.035));
  box-shadow:inset 3px 0 0 rgba(69,248,130,.76),inset 0 0 0 1px rgba(69,248,130,.25);
}
.nx31-account-page .acc5-tabs [role="tab"]:focus-visible{outline:2px solid #76ffb5;outline-offset:2px}
.nx31-account-page .acc5-panels{gap:18px}
.nx31-account-page :is(.acc-card,.acc-resume,.acc-hero){
  border-color:var(--nxap-line)!important;
  background:linear-gradient(160deg,rgba(59,135,79,.075),transparent 50%),var(--nxap-bg)!important;
  border-radius:19px!important;
  padding:clamp(18px,2.5vw,27px)!important;
  box-shadow:var(--nxap-shadow)!important;
}
.nx31-account-page :is(.acc-card-title,.acc-resume-head h3){color:#e9f5ec;letter-spacing:-.02em;line-height:1.3}
.nx31-account-page .acc-resume-head{gap:12px;align-items:center;flex-wrap:wrap}
.nx31-account-page .acc-resume-head h3{font-size:clamp(20px,2.4vw,26px);margin-block:5px 0}
.nx31-account-page .acc-kicker{font-size:11px;letter-spacing:.11em;color:#8bdca8;font-weight:750}
.nx31-account-page .acc-resume-grid{gap:12px}
.nx31-account-page .acc-resume-card{
  border-radius:15px;background:rgba(10,24,15,.64);border-color:var(--nxap-line);
  min-height:116px;padding:17px 18px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.nx31-account-page .acc-resume-card.is-primary{
  background:linear-gradient(135deg,rgba(47,131,74,.22),rgba(10,24,15,.73));
  border-color:var(--nxap-highlight);
}
.nx31-account-page .acc-resume-card>span{font-size:12px;letter-spacing:.045em;font-weight:700;color:#a8c4af}
.nx31-account-page .acc-resume-card strong{font-size:clamp(15px,1.8vw,19px);line-height:1.34;overflow-wrap:anywhere;color:#f0fbf3}
.nx31-account-page .acc-resume-card small{font-size:12px;line-height:1.5;color:var(--nxap-muted)}
.nx31-account-page .acc-home-list{gap:9px}
.nx31-account-page .acc-home-action{border-color:var(--nxap-line);background:rgba(7,16,11,.66);border-radius:11px}
.nx31-account-page .acc-home-rail{
  margin-top:23px;padding-top:19px;border-top:1px solid var(--nxap-line);
}
.nx31-account-page .acc-home-rail h4{font-size:15px;line-height:1.4;color:#e7f6eb;font-weight:750}
.nx31-account-page .acc-home-card{
  border:1px solid var(--nxap-line);border-radius:13px;background:rgba(8,20,13,.8);
  min-height:126px;padding:16px;scroll-snap-align:start;
}
.nx31-account-page .acc-home-cards{gap:12px;scroll-padding-inline:5px;padding-bottom:14px}
.nx31-account-page :is(.nx-order-card,.acc-list-row){
  border-color:var(--nxap-line);border-radius:13px;background:rgba(10,24,15,.58);
}
.nx31-account-page .nx-order-card{padding:17px;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.nx31-account-page .nx-order-heading{font-size:15px;line-height:1.45;font-weight:720;color:#edf7ee}
.nx31-account-page .nx-order-subline{line-height:1.65}
.nx31-account-page .nx-order-actions{gap:9px;flex-wrap:wrap}
.nx31-account-page :is(.acc-soft-btn,.acc-ord-tabs button,.nx-order-actions button){
  border-radius:10px;min-height:40px;
}
.nx31-account-page :is(.acc-soft-btn,.acc-ord-tabs button):focus-visible,
.nx31-account-page :is(a,button,input,select,textarea):focus-visible{
  outline:2px solid #76ffb5;outline-offset:3px;
}
.nx31-account-page .acc-ord-tabs{gap:5px;max-width:100%;overflow-x:auto}
.nx31-account-page .acc-ord-tabs button{white-space:nowrap;font-weight:650}
.nx31-account-page .acc-hero-stats{gap:12px}
.nx31-account-page .acc-hero-stats .acc-stat{
  border-color:var(--nxap-line);background:rgba(7,19,13,.68);
  border-radius:13px;padding:14px;
}
.nx31-account-page .acc-stat-num{letter-spacing:-.025em}
.nx31-account-page .acc-auth-card{max-width:560px;margin-inline:auto}
.nx31-account-page .acc-auth-card .acc-field input{min-height:46px;border-radius:12px}
@media (hover:hover) and (pointer:fine) {
  .nx31-account-page :is(.acc-resume-card,.nx-order-card,.acc-home-card):hover{
    border-color:rgba(102,240,142,.37);transform:translateY(-2px);
  }
}
@media(max-width:1023px){
  .nx31-account-page .acc5-tabs [role="tab"][aria-selected="true"]{
    box-shadow:inset 0 -3px 0 rgba(69,248,130,.8),inset 0 0 0 1px rgba(69,248,130,.18);
  }
}
@media(max-width:560px){
  .nx31-account-page .acc5-top{padding-block:21px 16px}
  .nx31-account-page .acc5-tabs{
    display:flex;gap:4px;padding:5px;border-radius:14px;overflow-x:auto;scroll-snap-type:x proximity;
    scrollbar-width:thin;-webkit-overflow-scrolling:touch;
  }
  .nx31-account-page .acc5-tabs [role="tab"]{
    flex:0 0 auto;min-width:75px;max-width:none;min-height:55px;padding-inline:10px;
    scroll-snap-align:start;white-space:normal;
  }
  .nx31-account-page .acc-resume-grid{grid-template-columns:1fr}
  .nx31-account-page :is(.acc-card,.acc-resume,.acc-hero){padding:16px!important}
  .nx31-account-page .acc-resume-card{padding:16px;min-height:98px}
  .nx31-account-page .acc-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx31-account-page .acc5-panels{gap:15px}
}
[dir="rtl"] .nx31-account-page .acc5-tabs [role="tab"][aria-selected="true"]{box-shadow:inset -3px 0 0 rgba(69,248,130,.8),inset 0 0 0 1px rgba(69,248,130,.18)}
@media(prefers-reduced-motion:reduce){
  .nx31-account-page :is(.acc5-tabs [role="tab"],.acc-resume-card,.nx-order-card,.acc-home-card){transition:none!important}
  .nx31-account-page :is(.acc-resume-card,.nx-order-card,.acc-home-card):hover{transform:none!important}
}