/* Greybay UI layer (loaded last). One design system for every page: tokens, type, buttons, cards, badges, tables, forms,
   page headers, stat tiles, and the per-page layouts (home, catalog, product, checkout, account, order, tickets, admin, referral,
   reseller, auth). Dark minimal. Logical properties only (RTL-safe); no inline styles (CSP). Classes are prefixed ui-/acc-/co-. */
:root{
  --bg:#07080b;--panel:#0e1016;--panel2:#13151d;--panel3:#181b26;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--ctl:rgba(255,255,255,.34);
  --tx:#eceef4;--dim:#9aa0b2;--mute:#6f7489;
  --ac:#7c6cff;--ac-2:#a79bff;--ac2:#4cc9f0;--ok:#3ddc97;--warn:#ffb454;--err:#ff8a8a;
  --r-sm:10px;--r:16px;--r-lg:22px;--tap:44px;
  --sh-1:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px -18px rgba(0,0,0,.7);
  --sh-2:0 24px 60px -30px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.05) inset;
  --ease:cubic-bezier(.2,.7,.2,1);--maxw:1200px;
}
html{color-scheme:dark}
body{font-size:15px;line-height:1.55;letter-spacing:-.005em}
::selection{background:rgba(124,108,255,.45);color:#fff}
h1{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.025em;line-height:1.15}
h2{font-size:1.3rem;font-weight:650;letter-spacing:-.015em}
h3,.h3{font-size:1.02rem;font-weight:650}
h4,.h-small{font-size:.74rem;letter-spacing:.1em;font-weight:600;color:var(--mute)}
.page{max-width:var(--maxw);padding:32px 20px 80px}
.bg-glow{background:radial-gradient(55% 38% at 50% -8%,rgba(124,108,255,.2),transparent 70%),radial-gradient(35% 28% at 92% 8%,rgba(76,201,240,.09),transparent 70%),radial-gradient(40% 30% at 5% 30%,rgba(124,108,255,.06),transparent 70%)}

/* ---------- header ---------- */
.nav{background:rgba(7,8,11,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:transparent;transition:border-color .25s,box-shadow .25s}
.nav::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,108,255,.45),rgba(76,201,240,.35),transparent)}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}
.nav-in{max-width:var(--maxw);height:64px;gap:20px}
.wordmark{font-size:1.32rem;letter-spacing:-.04em}.wordmark span{background:linear-gradient(90deg,#a79bff,#4cc9f0);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{display:none}
.nav-links a,.nav-links button.linkish{position:relative;padding:8px 12px;border-radius:10px;font-weight:500;font-size:.94rem;white-space:nowrap;flex:none}
@media(min-width:801px) and (max-width:1200px){.nav-links a,.nav-links button.linkish{padding:8px 9px;font-size:.9rem}.nav-in{gap:14px}.nav-right{gap:8px}.nav-right select{max-width:110px}}
.nav-links a[aria-current=page]{color:#fff;background:rgba(124,108,255,.14)}
.nav-links a[aria-current=page]::after{content:"";position:absolute;inset-inline:14px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.nav-right select{border-color:var(--line2);background:var(--panel2);border-radius:9px;min-height:36px;font-size:.84rem}
.chip{border-color:rgba(124,108,255,.45);background:rgba(124,108,255,.1);color:#d9d4ff;font-weight:600;gap:6px}
.chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(61,220,151,.18)}
.menu-btn{border-radius:12px}

/* ---------- controls ---------- */
select,input,textarea{border-color:var(--line2);background:var(--panel2);border-radius:var(--r-sm);min-height:var(--tap);padding:10px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}
select{min-height:40px;padding:8px 32px 8px 12px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0b2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
[dir=rtl] select{padding:8px 12px 8px 32px;background-position:left 10px center}
input:hover,select:hover,textarea:hover{border-color:var(--ctl)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px rgba(124,108,255,.25)}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--err);box-shadow:0 0 0 3px rgba(255,138,138,.18)}
label{gap:7px;font-size:.88rem;font-weight:500}
.field-hint{color:var(--mute)}
.btn{border-radius:12px;padding:11px 20px;font-weight:600;letter-spacing:-.005em;background:linear-gradient(180deg,#7466ff,#5a49e6);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 8px 24px -10px rgba(124,108,255,.8);min-height:var(--tap)}
.btn:hover{filter:brightness(1.08);box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 12px 28px -10px rgba(124,108,255,.9)}
.btn.ghost{border-color:var(--line2);background:rgba(255,255,255,.02)}.btn.ghost:hover{border-color:var(--ctl);background:rgba(255,255,255,.06)}
.btn.sm{padding:7px 14px;min-height:36px;border-radius:10px;font-size:.88rem}.btn.lg{padding:14px 26px;font-size:1.02rem;border-radius:14px}
.btn.tint{background:rgba(124,108,255,.14);border:1px solid rgba(124,108,255,.45);color:#d6d0ff;box-shadow:none}
.btn.danger,.btn.ghost.danger{color:var(--err);border-color:rgba(255,138,138,.4)}
.btn .ico,.btn svg{width:1.1em;height:1.1em}
.btn{white-space:normal;max-width:100%;overflow-wrap:anywhere}   /* long translations (de, ru, th …) wrap instead of overflowing their card */
.btn.sm,.seg button,.sf-tabs [role=tab],.adm-tabs a,.nav-links a{white-space:nowrap}
.seg{border-radius:12px;border-color:var(--line2);background:var(--panel)}
.seg button{border-radius:9px;font-weight:500}.seg button[aria-pressed=true]{background:linear-gradient(180deg,#6b5cf5,#5443dc);color:#fff;box-shadow:0 6px 18px -10px rgba(124,108,255,.9)}

/* ---------- badges & status (one visual language) ---------- */
.badge,.pill,.st,.tk-st,.rf-pill,.rs-pill,.od-pill,.sf-stock,.sf-tag,.sf-b{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;line-height:1.3;padding:3px 10px;border-radius:99px;border:1px solid var(--line2);white-space:nowrap;letter-spacing:.01em;text-transform:none}
.badge{color:var(--ac2);border-color:rgba(76,201,240,.4);background:rgba(76,201,240,.08);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;padding:3px 8px;border-radius:7px}
.pill{color:var(--dim);background:rgba(255,255,255,.03)}
.pill.ok{color:var(--ok);border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.08)}
.pill.warn,.st.pending,.tk-st.pending,.rf-pill.held,.rf-pill.review{color:var(--warn);border-color:rgba(255,180,84,.45);background:rgba(255,180,84,.08)}
.st.credited,.tk-st.answered,.rf-pill.active,.rf-pill.credited,.rs-pill.ok,.rs-pill.approved,.rs-pill.completed,.rs-pill.live{color:var(--ok);border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.08)}
.st.orphaned,.rf-pill.ineligible,.rf-pill.reversed,.rf-pill.void,.rs-pill.failed,.rs-pill.rejected,.rs-pill.revoked,.rs-pill.suspended,.rs-pill.refunded{color:var(--err);border-color:rgba(255,138,138,.4);background:rgba(255,138,138,.07)}
.tk-st.open,.rs-pill.pending,.rs-pill.processing,.rs-pill.sbx,.rs-pill.delivered{color:var(--ac2);border-color:rgba(76,201,240,.4);background:rgba(76,201,240,.08)}
.tk-st.closed{color:var(--dim)}
.sf-tag{font-weight:500;color:var(--dim);background:rgba(255,255,255,.03);border-radius:7px;padding:2px 8px;font-size:.72rem}
.sf-stock{padding:2px 9px}

/* ---------- cards, surfaces ---------- */
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--sh-1)}
.card.empty{padding:40px 24px;border-style:dashed;border-color:var(--line2);background:rgba(255,255,255,.015);box-shadow:none}
.card.empty .row{margin-top:14px}
.table-wrap{border-radius:var(--r);border-color:var(--line);background:var(--panel);box-shadow:var(--sh-1)}
table.hist{font-size:.9rem}
.hist thead th{background:rgba(255,255,255,.025);font-size:.72rem;letter-spacing:.08em;color:var(--mute);padding:11px 16px;font-weight:600}
.hist td{padding:13px 16px;border-top-color:var(--line)}
.hist tbody tr{transition:background-color .15s}.hist tbody tr:hover{background:rgba(255,255,255,.025)}
pre,code{border-radius:var(--r-sm);border-color:var(--line2)}
.warnbox{border-radius:12px;padding:12px 14px}
.note{color:var(--warn)}

/* ---------- page header pattern ---------- */
.page>.row.between:first-child,.sf-cathead{margin-bottom:22px}
.page>h1:first-child{margin-bottom:6px}
.page>h1:first-child+p.dim{margin:0 0 24px;max-width:64ch}
.sec,.rf-h{font-size:1.15rem;margin:36px 0 14px;display:flex;align-items:center;gap:10px}
.sec::after,.rf-h::after{content:"";flex:1;height:1px;background:var(--line)}
.ui-eyebrow{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ac-2);font-weight:650;margin-bottom:6px}

/* ---------- stat tiles (account / referral / reseller / admin) ---------- */
.ui-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px;margin:18px 0}
.ui-stat,.rf-stat,.rs-stat,.adm-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--sh-1);overflow:hidden;min-width:0}
.ui-stat::before,.rf-stat::before,.rs-stat::before,.adm-tile::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--ac),var(--ac2));opacity:.8}
.ui-stat>span:first-child,.ui-stat .rf-k,.rf-stat .rf-k,.rs-stat>span,.adm-tile>span{font-size:.78rem;color:var(--dim);font-weight:500;letter-spacing:.02em;margin:0}
.ui-stat b,.rf-stat b,.rs-stat b,.adm-tile strong{font-size:1.55rem;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere}
.ui-stat .approx,.rf-stat .approx{margin:0;font-size:.8rem}
.ui-stat.ac::before{background:var(--ok)}.ui-stat.warn::before{background:var(--warn)}.ui-stat.cyan::before{background:var(--ac2)}
.ui-stat .ui-stat-ico{position:absolute;inset-inline-end:14px;top:14px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(124,108,255,.12);color:var(--ac-2)}
.ui-stat .ui-stat-ico .ico{width:18px;height:18px}
.ui-stat .btn{align-self:flex-start;margin-top:6px}

/* ---------- home additions ---------- */
.sf-strip{background:linear-gradient(180deg,rgba(124,108,255,.06),transparent);border-bottom-color:var(--line)}
.sf-strip ul{padding:14px 20px}
.sf-strip .ico{color:var(--ac-2);background:rgba(124,108,255,.12)}
.sf-hero{padding:64px 0 40px}
.sf-hero .pill{background:rgba(124,108,255,.1);border-color:rgba(124,108,255,.4);color:#d6d0ff}
.sf-hero h1{font-size:clamp(2.1rem,5.6vw,4rem)}
.sf-search{border-radius:18px;padding:6px 6px 6px 18px;background:rgba(14,16,22,.92)}
.sf-search .btn{border-radius:13px}
.ui-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:12px;margin-top:14px}
.ui-cat{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--panel2),var(--panel));transition:transform .25s var(--ease),border-color .25s,box-shadow .25s;min-width:0}
.ui-cat .sf-tile{width:46px;height:46px;border-radius:14px;flex:none}
.ui-cat span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ui-cat b{font-size:.96rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-cat small{color:var(--dim);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-cat .ico.arr{margin-inline-start:auto;color:var(--mute);width:18px;height:18px;transition:transform .2s,color .2s}
@media(hover:hover){.ui-cat:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22);box-shadow:0 18px 40px -22px rgba(124,108,255,.6)}.ui-cat:hover .ico.arr{color:#fff;transform:translateX(3px)}[dir=rtl] .ui-cat:hover .ico.arr{transform:translateX(-3px) scaleX(-1)}}
[dir=rtl] .ui-cat .ico.arr{transform:scaleX(-1)}
.ui-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ui-why article{position:relative;padding:26px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel2),var(--panel));overflow:hidden;transition:transform .25s var(--ease),border-color .25s}
.ui-why article::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.18),transparent 70%);pointer-events:none}
.ui-why .ui-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(124,108,255,.35),rgba(76,201,240,.25));color:#fff;margin-bottom:14px;border:1px solid rgba(255,255,255,.1)}
.ui-why .ui-ic .ico{width:22px;height:22px}
.ui-why h3{font-size:1.08rem;margin:0 0 6px}.ui-why p{margin:0;color:var(--dim);line-height:1.6}
@media(hover:hover){.ui-why article:hover{transform:translateY(-3px);border-color:var(--line2)}}
.ui-cta{position:relative;margin-top:60px;padding:46px 36px;border-radius:26px;border:1px solid rgba(124,108,255,.35);overflow:hidden;text-align:center;
  background:radial-gradient(70% 120% at 50% -20%,rgba(124,108,255,.38),transparent 60%),radial-gradient(40% 70% at 100% 100%,rgba(76,201,240,.18),transparent 60%),linear-gradient(180deg,#121425,#0c0e18)}
.ui-cta h2{font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.03em;margin:0 0 10px;background:linear-gradient(180deg,#fff,#c9c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ui-cta p{color:var(--dim);max-width:56ch;margin:0 auto 22px;font-size:1.02rem}
.ui-cta .row{justify-content:center;flex-wrap:wrap}
.ui-cta .ui-pay{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.ui-cta .ui-pay>span:first-child{color:var(--mute);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-inline-end:6px}
.sf-stats{border-radius:var(--r-lg)}
.sf-steps li{border-radius:var(--r-lg)}
.sf-review{border-radius:var(--r-lg)}
.sf-acc details{border-radius:14px}
.sf-head h2{font-size:1.45rem}
.sf-card{border-radius:var(--r);padding:16px}
.sf-card .sf-tile{width:48px;height:48px;border-radius:14px}
.sf-card h3{font-size:1.02rem}
.sf-price b{font-size:1.18rem}
.sf-more{padding:6px 10px;border-radius:9px;border:1px solid transparent}.sf-more:hover{border-color:var(--line2);background:rgba(255,255,255,.03)}

/* ---------- catalog: sidebar on desktop ---------- */
.ui-catwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.ui-side{display:none}
.ui-side nav{position:sticky;top:84px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.ui-side .h-small{margin:4px 10px 10px}
.ui-side .allp,.ui-side .tree a{min-height:38px;font-size:.92rem;border-radius:9px}
.ui-side .tree>li>a{font-weight:500}
.ui-side .tree ul{margin-inline-start:14px;padding-inline-start:10px;border-inline-start:1px solid var(--line);margin-left:auto;padding-left:0;border-left:0}
.ui-side .tree>li>ul{display:none}.ui-side .tree li.open>ul{display:block}
.ui-side .tree li.has-kids > a::after{content:"";width:.38em;height:.38em;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);flex:0 0 auto;opacity:.55;margin-inline-start:2px;transition:transform .15s}
.ui-side .tree li.open.has-kids > a::after{transform:rotate(45deg)}
.ui-side .tree a,.ui-side .allp{display:flex;align-items:center;gap:8px}
.ui-side .tree a[aria-current=page],.ui-side .allp[aria-current=page]{background:rgba(124,108,255,.18);color:#fff}
.ui-side .ui-n{margin-inline-start:auto;font-size:.74rem;color:var(--mute);font-variant-numeric:tabular-nums}
.ui-side a[aria-current=page] .ui-n{color:#d6d0ff}
@media(min-width:1000px){
  .ui-catwrap{grid-template-columns:240px minmax(0,1fr)}
  .ui-side{display:block}
  .ui-catwrap #tabHost{display:none}
}
.sf-tools .sf-search.sm{border-radius:12px;min-height:42px}
.sf-chips button{min-height:34px}

/* ---------- product page ---------- */
.sf-crumb{font-size:.84rem;color:var(--mute)}
.sf-pd{gap:36px}
.sf-pd-art{border-radius:26px}
.sf-pd-main{padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--sh-1);gap:16px}
.sf-pd-main h1{font-size:clamp(1.5rem,3vw,2.1rem)}
.sf-pd-price{padding:14px 16px;border-radius:14px;background:rgba(124,108,255,.08);border:1px solid rgba(124,108,255,.25);flex-wrap:wrap}
.sf-pd-price b{font-size:1.9rem}
.sf-packs button{border-radius:12px;border-color:var(--line2);background:var(--panel2)}
.sf-pd-cta{position:sticky;bottom:12px;z-index:5;padding:10px;margin:0 -10px;border-radius:16px;background:rgba(14,16,22,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line)}
.sf-deliv{border-radius:14px}
.ui-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.ui-trust li{list-style:none;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.ui-trust .ico{width:20px;height:20px;color:var(--ac2);flex:none;margin-top:2px}
.ui-trust b{display:block;font-size:.92rem;font-weight:600}.ui-trust small{color:var(--dim);font-size:.8rem;line-height:1.4}
.ui-trust ul,ul.ui-trust{margin:24px 0 0;padding:0}
.sf-detail .sf-panel{border-radius:var(--r)}
.ui-pdpay{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}
.ui-pdpay>span:first-child{color:var(--mute);font-size:.78rem;margin-inline-end:4px}

/* ---------- checkout sheet (buy modal) ---------- */
.modal{background:rgba(3,4,8,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-card{width:min(480px,100%);border-radius:22px;padding:26px;border-color:var(--line2);box-shadow:var(--sh-2);gap:16px;background:linear-gradient(180deg,#12141d,#0d0f16)}
.modal-card h2{font-size:1.25rem}
.co-head{display:flex;gap:14px;align-items:center}
.co-head .sf-tile{width:52px;height:52px;border-radius:15px;flex:none}
.co-head>div{min-width:0}.co-head h2{margin:0;overflow-wrap:anywhere}.co-head p{margin:2px 0 0}
.co-lines{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);overflow:hidden}
.co-lines>.row{padding:11px 14px;border-top:1px solid var(--line);margin:0}
.co-lines>.row:first-child{border-top:0}
.co-lines>.row.co-total{background:rgba(124,108,255,.1)}
.co-lines>.row.co-total strong{font-size:1.25rem;letter-spacing:-.02em}
.co-lines .approx{display:block;margin:0;text-align:end}
.co-lines>.row>span:last-child{text-align:end;font-variant-numeric:tabular-nums}
.co-qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.co-qty label{flex-direction:row;align-items:center;gap:12px}
.co-qty input{width:96px;text-align:center}
.modal-card .row.end{margin-top:4px;gap:10px}
.modal-card .row.end .btn{flex:1}
.co-safe{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:.8rem;margin:0}
.co-safe .ico{width:16px;height:16px;color:var(--ok)}

/* ---------- account dashboard ---------- */
.acc-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.acc-ava{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-weight:700;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#6552f0,#4cc9f0);box-shadow:0 10px 24px -12px rgba(124,108,255,.9);flex:none;text-transform:uppercase}
.acc-head h1{margin:0}
.acc-head .acc-who{display:flex;flex-direction:column;min-width:0}
.acc-head .acc-who .dim{overflow-wrap:anywhere}
.acc-head .acc-actions{margin-inline-start:auto;display:flex;gap:10px;flex-wrap:wrap}
.acc-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;margin-top:14px}
.acc-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .2s,background-color .2s,transform .2s var(--ease);font-weight:500;font-size:.92rem;min-height:56px}
.acc-link .ico{width:20px;height:20px;color:var(--ac-2);flex:none}
.acc-link:hover{border-color:var(--line2);background:var(--panel2);transform:translateY(-2px)}
.ord-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.ord{padding:0;overflow:hidden}
.ord-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px}
.ord .sf-tile{width:46px;height:46px;border-radius:14px}
.ord-meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.ord-meta strong{font-size:1rem;overflow-wrap:anywhere}
.ord-meta .dim{font-size:.82rem}
.ord-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end;font-variant-numeric:tabular-nums}
.ord-right strong{font-size:1.1rem}
.ord-right .approx{margin:0}
.ord-bot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.02)}
.ord-bot .row{gap:8px;flex-wrap:wrap}
.ord-deliv{margin:0;border-top:1px solid var(--line)}
.ord-deliv summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 18px;font-size:.86rem;color:var(--dim);min-height:var(--tap)}
.ord-deliv summary::-webkit-details-marker{display:none}
.ord-deliv summary::before{content:"";width:7px;height:7px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s;margin-inline-end:4px}
[dir=rtl] .ord-deliv summary::before{transform:rotate(135deg)}
.ord-deliv[open] summary::before{transform:rotate(45deg)}
.ord-deliv summary:hover{color:var(--tx)}
.ord-deliv pre{margin:0 18px 16px;white-space:pre-wrap;overflow-wrap:anywhere}
.ord.flash{border-color:var(--ac2)}
.acc-extra{margin-top:18px}

/* ---------- order detail: two columns ---------- */
.od{max-width:none}
.od-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.od-main,.od-side{display:flex;flex-direction:column;gap:18px;min-width:0}
@media(min-width:1000px){.od-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.od-side{position:sticky;top:84px}}
.od-card{border-radius:var(--r-lg);padding:24px;background:linear-gradient(180deg,var(--panel2),var(--panel));box-shadow:var(--sh-1)}
.od-head{padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(60% 120% at 0 0,rgba(124,108,255,.16),transparent 60%),var(--panel);align-items:center}
.od-head h1{font-size:clamp(1.4rem,3vw,2rem)}
.od-sub{font-size:1.05rem;font-weight:650}
.od-row{border-top:1px solid var(--line)}.od-row:first-of-type{border-top:0}
.od-side .od-row{grid-template-columns:104px minmax(0,1fr)}
.od-chip{max-width:100%}
.od-chip{border-radius:10px;border-color:var(--line2)}

/* ---------- tickets & help ---------- */
.help-grid .card{padding:26px}
.help-grid h2{font-size:1.15rem}
.tk-grid{gap:24px}
.tk-item{padding:16px 18px;border-radius:14px}
.tk-item .row.between{gap:10px}
.tk-item strong{font-size:.98rem}
.tk-item:hover{border-color:var(--line2)}
.tk-item.sel,.tk-item[aria-current=true]{border-color:var(--ac);background:rgba(124,108,255,.08)}
.msg{border-radius:16px;padding:12px 16px;box-shadow:var(--sh-1)}
.msg.user{background:linear-gradient(180deg,rgba(124,108,255,.22),rgba(124,108,255,.12));border-color:rgba(124,108,255,.35);border-end-end-radius:6px}
.msg.staff{background:var(--panel2);border-color:var(--line2);border-end-start-radius:6px}
.msg-h strong{font-size:.86rem}
.thread{gap:12px;margin:18px 0}
#replyArea form.card{position:sticky;bottom:12px;z-index:4;background:rgba(14,16,22,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tk-filter{gap:10px}.tk-filter .search{min-width:220px}

/* ---------- admin shell ---------- */
.adm-tabs{display:flex;gap:4px;margin:14px 0 20px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.adm-tabs::-webkit-scrollbar{display:none}
.adm-tabs a{opacity:1;color:var(--dim);padding:9px 14px;border-radius:10px;white-space:nowrap;font-weight:500;font-size:.92rem;min-height:40px;display:inline-flex;align-items:center;gap:8px;transition:color .2s,background-color .2s}
.adm-tabs a:hover{color:#fff;background:rgba(255,255,255,.05)}
.adm-tabs a[aria-current=page]{color:#fff;background:linear-gradient(180deg,rgba(124,108,255,.35),rgba(124,108,255,.2));outline:0;border:1px solid rgba(124,108,255,.5)}
.adm-tabs .adm-extra{margin-inline-start:auto;color:var(--mute);font-size:.84rem}
.adm-tabs .adm-extra+.adm-extra{margin-inline-start:0}
.adm-grid{gap:14px;margin-bottom:20px}
.adm-body>.card,.adm-body>section.card{margin-top:16px}
.adm-body .tk-filter{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:0 0 16px}
@media(min-width:1120px){
  .page:has(>.adm-tabs){display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 28px;align-items:start}
  .page:has(>.adm-tabs)>.row.between:first-child{grid-column:1/-1}
  .page:has(>.adm-tabs)>.adm-tabs{flex-direction:column;align-items:stretch;position:sticky;top:84px;margin:0;padding:8px;gap:2px;overflow:visible}
  .page:has(>.adm-tabs) .adm-tabs a{min-height:42px}
  .page:has(>.adm-tabs) .adm-tabs .adm-extra{margin:8px 0 0;padding-top:12px;border-top:1px solid var(--line);border-radius:0;font-size:.86rem}
  .page:has(>.adm-tabs) .adm-tabs .adm-extra+.adm-extra{margin-top:0;padding-top:9px;border-top:0}
  .page:has(>.adm-tabs)>#adm-body{min-width:0}
}
.adm-pre{border-radius:12px;border:1px solid var(--line);background:#05060a;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ok)}

/* ---------- referral ---------- */
.rf-stats>.card,.ui-stats>.card,.adm-grid>.card,.rs-grid>.card{margin-top:0}
.rf-stat b,.ui-stat b{font-family:inherit;font-size:1.55rem}
.rf-share{padding:26px;border-radius:var(--r-lg);background:radial-gradient(70% 120% at 100% 0,rgba(76,201,240,.12),transparent 60%),linear-gradient(180deg,var(--panel2),var(--panel))}
.rf-share h2{font-size:1.25rem}
.rf-copy input{font-weight:500}
.rf-rules{margin-top:16px;padding-inline-start:18px;padding-left:0}
.rf-qr img{border-radius:18px;padding:8px}
.rf-stats{gap:14px}

/* ---------- reseller ---------- */
.rs-grid{gap:14px}
.rs-grid .card{position:relative;overflow:hidden}
.rs-grid .card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--ac),var(--ac2))}
.rs-big{font-size:1.75rem;font-weight:700;letter-spacing:-.025em}
.rs-tabs{padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);gap:4px;display:inline-flex;max-width:100%;overflow-x:auto}
.rs-tabs .btn.ghost{border-color:transparent;min-height:40px}
.rs-tabs [aria-selected=true]{background:linear-gradient(180deg,rgba(124,108,255,.35),rgba(124,108,255,.2));border-color:rgba(124,108,255,.5)}
.rs-code{border-radius:14px}
.rs-secret{border-radius:14px}
/* stacked cards get breathing room only when they are direct siblings in the page flow (never inside grids / lists) */
.page>.card+.card,.page>.rs-grid+.card,.page>.card+section.card,.page>section.card+section.card,#rsBody>.card+.card,.rs-detail>.card+.card{margin-top:16px}
.set-grid>.card,.help-grid>.card,.dep-grid>.card,.tk-grid .card,.list>.card,.grid2>.card,.grid3>.card,.grid4>.card,.rf-stats>.card,.ui-stats>.card,.adm-grid>.card,.rs-grid>.card{margin-top:0}
/* inline code chips inside tables and lists (the block <code> style is for deposit addresses) */
td code,.rs-paths code,.rs-detail code,.tk-item code,.msg code{display:inline-block;width:auto;max-width:100%;padding:2px 8px;font-size:.8rem;vertical-align:middle;overflow-wrap:anywhere;word-break:normal;border-radius:7px}
td code.adr{word-break:break-all}
.rs-paths li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}
.rs-paths li .dim{font-variant-numeric:tabular-nums}
.adm-tickets>.row:first-child{display:none}   /* the stand-alone ticket admin header (guides link / auth pill) is redundant inside the console */
.wd-lbl{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
/* secondary links leave the desktop bar on narrower desktops (they stay in the account quick links, footer and the mobile menu) */
@media(min-width:801px) and (max-width:1439px){.nav-links a[href="#/settings"]{display:none}}
@media(min-width:801px){.nav-links #rsNavLink{display:none}}

/* ---------- deposit / settings / withdraw ---------- */
.dep-grid{gap:18px}
.addrbox{padding:16px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid var(--line)}
.qr{border-radius:14px}
.bal{border-radius:14px}
.set-grid{gap:16px}
.set-grid .card h2{margin-bottom:12px}
.methods{gap:0}.method{padding:12px 0;border-top:1px solid var(--line)}.method:first-child{border-top:0;padding-top:0}

/* ---------- auth ---------- */
.page:has(>.auth){display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 64px - 240px)}
.auth{max-width:440px;margin:24px auto;padding:30px 28px;border-radius:var(--r-lg);position:relative;overflow:hidden;box-shadow:var(--sh-2)}
.auth::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.auth h1{font-size:1.5rem;margin:0 0 4px}
.auth h1+p{margin-top:0}
.auth form{margin-top:14px}
.auth .btn.block{margin-top:4px}
.or{margin:12px 0 4px}

/* ---------- footer ---------- */
.sf-foot{margin-top:60px;background:linear-gradient(180deg,transparent,rgba(124,108,255,.06));border-top:1px solid var(--line)}
.sf-foot-in{padding:52px 20px 28px}
.sf-foot h4{color:var(--tx);font-size:.8rem;letter-spacing:.08em}
.sf-foot li a{font-size:.9rem}
.sf-foot-brand .wordmark{font-size:1.5rem}
.sf-copy{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;color:var(--mute)}
.sf-b{border-radius:8px;font-weight:500}.sf-b.tok{font-weight:650}

/* ---------- mobile bottom navigation (rendered by ui.js) ---------- */
.ui-mnav{display:none}
@media(max-width:800px){
  .ui-mnav{position:fixed;inset-inline:0;bottom:0;z-index:25;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(7,8,11,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .ui-mnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:12px;color:var(--dim);font-size:.68rem;font-weight:500;letter-spacing:.01em;transition:color .2s,background-color .2s}
  .ui-mnav a .ico{width:22px;height:22px}
  .ui-mnav a[aria-current=page]{color:#fff;background:rgba(124,108,255,.16)}
  .ui-mnav a.ui-mnav-cta .ico{color:var(--ac-2)}
  body:has(.ui-mnav) .page{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  body:has(.ui-mnav) #toasts{bottom:calc(84px + env(safe-area-inset-bottom))}
  body:has(.ui-mnav) .tg-fab{display:none}
  .ui-mnav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}
  body:has(.ui-mnav) .sf-foot{padding-bottom:70px}
  .sf-pd-cta{bottom:calc(76px + env(safe-area-inset-bottom))}
  #replyArea form.card{bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* ---------- responsive ---------- */
@media(max-width:1000px){.ui-why{grid-template-columns:1fr 1fr}}
@media(max-width:800px){
  .nav-in{height:60px}
  .nav-links{top:60px;padding:12px 14px 16px;background:rgba(7,8,11,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 50px -30px rgba(0,0,0,.9);border-bottom:1px solid var(--line2)}
  .nav-links a{border-radius:12px;padding:10px 14px}
  .nav-links a[aria-current=page]::after{display:none}
  .ui-why{grid-template-columns:1fr}
  .ui-cta{padding:36px 22px;margin-top:44px}
  .ord-top{grid-template-columns:auto minmax(0,1fr)}
  .ord-right{grid-column:2;align-items:flex-start;text-align:start;flex-direction:row;gap:10px;align-items:baseline}
  .acc-head .acc-actions{margin-inline-start:0;width:100%}
  .acc-head .acc-actions .btn{flex:1}
  .ui-trust{grid-template-columns:1fr}
  .adm-tabs{margin-inline:-14px;border-radius:0;border-inline:0;padding:6px 14px}
  .page:has(>.auth){min-height:0;display:block}
}
@media(max-width:600px){
  /* phone header: logo + compact language select + balance chip + menu (currency lives in the menu sheet) */
  .nav-in{padding:0 12px;gap:8px}.nav-right{gap:6px;flex:none;max-width:calc(100% - 96px)}
  .nav-right #curSel{display:none}
  .nav-right #langSel{max-width:92px;font-size:.8rem;padding:6px 24px 6px 10px;min-height:36px;background-position:right 7px center;text-overflow:ellipsis}
  [dir=rtl] .nav-right #langSel{padding:6px 10px 6px 24px;background-position:left 7px center}
  .chip{padding:4px 9px;font-size:.82rem;min-height:36px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.chip::before{display:none}
  .menu-btn{min-width:40px;min-height:40px}
  .nav-links .cur-mob select{max-width:none;width:auto;min-width:130px;padding-inline-end:32px}
  .page{padding:18px 14px 70px}
  h1{font-size:1.5rem}
  .card{padding:18px;border-radius:14px}
  .btn{min-height:var(--tap)}
  .sf-hero{padding:22px 0 16px}
  .sf-hero h1{font-size:clamp(1.55rem,7vw,2.15rem)}
  .sf-hero>p{margin-bottom:14px;font-size:.95rem}
  .sf-search{padding:4px 4px 4px 14px;border-radius:14px}
  .ui-cats{grid-template-columns:1fr 1fr;gap:10px}
  .ui-cat{padding:12px;gap:10px;flex-direction:column;align-items:flex-start}
  .ui-cat .ico.arr{display:none}
  .ui-cat span{width:100%}
  .ui-stats,.adm-grid{grid-template-columns:1fr 1fr;gap:10px}
  .ui-stat,.rf-stat,.rs-stat,.adm-tile{padding:14px 16px}
  .ui-stat b,.rf-stat b,.rs-stat b,.adm-tile strong{font-size:1.3rem}
  .ui-stat .ui-stat-ico{display:none}
  .acc-links{grid-template-columns:1fr 1fr}
  .ord-top{padding:14px}.ord-bot{padding:10px 14px}.ord-bot .row{width:100%}.ord-bot .row .btn{flex:1}
  .ord-deliv summary,.ord-deliv pre{padding-inline:14px}.ord-deliv pre{margin-inline:14px}
  .sf-pd-main{padding:18px}
  .modal-card{padding:22px 18px;border-radius:18px}
  .co-qty{flex-direction:column;align-items:stretch}.co-qty label{justify-content:space-between}
  .od-head{padding:18px}
  .tk-filter .search{min-width:0;width:100%}
  .sf-copy{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ui-cat,.ui-why article,.acc-link,.sf-pd-cta{transition:none!important}}
@media(forced-colors:active){.wordmark span,.ui-cta h2{background:none;color:CanvasText}.nav-links a[aria-current=page]::after{background:Highlight}.ui-mnav a[aria-current=page]{outline:2px solid Highlight}}

/* LANG-FLAGS-NAV-SUPPORT */
@media (min-width: 801px) {
  .nav-links .nav-support { margin-inline-start: auto; display: inline-flex; align-items: center; gap: 2px; flex-shrink: 0; }
}
@media (max-width: 800px) {
  .nav-links .nav-support { margin: 0; display: flex; flex-direction: column; width: 100%; }
}
.lang-picker { position: relative; flex: none; }
.lang-sel-native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; }
.lang-picker-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 10px; border: 1px solid var(--line2, var(--line)); background: var(--panel2, var(--panel)); border-radius: 9px; color: inherit; cursor: pointer; white-space: nowrap; font-size: .84rem; }
.lang-picker-btn:hover { background: rgba(255,255,255,.06); }
.lang-flag { width: 20px; height: 15px; object-fit: cover; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); flex: none; background: #222; }
.lang-picker-menu { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; min-width: 230px; max-height: min(70vh, 440px); overflow: auto; z-index: 90; padding: 6px; background: var(--panel, #12141c); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.45); display: flex; flex-direction: column; gap: 2px; }
.lang-picker-menu[hidden] { display: none !important; }
.lang-opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; background: transparent; color: inherit; border-radius: 8px; cursor: pointer; text-align: start; font-size: .9rem; }
.lang-opt:hover, .lang-opt.is-on { background: rgba(255,255,255,.07); }
@media (max-width: 800px) {
  .lang-picker-btn span { max-width: 72px; overflow: hidden; text-overflow: ellipsis; }
}

/* NumberHub-inspired order list + eSIM detail */
.od-listpage{max-width:920px;margin:0 auto;padding:4px 0 48px}
.od-list-title{font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 8px;letter-spacing:-.02em}
.od-list-sub{margin:0 0 18px}
.od-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.od-chip-f{font:inherit;font-weight:600;cursor:pointer;color:var(--tx);background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 16px;min-height:40px}
.od-chip-f.on{background:rgba(88,180,255,.16);border-color:rgba(125,211,252,.55);color:#fff}
.od-item-list{display:flex;flex-direction:column;gap:12px}
.od-item{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#12141c,#0e1018);color:inherit;text-decoration:none}
.od-item:hover{border-color:rgba(255,255,255,.16);background:#141824}
.od-item-ico{width:48px;height:48px;flex:none;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--tx)}
.od-item-ico .od-ico{width:22px;height:22px}
.od-item-ico.k-esim{color:#7dd3fc}
.od-item-ico.k-gift{color:#fbbf24}
.od-item-ico.k-ai{color:#c4b5fd}
.od-item-ico.k-bundle{color:#6ee7b7}
.od-item-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.od-item-meta strong{font-size:1.05rem}
.od-item .od-pill{margin:0 0 0 auto}
.od-empty{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:16px}
.od-install-path{margin:16px 0 10px;color:var(--dim);font-size:.92rem}
.od-esim .od-qr{display:block;margin:18px auto 16px;width:fit-content}
.od-esim .od-qr img{width:220px;height:220px}
.od .od-head{background:none;border:0;padding:0;box-shadow:none;align-items:flex-start}
.od-pill.refunded{color:#fca5a5;border-color:rgba(252,165,165,.45);background:rgba(239,68,68,.08)}
@media(max-width:640px){
  .od-item{padding:14px 14px}
  .od-item-ico{width:42px;height:42px}
}

.sf-pager, .esim-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 22px 0 12px;
}
.sf-pager span, .esim-pager span { opacity: .72; }

/* ACCOUNT-NAV-DROPDOWN */
.nav-dd{position:relative;flex:none}
.nav-links .nav-dd{display:inline-flex;align-items:center}
.nav-links .nav-dd-btn{padding:8px 12px;min-height:40px;display:inline-flex;align-items:center;border:0;border-radius:10px;background:transparent;color:var(--dim);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}
.nav-links .nav-dd-btn:hover,.nav-links .nav-dd.is-open>.nav-dd-btn{color:var(--tx);background:rgba(255,255,255,.07)}
.nav-dd-panel{display:none;position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:240px;max-height:min(78vh,560px);overflow:auto;z-index:95;padding:8px;background:var(--panel,#12141c);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.45);flex-direction:column;gap:2px}
.nav-dd.is-open>.nav-dd-panel{display:flex}

.nav-dd-panel>a,.acc-menu-panel .acc-logout{display:flex;align-items:center;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:start;font:inherit;cursor:pointer;text-decoration:none}
.nav-dd-panel>a:hover,.nav-dd-panel>a[aria-current=page]{background:rgba(255,255,255,.07)}
.acc-menu-btn,.pref-menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px 4px 4px;border:1px solid var(--line2,var(--line));background:var(--panel2,var(--panel));border-radius:999px;color:inherit;cursor:pointer;white-space:nowrap;font:inherit;font-size:.86rem}
.pref-menu-btn{padding:6px 12px}
.pref-menu-btn .pref-cur{color:var(--dim);font-variant-numeric:tabular-nums}
.acc-menu-btn:hover,.pref-menu-btn:hover,.nav-dd.is-open>.acc-menu-btn,.nav-dd.is-open>.pref-menu-btn{background:rgba(255,255,255,.06)}
.acc-ava-sm{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(124,108,255,.28);color:#efeaff;font-weight:700;font-size:.7rem;letter-spacing:.04em;flex:none}
.acc-short{max-width:9.5em;overflow:hidden;text-overflow:ellipsis}
.acc-menu-panel{min-width:268px}
.acc-pref{display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px}
.acc-pref-lbl{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-weight:650}
.acc-lang-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto}
.acc-menu-panel .cur-sel,.pref-menu-panel .cur-sel,.acc-menu-panel select.js-cur{max-width:none;width:100%}
.acc-bal{font-variant-numeric:tabular-nums;color:#d9d4ff!important}
.acc-logout{color:#f87171!important;font-weight:650}
.acc-logout:hover{background:rgba(239,68,68,.16)!important;color:#fca5a5!important}
@media(max-width:600px){
  .acc-short{max-width:5.5em}
  /* MOBILE-WIDTH-FIX: phone header must fit 320px when signed in (logo + prefs + account + menu overflowed by up to 61px,
     which widened every signed-in page). Language name is dropped from the prefs pill (flag + currency stay, the
     aria-label still names both); the full language list is still inside the dropdown. */
  .nav-in{min-width:0}.nav-right{min-width:0}
  .pref-menu-btn{padding:6px 10px;gap:6px}.pref-menu-btn>span:not(.pref-cur){display:none}
  .nav-right .acc-menu-panel #curSel,.nav-right .pref-menu-panel #curSel{display:block;width:100%;max-width:none}
}
@media(max-width:400px){.acc-short{display:none}.acc-menu-btn{padding:4px}}   /* MOBILE-WIDTH-FIX: avatar initials only; aria-label keeps the account name */
@media(min-width:801px) and (max-width:1439px){
  .nav-links a[href="#/referral"]{display:inline-flex}
}
/* SUPPORT-DD-OVERFLOW */
@media (min-width: 801px) {
  .nav-links { overflow: visible; }
}
.nav-links .nav-support,
.nav-links .nav-dd { overflow: visible; position: relative; }
.nav-links .nav-dd-panel { z-index: 120; }
@media (max-width: 800px) {
  .nav-links .nav-dd { display: flex; flex-direction: column; width: 100%; align-items: stretch; }
  .nav-links .nav-dd-btn { width: 100%; justify-content: flex-start; }
  .nav-links .nav-dd-panel { position: static; inset: auto; min-width: 0; max-height: none; box-shadow: none; border: 0; padding: 0 0 4px 10px; background: transparent; }
}

/* Header "More" menu (desktop, items that do not fit in the current language) */
.nav-links.has-more{overflow:visible}
.nav-links .nav-more>.nav-dd-btn{gap:4px;white-space:nowrap}
.nav-links .nav-more>.nav-dd-btn[data-current]{color:var(--tx)}
.nav-more-caret{font-size:.75em;opacity:.8}
.nav-more-panel{min-width:200px;flex-direction:column;gap:2px}
.nav-more-panel>a{white-space:nowrap}
.nav-more-panel>a .ai-hot{margin-inline-start:auto}

/* Mobile (2026-11-08): six bottom slots with two-line labels; the open menu is a solid, scrollable sheet above the page */
@media(max-width:800px){
  .ui-mnav a,.ui-mnav .ui-mnav-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:12px;color:var(--dim);font-size:.62rem;font-weight:500;line-height:1.15;text-align:center;padding:4px 2px}
  .ui-mnav .ui-mnav-more{border:0;background:transparent;font-family:inherit;cursor:pointer}
  .ui-mnav .ui-mnav-more[aria-expanded=true]{color:#fff;background:rgba(124,108,255,.16)}
  .ui-mnav .ui-mnav-more .ico{width:22px;height:22px}
  .ui-mnav a span,.ui-mnav .ui-mnav-more span{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;word-break:normal;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
  .nav:has(.nav-links.open){z-index:60}
  .nav-links.open{z-index:60;background:#07080b;max-height:calc(100dvh - 60px - 72px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
}

/* Carrier page: the long owner title fits on two lines */
.sim-hero h1{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.3;max-width:900px}