/* Hexlist customer pages (account, history, download, help, login, sign-up): the look of the Hexlist page.
   Loaded after portal.css only on /hexlist/ pages (body.hx-skin); other portals are untouched. */
body.hx-skin{
  --hx-bg:#05070b;--hx-surface:#0b0e15;--hx-surface-2:#10141d;--hx-line:rgba(255,255,255,.08);--hx-line-2:rgba(255,255,255,.14);
  --hx-text:#f3f5f9;--hx-muted:#9aa3b2;--hx-faint:#687183;--hx-blue:#4d94ff;--hx-violet:#a56bff;--hx-green:#3ddc84;
  --hx-grad:linear-gradient(135deg,#4d94ff,#a56bff);--hx-ease:cubic-bezier(.16,1,.3,1);
  --text-primary:var(--hx-text);--text-secondary:var(--hx-muted);--text-muted:var(--hx-faint);--border:var(--hx-line);--border-hover:var(--hx-line-2);
  background:var(--hx-bg);color:var(--hx-muted);-webkit-font-smoothing:antialiased;
}
body.hx-skin .ambient-bg,body.hx-skin .mesh-grid,body.hx-skin .noise{display:none;}
body.hx-skin .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
body.hx-skin .aurora span{position:absolute;display:block;border-radius:50%;}
body.hx-skin .aurora .a1{width:44vw;height:44vw;left:-10vw;top:-12vw;background:radial-gradient(circle,rgba(77,148,255,.18),rgba(77,148,255,.05) 36%,transparent 70%);animation:hxDrift 28s ease-in-out infinite;}
body.hx-skin .aurora .a2{width:38vw;height:38vw;right:-8vw;top:40vh;background:radial-gradient(circle,rgba(165,107,255,.14),transparent 70%);animation:hxDrift 34s ease-in-out infinite reverse;}
@keyframes hxDrift{0%,100%{transform:translate3d(0,0,0) scale(1);}33%{transform:translate3d(5vw,-4vh,0) scale(1.12);}66%{transform:translate3d(-4vw,4vh,0) scale(.92);}}

/* top bar */
body.hx-skin nav{height:68px;padding:0 32px;background:rgba(5,7,11,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hx-line);}
body.hx-skin .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
body.hx-skin .nav-logo img{width:30px;height:30px;filter:none;}
body.hx-skin .nav-logo span{font-family:'Outfit',sans-serif;font-size:20px;font-weight:800;background:none;-webkit-text-fill-color:var(--hx-text);color:var(--hx-text);}
body.hx-skin .nav-logo small{font-size:12px;font-weight:600;color:var(--hx-faint);border:1px solid var(--hx-line-2);border-radius:999px;padding:2px 9px;margin-inline-start:4px;}
body.hx-skin .nav-links a{font-size:14px;color:var(--hx-muted);border-radius:10px;padding:8px 14px;}
body.hx-skin .nav-links a:hover{color:var(--hx-text);background:rgba(255,255,255,.05);}
body.hx-skin .nav-links a.nav-cta{background:transparent;color:var(--hx-text);border:1px solid var(--hx-line-2);box-shadow:none;}
body.hx-skin .nav-links a.nav-cta:hover{background:rgba(255,255,255,.06);}

/* layout */
body.hx-skin .portal-shell{max-width:1240px;padding:100px 32px 60px;gap:32px;}
body.hx-skin .sidebar-nav{width:240px;top:92px;background:var(--hx-surface);border:1px solid var(--hx-line);border-radius:20px;padding:14px;box-shadow:none;}
body.hx-skin .sidebar-nav a{gap:12px;font-size:14px;color:var(--hx-muted);padding:11px 12px;border-radius:12px;}
body.hx-skin .sidebar-nav a svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85;}
body.hx-skin .sidebar-nav a:hover{color:var(--hx-text);background:rgba(255,255,255,.05);}
body.hx-skin .sidebar-nav a.active{color:var(--hx-text);background:linear-gradient(135deg,rgba(77,148,255,.18),rgba(165,107,255,.12));box-shadow:inset 0 0 0 1px rgba(120,175,255,.28);}
body.hx-skin .sidebar-nav a.active svg{stroke:#9cc3ff;opacity:1;}
body.hx-skin .sidebar-nav .side-sep{height:1px;background:var(--hx-line);margin:8px 6px;}
body.hx-skin .agent-side-id{padding:6px 6px 14px;margin-bottom:8px;border-bottom:1px solid var(--hx-line);}
body.hx-skin .agent-avatar--initials{background:var(--hx-grad);color:#fff;}
body.hx-skin .agent-side-name{color:var(--hx-text);}
body.hx-skin .nav-badge{background:var(--hx-blue);}

/* headings */
body.hx-skin .page-header{margin-bottom:28px;}
body.hx-skin .page-title{font-size:clamp(28px,3.2vw,38px);letter-spacing:-.8px;background:none;-webkit-text-fill-color:var(--hx-text);color:var(--hx-text);}
body.hx-skin .page-desc{color:var(--hx-muted);font-size:15.5px;}
body.hx-skin .card-title{font-size:18px;color:var(--hx-text);margin-bottom:18px;}

/* surfaces */
body.hx-skin .card,body.hx-skin .stat-tile{background:var(--hx-surface);border:1px solid var(--hx-line);border-radius:20px;box-shadow:none;}
body.hx-skin .card::before,body.hx-skin .stat-tile::before{display:none;}
body.hx-skin .card:hover,body.hx-skin .stat-tile:hover{border-color:var(--hx-line-2);}
body.hx-skin .stat-tile-value{font-family:'Outfit',sans-serif;color:var(--hx-text);}
body.hx-skin .stat-tile-label{color:var(--hx-faint);}

/* buttons */
body.hx-skin .btn-primary{background:#fff;color:#07090d;border-radius:12px;box-shadow:none;transition:transform .25s var(--hx-ease),box-shadow .25s,background .25s;}
body.hx-skin .btn-primary:hover{transform:translateY(-2px);background:#e9edf3;box-shadow:0 14px 40px rgba(77,148,255,.25);}
body.hx-skin .btn-secondary{border-radius:12px;border:1px solid var(--hx-line-2);color:var(--hx-text);}
body.hx-skin .btn-secondary:hover{background:rgba(255,255,255,.05);}
body.hx-skin .btn-sm{border-radius:10px;}

/* forms */
body.hx-skin .form-field label{color:var(--hx-muted);letter-spacing:.06em;}
body.hx-skin .form-field input,body.hx-skin .form-field select,body.hx-skin .form-field textarea,
body.hx-skin input[type=text],body.hx-skin input[type=email],body.hx-skin input[type=password],body.hx-skin input[type=number],body.hx-skin textarea,body.hx-skin select{
  background:var(--hx-surface-2);border:1px solid var(--hx-line-2);border-radius:12px;color:var(--hx-text);}
body.hx-skin .form-field input:focus,body.hx-skin .form-field select:focus,body.hx-skin .form-field textarea:focus,body.hx-skin input:focus,body.hx-skin textarea:focus,body.hx-skin select:focus{
  border-color:rgba(77,148,255,.8);box-shadow:0 0 0 4px rgba(77,148,255,.14);background:var(--hx-surface-2);outline:none;}
body.hx-skin .form-hint,body.hx-skin .text-muted{color:var(--hx-faint);}

/* tables */
body.hx-skin .table-wrap{border-radius:16px;border:1px solid var(--hx-line);}
body.hx-skin .data-table th{background:var(--hx-surface-2);color:var(--hx-faint);border-bottom:1px solid var(--hx-line);}
body.hx-skin .data-table td{border-bottom:1px solid var(--hx-line);}
body.hx-skin .data-table tr:hover td{background:rgba(255,255,255,.02);}
body.hx-skin .data-table-empty{color:var(--hx-faint);}

/* messages */
body.hx-skin .flash{border-radius:14px;}
body.hx-skin .flash--success{background:rgba(61,220,132,.1);border-color:rgba(61,220,132,.32);color:#a6efc6;}
body.hx-skin .flash--error{background:rgba(255,80,80,.1);border-color:rgba(255,80,80,.32);color:#ffb3b3;}
body.hx-skin .portal-main a:not([class]){color:#8fbaff;}

/* login, sign-up, password pages */
body.hx-skin .auth-wrap{padding:96px 20px 40px;}
body.hx-skin .auth-card{max-width:440px;background:var(--hx-surface);border:1px solid var(--hx-line-2);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 120px rgba(77,148,255,.08);}
body.hx-skin .auth-card::before{display:none;}
body.hx-skin .auth-title{color:var(--hx-text);letter-spacing:-.6px;background:none;-webkit-text-fill-color:var(--hx-text);}
body.hx-skin .auth-sub{color:var(--hx-muted);}
body.hx-skin .agent-auth-eyebrow{color:#8fbaff;}
body.hx-skin .agent-auth-eyebrow::before{background:var(--hx-grad);}
body.hx-skin .auth-links,body.hx-skin .auth-links a{color:var(--hx-muted);}
body.hx-skin .auth-links a:hover{color:var(--hx-text);}
body.hx-skin .hx-auth-bar{position:fixed;inset:0 0 auto;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--hx-line);background:rgba(5,7,11,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
body.hx-skin .hx-auth-bar a{color:var(--hx-muted);font-size:14px;}
body.hx-skin .hx-auth-bar a:hover{color:var(--hx-text);}
body.hx-skin .hx-auth-bar .nav-logo{color:var(--hx-text);}

/* the account page's own pieces */
body.hx-skin .hx-fund-pay,body.hx-skin .hx-other,body.hx-skin .hx-balance{background:var(--hx-surface)!important;border-color:var(--hx-line)!important;box-shadow:none!important;}
body.hx-skin .hx-chip{background:var(--hx-surface-2)!important;border:1px solid var(--hx-line-2)!important;color:var(--hx-text)!important;border-radius:12px!important;}
body.hx-skin .hx-chip.is-on{background:linear-gradient(135deg,rgba(77,148,255,.25),rgba(165,107,255,.18))!important;border-color:rgba(120,175,255,.6)!important;}
body.hx-skin .hx-paybtn,body.hx-skin #hx-card-go{background:#fff!important;color:#07090d!important;border-radius:12px!important;}

/* footer */
body.hx-skin footer{border-top:1px solid var(--hx-line);color:var(--hx-faint);}

/* entrance motion, as on the Hexlist page */
@keyframes hxRise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
body.hx-skin .page-header,body.hx-skin .portal-main>.card,body.hx-skin .portal-main>div,body.hx-skin .auth-card,body.hx-skin .sidebar-nav{animation:hxRise .7s var(--hx-ease) both;}
body.hx-skin .portal-main>*:nth-child(2){animation-delay:.06s;}
body.hx-skin .portal-main>*:nth-child(3){animation-delay:.12s;}
body.hx-skin .portal-main>*:nth-child(4){animation-delay:.18s;}
body.hx-skin .portal-main>*:nth-child(n+5){animation-delay:.24s;}

@media (max-width:860px){
  body.hx-skin nav{padding:0 18px;}
  body.hx-skin .portal-shell{padding:86px 16px 40px;}
  body.hx-skin .hx-auth-bar{padding:0 18px;}
}
@media (prefers-reduced-motion:reduce){
  body.hx-skin .aurora span,body.hx-skin .page-header,body.hx-skin .portal-main>*,body.hx-skin .auth-card,body.hx-skin .sidebar-nav{animation:none!important;}
}

/* the shared portal's frosted glass and floating pill nav, replaced */
body.hx-skin .card,body.hx-skin .stat-tile,body.hx-skin .sidebar-nav,body.hx-skin .auth-card{
  background:var(--hx-surface)!important;border:1px solid var(--hx-line)!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;}
body.hx-skin .auth-card{border-color:var(--hx-line-2)!important;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 120px rgba(77,148,255,.08);}
body.hx-skin .card:hover,body.hx-skin .stat-tile:hover{border-color:var(--hx-line-2)!important;box-shadow:none;}
body.hx-skin nav{top:0;left:0;right:0;max-width:none;margin:0;border-radius:0;border:0!important;border-bottom:1px solid var(--hx-line)!important;box-shadow:none;}
body.hx-skin .nav-links a.nav-cta{color:var(--hx-text)!important;-webkit-text-fill-color:var(--hx-text);}
body.hx-skin .hx-fund>div{background:var(--hx-surface)!important;border:1px solid var(--hx-line)!important;box-shadow:none!important;}
body.hx-skin .hx-fund>div:last-child{border-color:rgba(77,148,255,.35)!important;background:linear-gradient(180deg,rgba(77,148,255,.08),rgba(165,107,255,.03)),var(--hx-surface)!important;}
body.hx-skin .hx-money,body.hx-skin #hx-card-promo{background:var(--hx-surface-2)!important;border-color:var(--hx-line-2)!important;border-radius:12px!important;}
body.hx-skin .data-table th{background:var(--hx-surface-2)!important;}
body.hx-skin .table-wrap{background:transparent;}
@media(max-width:900px){body.hx-skin .aurora{display:block;}}
@media(max-width:900px){
  body.hx-skin .sidebar-nav{width:100%!important;position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:none;}
  body.hx-skin .sidebar-nav::-webkit-scrollbar{display:none;}
  body.hx-skin .sidebar-nav .agent-side-id,body.hx-skin .sidebar-nav .side-sep{display:none;}
  body.hx-skin .sidebar-nav a{white-space:nowrap;flex:none;padding:9px 12px;}
  body.hx-skin .sidebar-nav>*:not(a){flex:none;}
}