/* TheNexus UI v4 P5 — account page. Loaded after account.css; tokens from nx-tokens.css.
   Tabs Orders / Profile / Points / Security: a horizontal segmented control on mobile, a 240px
   side menu from 1024px. The cards keep their markup and scripts; the panel shows one tab. */
.nx31-account-page{background:var(--nx-bg)}
.acc5-top{padding-block:var(--nx-sp-6) var(--nx-sp-4)}
.acc5-h1{margin:0;color:var(--nx-text);font:700 var(--nx-fs-30)/var(--nx-lh-30) var(--nx-font-display,var(--nx-font));letter-spacing:-.01em}
[dir="rtl"] .acc5-h1{letter-spacing:0}
.nx31-account-page #account-sec{padding-block:0 var(--nx-sp-14)}
.nx31-account-page .gr-bg1{display:none}
@media (max-width:767px){.acc5-top{padding-block:var(--nx-sp-4) var(--nx-sp-3)}.acc5-h1{font-size:var(--nx-fs-24);line-height:var(--nx-lh-24)}}

/* shell + tabs */
.acc5-shell{display:flex;flex-direction:column;gap:var(--nx-sp-4)}
.acc5-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--nx-sp-1);padding:var(--nx-sp-1);border:1px solid var(--nx-line);border-radius:var(--nx-r-pill);background:var(--nx-s1)}
.acc5-tabs [role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:0 var(--nx-sp-2);border:0;border-radius:var(--nx-r-pill);background:none;color:var(--nx-text-2);font:500 var(--nx-fs-13)/var(--nx-lh-13) var(--nx-font);cursor:pointer;white-space:nowrap}
.acc5-tabs [role="tab"] span{overflow:hidden;text-overflow:ellipsis}
.acc5-tabs [role="tab"] .nx-i{width:18px;height:18px}
.acc5-tabs [role="tab"]:hover{color:var(--nx-text)}
.acc5-tabs [role="tab"][aria-selected="true"]{background:var(--nx-s3);color:var(--nx-text);box-shadow:inset 0 0 0 1px var(--nx-signal)}
.acc5-tabs [role="tab"][aria-selected="true"] .nx-i{color:var(--nx-signal)}
.acc5-tabs [role="tab"]:focus-visible{outline:0;box-shadow:var(--nx-ring)}
@media (max-width:1023px){.acc5-tabs{border-radius:var(--nx-r-card)}.acc5-tabs [role="tab"]{flex-direction:column;gap:2px;min-height:56px;border-radius:var(--nx-r-control);font-size:var(--nx-fs-12);line-height:var(--nx-lh-12)}}
@media (min-width:1024px){
  .acc5-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--nx-sp-8);align-items:start}
  .acc5-tabs{position:sticky;top:calc(var(--nx-header-h) + 24px);display:flex;flex-direction:column;gap:var(--nx-sp-1);padding:var(--nx-sp-2);border-radius:var(--nx-r-card)}
  .acc5-tabs [role="tab"]{justify-content:flex-start;gap:var(--nx-sp-3);min-height:48px;padding:0 var(--nx-sp-4);border-radius:var(--nx-r-control);font-size:var(--nx-fs-14);text-align:start}
}

/* panels: every card becomes one item of a single column; one tab at a time */
.acc5-panels{display:flex;flex-direction:column;gap:var(--nx-sp-4);min-width:0}
.acc5-panels>.row,.acc5-panels>.row>[class*="col-"],.acc5-panels>.acc-platform,.acc5-panels>.acc-platform>.acc-platform-grid{display:contents}
.acc5-panels .mt-4{margin-top:0!important}
.acc5-panels>*,.acc5-panels [data-acc-tab]{margin:0}
.acc5-panels[data-tab="orders"] [data-acc-tab]:not([data-acc-tab="orders"]),
.acc5-panels[data-tab="profile"] [data-acc-tab]:not([data-acc-tab="profile"]),
.acc5-panels[data-tab="points"] [data-acc-tab]:not([data-acc-tab="points"]),
.acc5-panels[data-tab="security"] [data-acc-tab]:not([data-acc-tab="security"]){display:none!important}
.acc5-panels [data-acc-order="1"]{order:1}.acc5-panels [data-acc-order="2"]{order:2}.acc5-panels [data-acc-order="3"]{order:3}
.acc5-panels [data-acc-order="4"]{order:4}.acc5-panels [data-acc-order="5"]{order:5}.acc5-panels [data-acc-order="6"]{order:6}
.acc5-panels [data-acc-order="7"]{order:7}.acc5-panels [data-acc-order="8"]{order:8}.acc5-panels [data-acc-order="9"]{order:9}
.acc5-panels [data-acc-order="10"]{order:10}.acc5-panels [data-acc-order="11"]{order:11}
.acc5-panels [data-nx-cur-block][hidden]{display:none!important}

/* cards: opaque instrument panels */
.nx31-account-page .acc-card,.nx31-account-page .acc-resume,.nx31-account-page .acc-hero{padding:var(--nx-sp-5)!important;border:1px solid var(--nx-panel-line);border-radius:var(--nx-r-card);background:var(--nx-panel);box-shadow:none;backdrop-filter:none}
.nx31-account-page .acc-card-title{display:flex;align-items:center;gap:var(--nx-sp-2);margin:0 0 var(--nx-sp-3);color:var(--nx-text);font:700 var(--nx-fs-18)/var(--nx-lh-18) var(--nx-font);letter-spacing:0}
.nx31-account-page .acc-card-title i,.nx31-account-page .acc-card-title .nx-i{color:var(--nx-text-2)!important}
.nx31-account-page .acc-kicker{color:var(--nx-text-3);font:600 var(--nx-fs-12)/var(--nx-lh-12) var(--nx-font);letter-spacing:.04em}
[dir="rtl"] .nx31-account-page .acc-kicker{letter-spacing:0}
.nx31-account-page .acc-muted,.nx31-account-page .acc-card p{color:var(--nx-text-2)}
.nx31-account-page .acc-resume-card{border:1px solid var(--nx-line);border-radius:var(--nx-r-control);background:var(--nx-s2)}
.nx31-account-page .acc-resume-card.is-primary{border-color:var(--nx-signal);background:var(--nx-s2)}
.nx31-account-page .acc-resume-card strong{color:var(--nx-text)}
.nx31-account-page .acc-resume-card>span,.nx31-account-page .acc-resume-card small{color:var(--nx-text-3)}
.nx31-account-page .acc-platform-head{display:none}
.nx31-account-page .acc-hero-stats .acc-stat{border:1px solid var(--nx-line);border-radius:var(--nx-r-control);background:var(--nx-s2);box-shadow:none}
.nx31-account-page .acc-stat-num{color:var(--nx-text);font-variant-numeric:tabular-nums}
.nx31-account-page .acc-hero-badge,.nx31-account-page .acc-chip{border-radius:var(--nx-r-badge)}
.nx31-account-page .acc-ord-tabs{display:inline-flex;gap:var(--nx-sp-1);padding:var(--nx-sp-1);border:1px solid var(--nx-line);border-radius:var(--nx-r-pill);background:var(--nx-s2)}
.nx31-account-page .acc-ord-tabs button{min-height:36px;padding:0 var(--nx-sp-3);border:0;border-radius:var(--nx-r-pill);background:none;color:var(--nx-text-2);font:500 var(--nx-fs-13)/1 var(--nx-font)}
.nx31-account-page .acc-ord-tabs button.on{background:var(--nx-s3);color:var(--nx-text);box-shadow:inset 0 0 0 1px var(--nx-signal)}

/* fields */
.nx31-account-page #C1C2C1-profile input[type="text"],.nx31-account-page #C1C2C1-profile input[type="email"],.nx31-account-page #C1C2C1-profile input[type="number"],.nx31-account-page #C1C2C1-profile input[type="url"],.nx31-account-page #C1C2C1-profile input[type="tel"],.nx31-account-page #C1C2C1-profile input:not([type]),.nx31-account-page #C1C2C1-profile select,.nx31-account-page #C1C2C1-profile textarea{min-height:var(--nx-input-h);padding:0 var(--nx-sp-4);border:1px solid var(--nx-line-strong)!important;border-radius:var(--nx-r-control)!important;background:var(--nx-s2)!important;color:var(--nx-text)!important;font:400 var(--nx-fs-16)/var(--nx-lh-16) var(--nx-font)}
.nx31-account-page #C1C2C1-profile textarea{padding-block:var(--nx-sp-3)}
.nx31-account-page #C1C2C1-profile input:focus,.nx31-account-page #C1C2C1-profile select:focus,.nx31-account-page #C1C2C1-profile textarea:focus{outline:0;box-shadow:var(--nx-ring)}
.nx31-account-page .acc-soft-btn{min-height:44px;border-radius:var(--nx-r-control)}

.nx31-account-page .acc-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nx-sp-2)}
.nx31-account-page .acc-resume-card{min-height:0;padding:var(--nx-sp-3)}
@media (min-width:768px){.nx31-account-page .acc-resume-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.nx31-account-page .nx-order-card{border:1px solid var(--nx-line);border-radius:var(--nx-r-card);background:var(--nx-s2);box-shadow:none}
.nx31-account-page .nx-order-actions .acc-reorder{min-height:40px;border:1px solid var(--nx-line-strong);border-radius:var(--nx-r-control);background:var(--nx-s1);color:var(--nx-text);box-shadow:none}
.nx31-account-page .nx-order-actions .acc-reorder:hover{border-color:var(--nx-text-3)}
.nx31-account-page .nx-order-subline,.nx31-account-page .nx-order-subline span{color:var(--nx-text-2);font-size:var(--nx-fs-12);line-height:var(--nx-lh-12)}
.nx31-account-page .nx-order-subline code{color:var(--nx-text-2);font:500 var(--nx-fs-12)/1 var(--nx-font-mono);background:none;direction:ltr;unicode-bidi:isolate}
.nx31-account-page .nx-order-heading{color:var(--nx-text);font:600 var(--nx-fs-14)/var(--nx-lh-14) var(--nx-font)}
.nx31-account-page #C1C2C1-profile p a,.nx31-account-page #C1C2C1-profile small a{text-decoration:underline;text-underline-offset:2px}
@media (pointer:coarse){.nx31-account-page .acc-ord-tabs button{min-height:44px;min-width:44px}}


/* V176 account polish — one calm responsive workspace instead of abrupt hidden-panel swaps. */
.acc5-tabs [role="tab"],.nx31-account-page .acc-card,.nx31-account-page .nx-order-card,.nx31-account-page .acc-resume-card,.nx31-account-page .acc-soft-btn,.nx31-account-page .nx-order-actions .acc-reorder{
  transition:transform .16s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease;
}
.acc5-tabs [role="tab"]:active,.nx31-account-page .acc-soft-btn:active,.nx31-account-page .nx-order-actions .acc-reorder:active{transform:scale(.98)}
.acc5-panels.acc5-panel-change>[data-acc-tab]{animation:acc5PanelIn .34s cubic-bezier(.2,.75,.2,1) both}
.nx31-account-page .nx-order-card:hover,.nx31-account-page .acc-resume-card:hover{border-color:var(--nx-line-strong);background:var(--nx-s3)}
.nx31-account-page .acc-card:focus-within{border-color:color-mix(in srgb,var(--nx-signal) 32%,var(--nx-panel-line));box-shadow:0 0 0 1px rgba(69,248,130,.05)}
@keyframes acc5PanelIn{0%{opacity:.55;transform:translateY(7px)}100%{opacity:1;transform:none}}
@media(max-width:767px){
  .acc5-tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px}
  .acc5-tabs::-webkit-scrollbar{display:none}
  .acc5-tabs [role="tab"]{flex:1 0 86px;scroll-snap-align:start;padding-inline:8px}
  .nx31-account-page .acc-card,.nx31-account-page .acc-resume,.nx31-account-page .acc-hero{padding:var(--nx-sp-4)!important}
  .nx31-account-page .nx-order-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .acc5-panels.acc5-panel-change>[data-acc-tab]{animation:none!important}
  .acc5-tabs [role="tab"],.nx31-account-page .acc-card,.nx31-account-page .nx-order-card,.nx31-account-page .acc-resume-card,.nx31-account-page .acc-soft-btn,.nx31-account-page .nx-order-actions .acc-reorder{transition:none!important}
}
/* Account home (Wave 2): priority cards + Buy again / changes / recently viewed rails. Mobile-first, logical properties (RTL-safe). */
.nx31-account-page .acc-home-grid{grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.nx31-account-page .acc-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.nx31-account-page .acc-home-list{display:grid;gap:var(--nx-sp-2);margin-block-start:6px}
.nx31-account-page .acc-home-action{display:grid;gap:2px;min-height:44px;padding:10px 12px;border:1px solid var(--nx-line);border-inline-start:3px solid var(--nx-warn,#FFBE18);border-radius:var(--nx-r-control);color:var(--nx-text);text-decoration:none}
.nx31-account-page .acc-home-action small,.nx31-account-page .acc-home-card small,.nx31-account-page .acc-home-note{color:var(--nx-text-3);font-size:12px}
.nx31-account-page .acc-home-empty{margin:6px 0 0;color:var(--nx-text-2);font-size:13px}
.nx31-account-page .acc-home-rail{margin-block-start:var(--nx-sp-4)}
.nx31-account-page .acc-home-rail h4{margin:0 0 var(--nx-sp-2);font-size:14px;color:var(--nx-text)}
.nx31-account-page .acc-home-rail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nx31-account-page .acc-home-cards{display:flex;gap:var(--nx-sp-2);overflow-x:auto;scroll-snap-type:x proximity;padding-block-end:4px}
.nx31-account-page .acc-home-card{flex:0 0 min(240px,78%);scroll-snap-align:start;display:grid;gap:4px;align-content:start;min-height:44px;padding:12px;border:1px solid var(--nx-line);border-radius:var(--nx-r-control);background:var(--nx-s2);color:var(--nx-text);text-decoration:none}
.nx31-account-page .acc-home-card strong{overflow-wrap:anywhere}
.nx31-account-page .acc-home-card .acc-soft-btn,.nx31-account-page #acc-home-unread .acc-soft-btn,.nx31-account-page .acc-home-rail-head .acc-soft-btn{min-height:44px;min-inline-size:44px}
.nx31-account-page .acc-home-empty:only-child{flex:1}
.nx31-account-page .acc-skel{display:block;inline-size:100%;min-block-size:44px;border-radius:var(--nx-r-control);background:linear-gradient(90deg,var(--nx-s2),var(--nx-line),var(--nx-s2));background-size:200% 100%;animation:acc-skel 1.2s linear infinite}
@keyframes acc-skel{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.nx31-account-page .acc-skel{animation:none}}