@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:opsz,wght@14..32,300..700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ArxNetwork v35 — mature typography, icon polish, and card redesign.
   Works as an override layer; backend logic remains untouched. */
:root{
  --v35-bg:#f6f4fb;
  --v35-surface:rgba(255,255,255,.88);
  --v35-surface-strong:#ffffff;
  --v35-ink:#15101f;
  --v35-text:#302a3e;
  --v35-muted:#746b84;
  --v35-line:rgba(112,66,255,.14);
  --v35-line-dark:rgba(255,255,255,.12);
  --v35-purple:#7042ff;
  --v35-violet:#8f63ff;
  --v35-cyan:#54e4ff;
  --v35-green:#52d69f;
  --v35-warn:#edbf62;
  --v35-shadow:0 24px 75px rgba(25,17,54,.10),0 1px 0 rgba(255,255,255,.80) inset;
  --v35-shadow-tight:0 14px 38px rgba(24,18,47,.095);
  --v35-font:"Instrument Sans","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --v35-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
  --v35-radius:24px;
  --v35-radius-sm:15px;
}
html,body,button,input,select,textarea{font-family:var(--v35-font)!important;font-weight:430;letter-spacing:-.008em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;}
body{background:radial-gradient(circle at 12% -4%,rgba(112,66,255,.10),transparent 32%),radial-gradient(circle at 88% 0,rgba(77,232,255,.08),transparent 30%),var(--v35-bg)!important;color:var(--v35-ink)!important;}
h1,h2,h3,.brand-text,.arx-page-head h1,.page-card h1,.auth-panel h2,.admin-head h1{font-family:var(--v35-font)!important;font-weight:620!important;letter-spacing:-.048em!important;line-height:.98!important;}
h1{font-size:clamp(2.15rem,5vw,5.6rem)!important} h2{font-size:clamp(1.32rem,2.2vw,2.8rem)!important} h3{font-weight:585!important;letter-spacing:-.03em!important}.hero-sub,p{font-weight:420!important;line-height:1.72!important;color:var(--v35-muted)!important}.eyebrow,small,.arx-page-kicker,.panel-head span,.breadcrumb{font-weight:610!important;letter-spacing:.14em!important;text-transform:uppercase;color:#725fc7!important}.wrap{max-width:1180px!important}.btn,.arx-action,.arx-ghost,.nav-trigger,.nav-link,.admin-head button,.key-box button,.form button,.job-form button{font-weight:580!important;letter-spacing:-.01em!important;border-radius:999px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}.btn:hover,.arx-action:hover,.arx-ghost:hover,.nav-trigger:hover,.nav-link:hover,.admin-head button:hover,.form button:hover{transform:translateY(-1px)!important}.btn.primary,.arx-action,.form .btn.primary,.key-box button,#loadAdmin,#runJob,#runArxCoreAdmin,#saveArxCoreSettings{background:linear-gradient(135deg,#11101a,#5c35ff 58%,#a891ff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 18px 40px rgba(112,66,255,.25)!important}.btn.ghost,.btn.soft,.arx-ghost{background:rgba(255,255,255,.72)!important;color:#221b32!important;border:1px solid var(--v35-line)!important;box-shadow:0 10px 28px rgba(31,21,71,.06)!important}
/* Brand and icon polish */
.brand,.arx-live-brand,.admin-side .brand,.auth-story .brand{gap:12px!important;text-decoration:none!important}.brand-mark,.brand i,.admin-side .brand i,.auth-story .brand i,.arx-live-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;background:radial-gradient(circle at 32% 24%,#fff 0 8%,#a88cff 9% 28%,#7042ff 29% 58%,#0d0a18 59% 100%)!important;color:#fff!important;box-shadow:0 16px 36px rgba(112,66,255,.25),inset 0 1px 0 rgba(255,255,255,.36)!important;border:1px solid rgba(255,255,255,.58)!important;display:grid!important;place-items:center!important}.brand-mark svg{width:24px!important;height:24px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}.brand-text,.arx-live-brand b,.admin-side .brand b,.auth-story .brand b{font-size:14px!important;font-weight:650!important;letter-spacing:-.035em!important}.brand-sub,.arx-live-brand span span,.admin-side .brand em,.auth-story .brand span span{font-size:10.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--v35-muted)!important}.nav-link,.nav-trigger{font-size:13px!important;color:#2f2840!important}.site-header{background:rgba(255,255,255,.78)!important;backdrop-filter:blur(22px)!important;border-bottom:1px solid var(--v35-line)!important}.mega{border-radius:24px!important;border:1px solid var(--v35-line)!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(22px)!important;box-shadow:var(--v35-shadow)!important}.mega-item{border-radius:18px!important;border:1px solid transparent!important;padding:17px!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important}.mega-item:hover{background:linear-gradient(135deg,#fff,#f4f1ff)!important;border-color:rgba(112,66,255,.18)!important;transform:translateY(-1px)!important;box-shadow:0 16px 38px rgba(33,21,76,.08)!important}.mega-item strong{font-size:14px!important;font-weight:635!important;letter-spacing:-.025em!important}.mega-item p{font-size:12.2px!important;line-height:1.52!important}.mega-item:before{content:"";width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,rgba(112,66,255,.13),rgba(77,232,255,.15));box-shadow:inset 0 0 0 1px rgba(112,66,255,.12);display:block;margin-bottom:10px}.smith-menu:before{background:linear-gradient(135deg,#10101a,#7042ff)!important}.arcium-menu:before{background:linear-gradient(135deg,#d9d1ff,#54e4ff)!important}
/* Marketing pages */
.page-card,.panel,.feature-card,.token-card,.pricing-card,.research-card,.faq-item,.route-card,.build-card,.ecosystem-card,.security-card,.arxcore-page-card,.page-inner{border-radius:var(--v35-radius)!important;border:1px solid var(--v35-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78))!important;box-shadow:var(--v35-shadow)!important}.page-card{overflow:hidden!important}.page-card:before,.panel:before,.feature-card:before,.pricing-card:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(112,66,255,.36),rgba(77,232,255,.28),transparent);opacity:.9}.section{position:relative!important}.section:nth-of-type(even){background:radial-gradient(circle at 20% 0,rgba(112,66,255,.055),transparent 33%),linear-gradient(180deg,#fbfaff,#f5f1ff)!important}.token-dark,.dark-section,.arxcore-hero{background:radial-gradient(circle at 18% 10%,rgba(112,66,255,.24),transparent 28%),radial-gradient(circle at 80% 12%,rgba(77,232,255,.14),transparent 25%),#090713!important;color:#fff!important}.token-dark p,.dark-section p,.arxcore-hero p,.token-dark .muted{color:rgba(255,255,255,.68)!important}.hero-actions{gap:10px!important}.reveal{will-change:transform,opacity}.terminal,.arx-terminal,.codebox,pre{font-family:var(--v35-mono)!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(180deg,#0f0d18,#07060c)!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;color:#d7d2ff!important}.terminal code,.arx-terminal code,pre code{font-family:var(--v35-mono)!important;font-size:12.5px!important;line-height:1.75!important}
/* Dashboard live app */
.arx-live-app{background:radial-gradient(circle at 28% -8%,rgba(112,66,255,.13),transparent 32%),linear-gradient(180deg,#faf9ff,#f3f0fb)!important;color:var(--v35-ink)!important}.arx-live-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,245,255,.92))!important;border-right:1px solid rgba(112,66,255,.12)!important;box-shadow:18px 0 70px rgba(31,21,66,.05)!important}.arx-live-item{border-radius:17px!important;margin:3px 0!important;padding:10px 11px!important;color:#3a314b!important;font-size:12px!important;font-weight:520!important;border:1px solid transparent!important;transition:all .16s ease!important}.arx-live-item:hover{background:#fff!important;border-color:var(--v35-line)!important;box-shadow:0 12px 28px rgba(31,22,64,.075)!important}.arx-live-item.active{background:linear-gradient(135deg,#11101a,#7042ff)!important;color:#fff!important;box-shadow:0 16px 40px rgba(112,66,255,.22)!important}.arx-live-icon,.arx-page-title-icon,.arx-stat-icon,.arx-row-icon,.arx-signal-icon{display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(112,66,255,.10),rgba(77,232,255,.11))!important;border:1px solid rgba(112,66,255,.13)!important;color:#7042ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}.arx-live-icon{width:34px!important;height:34px!important}.arx-live-item.active .arx-live-icon{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}.arx-live-section{font-size:10px!important;font-weight:680!important;color:#978cad!important;letter-spacing:.15em!important;margin:14px 0 5px!important}.arx-live-copy b{font-size:12.6px!important;font-weight:625!important}.arx-live-copy span{font-size:10.3px!important;color:inherit!important;opacity:.68!important}.arx-live-content{padding:22px!important}.arx-page-head{border-radius:28px!important;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,240,255,.8))!important;border:1px solid var(--v35-line)!important;box-shadow:var(--v35-shadow-tight)!important;padding:22px!important;margin-bottom:18px!important}.arx-page-head h1{font-size:clamp(26px,3vw,42px)!important;font-weight:625!important}.arx-page-head p{font-size:13.5px!important;max-width:780px!important}.arx-head-actions{gap:8px!important}.arx-route-grid{gap:16px!important}.arx-panel,.arx-stat,.arx-agent-card,.arx-ops-metric,.arx-task-item,.arx-check,.arx-signal-row,.arx-room-board span,.arx-license-card,.arx-license-event{border-radius:22px!important;border:1px solid rgba(112,66,255,.13)!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82))!important;box-shadow:0 16px 45px rgba(31,21,61,.07),inset 0 1px 0 rgba(255,255,255,.82)!important}.arx-panel{padding:19px!important}.arx-panel:hover,.arx-stat:hover,.arx-agent-card:hover,.arx-license-card:hover{transform:translateY(-1px)!important;box-shadow:0 22px 60px rgba(31,21,61,.10),inset 0 1px 0 rgba(255,255,255,.85)!important;border-color:rgba(112,66,255,.2)!important}.arx-panel.dark,.arx-panel.dark *:not(button):not(input):not(select),.mature-sync-card,.mature-ops-hero.dark{color:#fff!important}.arx-panel.dark,.mature-sync-card,.arx-execution-room{background:radial-gradient(circle at 20% 0,rgba(112,66,255,.34),transparent 33%),linear-gradient(160deg,#151020,#08070d)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 26px 80px rgba(0,0,0,.30)!important}.arx-panel small,.arx-stat small,.arx-ops-metric small{font-size:10px!important;font-weight:680!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:#7e70a2!important}.arx-panel h2,.arx-panel h3,.arx-stat strong,.arx-ops-metric strong,.arx-agent-card h3{font-weight:625!important;letter-spacing:-.04em!important;color:#17111f}.arx-panel h2{font-size:clamp(20px,2vw,29px)!important}.arx-panel h3{font-size:18px!important}.arx-stat strong,.arx-ops-metric strong{font-size:clamp(22px,2.5vw,38px)!important}.arx-stat span:last-child,.arx-panel p,.arx-check span,.arx-signal-row span{font-size:12.5px!important;line-height:1.55!important;color:#746b84!important}.arx-chip{border-radius:999px!important;font-size:10.6px!important;font-weight:650!important;letter-spacing:.04em!important;padding:6px 9px!important;border:1px solid rgba(112,66,255,.13)!important;background:rgba(112,66,255,.06)!important;color:#5a38d2!important}.arx-meter{height:7px!important;border-radius:99px!important;background:#eeeaf8!important;overflow:hidden!important}.arx-meter i{border-radius:99px!important;background:linear-gradient(90deg,#7042ff,#54e4ff)!important;box-shadow:0 0 18px rgba(112,66,255,.38)!important}.arx-table{border-collapse:separate!important;border-spacing:0 8px!important}.arx-table th{font-size:10px!important;letter-spacing:.12em!important;color:#8d83a3!important;text-transform:uppercase!important;border:0!important}.arx-table td{background:#fff!important;border-top:1px solid rgba(112,66,255,.10)!important;border-bottom:1px solid rgba(112,66,255,.10)!important;font-size:12.3px!important}.arx-table td:first-child{border-left:1px solid rgba(112,66,255,.10)!important;border-radius:14px 0 0 14px!important}.arx-table td:last-child{border-right:1px solid rgba(112,66,255,.10)!important;border-radius:0 14px 14px 0!important}.arx-action,.arx-ghost{min-height:40px!important;padding:0 14px!important;font-size:12.5px!important}.mature-feed .arx-task-item,.arx-task-log .arx-task-item{display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center!important;gap:12px!important}.arx-task-item i{width:32px!important;height:32px!important;border-radius:12px!important;background:linear-gradient(135deg,#f2eeff,#fff)!important;color:#7042ff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:11px!important;font-weight:650!important}.arx-task-item b{font-weight:620!important;color:#1e1828!important}.arx-task-item em{font-style:normal!important;font-family:var(--v35-mono)!important;color:#2f2250!important;font-weight:600!important}.arx-license-flow{border-radius:26px!important;background:linear-gradient(135deg,#110f1a,#2a185f 55%,#7042ff)!important;color:#fff!important;box-shadow:0 24px 80px rgba(112,66,255,.26)!important}.arx-license-flow *:not(button):not(input):not(select){color:inherit!important}.arx-license-flow .arx-chip{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.arx-license-step{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;padding:13px!important}.arx-license-step b{font-weight:640!important}.arx-withdraw-summary div{border-radius:18px!important;background:rgba(255,255,255,.74)!important;border:1px solid rgba(112,66,255,.11)!important}
/* Admin */
.admin-shell{background:radial-gradient(circle at 18% -8%,rgba(112,66,255,.16),transparent 32%),#f5f2fb!important;font-family:var(--v35-font)!important}.admin-side{background:linear-gradient(180deg,#11101a,#0b0a10)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:22px 0 70px rgba(0,0,0,.18)!important}.admin-side nav a{border-radius:15px!important;font-size:12.5px!important;font-weight:520!important;color:rgba(255,255,255,.72)!important}.admin-side nav a.active,.admin-side nav a:hover{background:linear-gradient(135deg,rgba(112,66,255,.28),rgba(112,66,255,.08))!important;color:#fff!important}.admin-main{padding:24px!important}.admin-head,.admin-main .panel,.admin-main .metrics article,.queue .item,.audit-log .item{border-radius:24px!important;border:1px solid rgba(112,66,255,.13)!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.82))!important;box-shadow:var(--v35-shadow-tight)!important}.admin-head h1{font-size:clamp(26px,4vw,48px)!important}.admin-main .panel.dark{background:radial-gradient(circle at 20% 0,rgba(112,66,255,.36),transparent 30%),linear-gradient(160deg,#151020,#08070d)!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important}.admin-main .panel h2{font-size:22px!important;font-weight:625!important}.key-box input,.admin-form input,.admin-form select,.job-form input,.field input,.field select{border-radius:14px!important;border:1px solid rgba(112,66,255,.14)!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;color:#1e1828!important}
/* Auth */
.auth-shell{background:radial-gradient(circle at 80% 0,rgba(84,228,255,.14),transparent 28%),radial-gradient(circle at 20% 0,rgba(112,66,255,.20),transparent 34%),#f4f1fb!important}.auth-story{background:linear-gradient(160deg,#11101a,#0b0814 58%,#281b58)!important;border-radius:0 38px 38px 0!important;color:#fff!important}.auth-story p,.auth-story small,.auth-story .side-note{color:rgba(255,255,255,.68)!important}.auth-panel{border-radius:30px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(112,66,255,.13)!important;box-shadow:0 30px 100px rgba(31,21,67,.14)!important}.auth-panel h2{font-size:clamp(27px,4vw,48px)!important}.signal-card,.signal-row,.trust-list span{border-radius:20px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.08)!important}.signal-icon{border-radius:13px!important;background:linear-gradient(135deg,#7042ff,#54e4ff)!important;color:#fff!important;font-family:var(--v35-mono)!important;font-size:11px!important}
/* Mobile polish */
@media (max-width:860px){
  h1{font-size:clamp(2rem,12vw,3.6rem)!important}.wrap{padding-left:18px!important;padding-right:18px!important}.nav-center{display:none!important}.site-header{border-radius:0 0 22px 22px!important}.drawer-panel{border-radius:24px 24px 0 0!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(22px)!important}.page-card,.panel,.feature-card,.pricing-card{border-radius:22px!important}.arx-live-app{display:block!important}.arx-live-sidebar{position:sticky!important;top:0!important;width:100%!important;min-height:auto!important;height:auto!important;z-index:100!important;border-right:0!important;border-bottom:1px solid rgba(112,66,255,.12)!important}.arx-live-nav{display:flex!important;gap:7px!important;overflow:auto!important;padding:8px 10px 11px!important}.arx-live-section,.arx-live-uplink{display:none!important}.arx-live-item{min-width:132px!important;grid-template-columns:30px 1fr!important;padding:9px!important}.arx-live-icon{width:30px!important;height:30px!important}.arx-live-content{padding:14px!important}.arx-page-head{padding:18px!important;border-radius:24px!important}.arx-page-head h1{font-size:30px!important}.arx-route-grid{display:block!important}.arx-panel,.arx-stat,.arx-agent-card,.arx-ops-metric{margin-bottom:14px!important}.arx-status-rack,.mature-metrics,.arx-agent-grid{grid-template-columns:1fr!important}.arx-table,.arx-table thead,.arx-table tbody,.arx-table tr,.arx-table td{display:block!important;width:100%!important}.arx-table tr{background:#fff!important;border-radius:18px!important;border:1px solid rgba(112,66,255,.11)!important;margin-bottom:10px!important;padding:8px!important}.arx-table td{border:0!important;border-radius:0!important;background:transparent!important;padding:8px 6px!important}.arx-table td::before{content:attr(data-label);display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9286a7;margin-bottom:3px}.auth-shell{display:block!important}.auth-story{border-radius:0 0 30px 30px!important;padding:28px 20px!important}.auth-panel-wrap{padding:18px!important}.auth-panel{padding:22px!important}.admin-shell{display:block!important}.admin-side{position:relative!important;width:100%!important;min-height:auto!important;border-radius:0 0 28px 28px!important}.admin-side nav{display:flex!important;overflow:auto!important;gap:8px!important}.admin-side nav a{white-space:nowrap!important}.admin-main{padding:15px!important}.admin-head{display:block!important}.grid,.grid.two,.metrics{grid-template-columns:1fr!important;display:grid!important}
}

/* Mature compact typography override for NEW app pages. */
html,body,button,input,select,textarea{font-size:13px!important;font-weight:390!important;letter-spacing:0!important}
h1,h2,h3,.brand-text,.arx-page-head h1,.page-card h1,.auth-panel h2,.admin-head h1{font-weight:430!important;letter-spacing:-.026em!important;line-height:1.12!important}
h1{font-size:clamp(1.8rem,3.4vw,3.25rem)!important}
h2{font-size:clamp(1.2rem,1.85vw,2rem)!important}
h3{font-size:1rem!important;font-weight:450!important;letter-spacing:-.012em!important}
.hero-sub,p{font-size:12.75px!important;font-weight:360!important;line-height:1.6!important;letter-spacing:0!important}
.eyebrow,small,.arx-page-kicker,.panel-head span,.breadcrumb,.arx-live-section,.arx-panel small,.arx-stat small,.arx-ops-metric small,.arx-table th{font-size:9.4px!important;font-weight:480!important;letter-spacing:.1em!important}
.btn,.arx-action,.arx-ghost,.nav-trigger,.nav-link,.admin-head button,.key-box button,.form button,.job-form button{font-size:11.75px!important;font-weight:450!important;letter-spacing:0!important}
.brand-text,.arx-live-brand b,.admin-side .brand b,.auth-story .brand b{font-size:13px!important;font-weight:500!important;letter-spacing:0!important}
.brand-sub,.arx-live-brand span span,.admin-side .brand em,.auth-story .brand span span{font-size:9.2px!important;font-weight:420!important;letter-spacing:.06em!important}
.hero-copy h1{font-size:clamp(30px,3.6vw,38px)!important;font-weight:390!important;line-height:1.1!important;letter-spacing:-.028em!important}
.auth-panel h2{font-size:clamp(23px,2.6vw,31px)!important;font-weight:410!important}
.auth-panel p,.hero-copy p,.side-note,.trust-list span,.links a{font-size:12px!important;line-height:1.55!important}
.field label{font-size:9.4px!important;font-weight:470!important;letter-spacing:.11em!important}
.field input,.field select{height:43px!important;font-size:12.5px!important}
.arx-page-head{padding:18px!important}
.arx-page-head h1{font-size:clamp(22px,2.4vw,32px)!important;font-weight:420!important;letter-spacing:-.022em!important}
.arx-page-head p{font-size:12.5px!important;line-height:1.55!important}
.arx-panel h2{font-size:clamp(18px,1.7vw,24px)!important;font-weight:430!important;letter-spacing:-.018em!important}
.arx-panel h3,.arx-agent-card h3{font-size:15.5px!important;font-weight:450!important}
.arx-stat strong,.arx-ops-metric strong{font-size:clamp(19px,2vw,29px)!important;font-weight:420!important;letter-spacing:-.022em!important}
.arx-live-item{font-size:11.3px!important;font-weight:430!important}
.arx-live-copy b{font-size:11.8px!important;font-weight:460!important}
.arx-live-copy span{font-size:10px!important}
.arx-chip{font-size:10px!important;font-weight:460!important;letter-spacing:.02em!important}
.admin-head h1{font-size:clamp(23px,3vw,34px)!important;font-weight:420!important}
.admin-main .panel h2{font-size:18px!important;font-weight:430!important}
.admin-side nav a{font-size:11.5px!important;font-weight:430!important}
.arx-wallet-tabs{background:#f7f3ff!important;border:1px solid #d9cdf5!important;border-radius:14px!important;padding:7px!important;gap:8px!important}
.arx-wallet-tabs button{min-height:42px!important;border:1px solid #ded3f4!important;background:#fff!important;color:#21182f!important;border-radius:11px!important;padding:0 14px!important;font-size:13.5px!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;box-shadow:0 8px 18px rgba(34,18,74,.055)!important}
.arx-wallet-tabs button.active{background:#130d20!important;color:#fff!important;border-color:#130d20!important;box-shadow:0 12px 28px rgba(19,13,32,.18)!important}
.arx-wallet-tabs svg{width:16px!important;height:16px!important;color:currentColor!important}
@media (max-width:860px){
  h1{font-size:clamp(1.55rem,8.6vw,2rem)!important}
  h2{font-size:clamp(1.12rem,6vw,1.45rem)!important}
  .hero-copy h1{font-size:28px!important}
  .auth-panel h2{font-size:22px!important}
  .arx-page-head h1{font-size:24px!important}
  .arx-live-item{min-width:118px!important}
  .arx-wallet-tabs button{flex:1 1 calc(50% - 7px)!important;min-width:126px!important;justify-content:center!important;font-size:13px!important}
  .arx-wallet-tabs button:first-child{flex-basis:100%!important}
}

/* Final wallet submenu color lock: this file loads after dashboard inline CSS. */
.arx-route-tabs.arx-wallet-tabs{
  background:#140d22!important;
  border:1px solid rgba(112,66,255,.48)!important;
  box-shadow:0 16px 36px rgba(20,13,34,.16)!important;
}
.arx-route-tabs.arx-wallet-tabs button{
  background:#fff!important;
  color:#150f22!important;
  border:1px solid rgba(112,66,255,.38)!important;
  font-size:13.75px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.arx-route-tabs.arx-wallet-tabs button.active{
  background:linear-gradient(135deg,#7042ff,#24105c)!important;
  color:#fff!important;
  border-color:#7042ff!important;
}
.arx-route-tabs.arx-wallet-tabs button:hover{
  background:#f3eeff!important;
  color:#24105c!important;
}
.arx-route-tabs.arx-wallet-tabs button.active:hover{
  background:linear-gradient(135deg,#7042ff,#24105c)!important;
  color:#fff!important;
}

/* Final sidebar wallet submenu lock: keep Overview / Deposit / Withdrawals black and readable. */
.arx-live-submenu{
  border-left:1px solid rgba(0,0,0,.18)!important;
}
.arx-live-submenu button{
  background:#fff!important;
  color:#050505!important;
  border:1px solid rgba(0,0,0,.16)!important;
  font-weight:650!important;
  box-shadow:none!important;
}
.arx-live-submenu button b,
.arx-live-submenu button svg{
  color:#050505!important;
}
.arx-live-submenu button:hover,
.arx-live-submenu button.active{
  background:#f2efff!important;
  color:#050505!important;
  border-color:#7042ff!important;
  box-shadow:inset 3px 0 0 #7042ff!important;
}
.arx-live-submenu button:hover b,
.arx-live-submenu button.active b,
.arx-live-submenu button:hover svg,
.arx-live-submenu button.active svg{
  color:#050505!important;
}
.drawer-submenu{
  border-left:1px solid rgba(0,0,0,.18)!important;
}
.drawer-submenu button{
  background:#fff!important;
  color:#050505!important;
  border:1px solid rgba(0,0,0,.16)!important;
  font-weight:650!important;
}
.drawer-submenu button b,
.drawer-submenu button svg,
.drawer-submenu button.active b,
.drawer-submenu button.active svg{
  color:#050505!important;
}
.drawer-submenu button.active{
  background:#f2efff!important;
  color:#050505!important;
  border-color:#7042ff!important;
}

/* Keep every Wallet tab label black, including the active tab. */
.arx-route-tabs.arx-wallet-tabs button,
.arx-route-tabs.arx-wallet-tabs button:hover,
.arx-route-tabs.arx-wallet-tabs button.active,
.arx-route-tabs.arx-wallet-tabs button.active:hover{
  background:#fff!important;
  color:#050505!important;
  border-color:rgba(0,0,0,.16)!important;
  box-shadow:none!important;
}
.arx-route-tabs.arx-wallet-tabs button svg,
.arx-route-tabs.arx-wallet-tabs button.active svg{
  color:#050505!important;
}
.arx-route-tabs.arx-wallet-tabs button.active{
  background:#f2efff!important;
  border-color:#7042ff!important;
  box-shadow:inset 0 -3px 0 #7042ff!important;
}

/* Membership agent tier cards */
.arx-stat-action{
  cursor:pointer!important;
}
.arx-stat-action:hover{
  border-color:#7042ff!important;
}
.arx-agent-tier-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
}
.arx-agent-tier-card{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:286px!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(18,13,29,.12)!important;
  background:linear-gradient(180deg,#fff,#f7f3ff)!important;
  color:#15101f!important;
  box-shadow:0 16px 42px rgba(25,17,54,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  cursor:pointer!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.arx-agent-tier-card:hover,
.arx-agent-tier-card.active{
  transform:translateY(-2px)!important;
  border-color:#7042ff!important;
  box-shadow:0 20px 58px rgba(112,66,255,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.arx-agent-tier-card.active{
  background:linear-gradient(180deg,#fff,#efe9ff)!important;
}
.arx-tier-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.arx-agent-tier-card h3{
  margin:2px 0 0!important;
  color:#15101f!important;
}
.arx-agent-tier-card strong{
  font-size:22px!important;
  font-weight:520!important;
  color:#150f22!important;
  letter-spacing:-.025em!important;
}
.arx-agent-tier-card p{
  margin:0!important;
  color:#625973!important;
  font-size:12.2px!important;
  line-height:1.55!important;
}
.arx-tier-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:auto!important;
}
.arx-tier-meta span{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 9px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(112,66,255,.13)!important;
  color:#21182f!important;
  font-size:11.2px!important;
}
.arx-tier-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.arx-tier-actions .arx-action,
.arx-tier-actions .arx-ghost{
  flex:1 1 118px!important;
  justify-content:center!important;
  min-height:38px!important;
}
.arx-agent-detail{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.arx-agent-detail h2{
  margin:6px 0 10px!important;
}
.arx-agent-detail p{
  margin:0 0 14px!important;
  color:rgba(255,255,255,.74)!important;
}
.arx-agent-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:16px 0!important;
}
.arx-agent-detail-grid span,
.arx-agent-mirror-list span{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.08)!important;
  padding:12px!important;
}
.arx-agent-detail-grid b,
.arx-agent-mirror-list b{
  display:block!important;
  margin-bottom:5px!important;
  font-size:9.5px!important;
  font-weight:500!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.62)!important;
}
.arx-agent-detail-grid em{
  font-style:normal!important;
  color:#fff!important;
  font-size:13px!important;
}
.arx-agent-mirror-box{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  padding:16px!important;
}
.arx-agent-mirror-box h3{
  margin:0 0 8px!important;
  color:#fff!important;
}
.arx-agent-mirror-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.arx-agent-mirror-list span{
  display:grid!important;
  grid-template-columns:36px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
  font-size:12px!important;
}
.arx-agent-mirror-list b{
  margin:0!important;
  color:#9dffcf!important;
}
.arx-agent-disclaimer{
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.68)!important;
  font-size:11.6px!important;
}
@media(max-width:1180px){
  .arx-agent-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .arx-agent-detail{grid-template-columns:1fr!important}
}
@media(max-width:860px){
  .arx-agent-tier-grid{grid-template-columns:1fr!important;gap:10px!important}
  .arx-agent-tier-card{min-height:0!important;padding:14px!important;border-radius:18px!important}
  .arx-agent-tier-card strong{font-size:20px!important}
  .arx-agent-detail{gap:12px!important}
  .arx-agent-detail-grid{grid-template-columns:1fr!important}
  .arx-tier-actions .arx-action,
  .arx-tier-actions .arx-ghost{flex-basis:100%!important}
  .arx-agent-mirror-list span{grid-template-columns:32px 1fr!important}
}

/* Active subscribed agent dashboard */
.arx-agent-dashboard-hero h2{
  font-size:clamp(26px,3vw,44px)!important;
  margin:6px 0 10px!important;
}
.arx-agent-terminal{
  display:grid!important;
  gap:9px!important;
  margin:18px 0!important;
  padding:16px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.arx-agent-terminal p{
  display:grid!important;
  grid-template-columns:136px 1fr!important;
  gap:12px!important;
  align-items:start!important;
  margin:0!important;
  padding:9px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.88)!important;
  font-family:var(--v35-mono)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.arx-agent-terminal p:last-child{
  border-bottom:0!important;
}
.arx-agent-terminal b{
  color:rgba(255,255,255,.58)!important;
  font-weight:500!important;
}
.arx-agent-terminal span{
  color:#fff!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:860px){
  .arx-agent-dashboard-hero h2{font-size:25px!important}
  .arx-agent-terminal{padding:13px!important;border-radius:18px!important}
  .arx-agent-terminal p{grid-template-columns:1fr!important;gap:4px!important;font-size:11.5px!important}
}

/* Nebula treatment for agent tier cards */
.arx-agent-tier-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:330px!important;
  color:#fff!important;
  border-color:rgba(170,142,255,.34)!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(104,255,204,.20),transparent 26%),
    radial-gradient(circle at 82% 20%,rgba(124,74,255,.42),transparent 31%),
    radial-gradient(circle at 42% 82%,rgba(60,191,255,.16),transparent 30%),
    linear-gradient(155deg,#070610 0%,#120b26 44%,#07060d 100%)!important;
  box-shadow:0 24px 70px rgba(25,14,58,.28),inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.arx-agent-tier-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.88) 0 1px,transparent 1.8px),
    radial-gradient(circle,rgba(117,255,213,.75) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(189,168,255,.65) 0 1px,transparent 1.7px)!important;
  background-size:54px 54px,82px 82px,118px 118px!important;
  background-position:8px 12px,32px 26px,14px 54px!important;
  opacity:.32!important;
  animation:arxStarsDrift 18s linear infinite!important;
}
.arx-agent-tier-card:after{
  content:""!important;
  position:absolute!important;
  left:-25%!important;
  right:-25%!important;
  bottom:-44%!important;
  height:62%!important;
  z-index:-1!important;
  background:linear-gradient(90deg,transparent,rgba(112,66,255,.42),rgba(84,228,255,.26),transparent)!important;
  filter:blur(20px)!important;
  transform:rotate(-9deg)!important;
  opacity:.72!important;
  animation:arxNebulaRibbon 9s ease-in-out infinite alternate!important;
}
.arx-nebula-field{
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.12) 45%,transparent 46% 100%),
    linear-gradient(34deg,transparent 0 57%,rgba(112,66,255,.22) 58%,transparent 60% 100%)!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.18))!important;
  animation:arxNebulaSweep 12s linear infinite!important;
}
.arx-agent-tier-card.nebula-thompson{
  background:
    radial-gradient(circle at 20% 18%,rgba(82,214,159,.26),transparent 27%),
    radial-gradient(circle at 78% 18%,rgba(112,66,255,.34),transparent 31%),
    linear-gradient(155deg,#080b12 0%,#142018 44%,#07060d 100%)!important;
}
.arx-agent-tier-card.nebula-thompson .arx-nebula-field{
  background:
    radial-gradient(ellipse at 18% 72%,rgba(82,214,159,.36),transparent 34%),
    linear-gradient(105deg,transparent 0 34%,rgba(128,255,202,.24) 35%,transparent 42% 100%),
    linear-gradient(22deg,transparent 0 62%,rgba(112,66,255,.18) 63%,transparent 68% 100%)!important;
  animation:arxAuroraDrift 8s ease-in-out infinite alternate!important;
}
.arx-agent-tier-card.nebula-jones{
  background:
    radial-gradient(circle at 16% 20%,rgba(84,228,255,.24),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(143,99,255,.43),transparent 32%),
    linear-gradient(155deg,#060915 0%,#101b35 44%,#07060d 100%)!important;
}
.arx-agent-tier-card.nebula-jones .arx-nebula-field{
  background:
    conic-gradient(from 120deg at 68% 36%,transparent 0 18%,rgba(84,228,255,.28) 20% 24%,transparent 28% 100%),
    conic-gradient(from 12deg at 38% 70%,transparent 0 34%,rgba(143,99,255,.25) 36% 42%,transparent 48% 100%),
    radial-gradient(circle at 30% 28%,rgba(84,228,255,.18),transparent 28%)!important;
  animation:arxOrbitSpin 15s linear infinite!important;
}
.arx-agent-tier-card.nebula-brown{
  background:
    radial-gradient(circle at 18% 16%,rgba(237,191,98,.20),transparent 26%),
    radial-gradient(circle at 82% 24%,rgba(112,66,255,.42),transparent 33%),
    radial-gradient(circle at 44% 84%,rgba(84,228,255,.16),transparent 28%),
    linear-gradient(155deg,#090713 0%,#25163b 46%,#07060d 100%)!important;
}
.arx-agent-tier-card.nebula-brown .arx-nebula-field{
  background:
    radial-gradient(circle at 70% 74%,rgba(237,191,98,.26),transparent 30%),
    linear-gradient(70deg,transparent 0 28%,rgba(237,191,98,.20) 29%,rgba(112,66,255,.23) 38%,transparent 50%),
    radial-gradient(ellipse at 22% 18%,rgba(112,66,255,.25),transparent 38%)!important;
  animation:arxPlasmaPulse 7s ease-in-out infinite!important;
}
.arx-agent-tier-card.nebula-smith{
  background:
    radial-gradient(circle at 18% 16%,rgba(84,228,255,.30),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(112,66,255,.54),transparent 34%),
    radial-gradient(circle at 52% 88%,rgba(82,214,159,.18),transparent 28%),
    linear-gradient(155deg,#05050c 0%,#180b34 48%,#05050a 100%)!important;
}
.arx-agent-tier-card.nebula-smith .arx-nebula-field{
  background:
    radial-gradient(circle at 50% 42%,rgba(84,228,255,.24),transparent 24%),
    radial-gradient(circle at 76% 18%,rgba(112,66,255,.36),transparent 28%),
    conic-gradient(from 260deg at 52% 52%,rgba(84,228,255,.18),transparent 22%,rgba(112,66,255,.25),transparent 58%,rgba(82,214,159,.16),transparent 100%)!important;
  animation:arxSovereignPulse 10s ease-in-out infinite!important;
}
.arx-agent-tier-card:hover,
.arx-agent-tier-card.active{
  border-color:rgba(142,111,255,.72)!important;
  box-shadow:0 30px 85px rgba(87,47,204,.34),0 0 0 1px rgba(255,255,255,.08) inset!important;
}
.arx-agent-tier-card .arx-stat-icon{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.arx-agent-tier-card .arx-chip{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
.arx-agent-tier-card h3,
.arx-agent-tier-card strong{
  color:#fff!important;
  text-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.arx-agent-tier-card strong{
  font-size:24px!important;
}
.arx-agent-tier-card p{
  color:rgba(255,255,255,.74)!important;
}
.arx-agent-tier-card .arx-tier-meta span{
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.88)!important;
  border-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(12px)!important;
}
.arx-agent-tier-card .arx-ghost{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
.arx-agent-tier-card .arx-action{
  background:linear-gradient(135deg,#fff,#cfc2ff)!important;
  color:#120b26!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
.arx-agent-tier-card h3,
.arx-agent-tier-card strong,
.arx-agent-tier-card p{
  width:max-content!important;
  max-width:100%!important;
  background:rgba(255,255,255,.92)!important;
  color:#09070d!important;
  border:1px solid rgba(255,255,255,.6)!important;
  border-radius:13px!important;
  padding:7px 10px!important;
  text-shadow:none!important;
  box-shadow:0 14px 32px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(12px)!important;
}
.arx-agent-tier-card p{
  width:100%!important;
  color:#201a2d!important;
  line-height:1.5!important;
  padding:11px 12px!important;
}
.arx-agent-tier-card .arx-tier-meta span{
  background:rgba(255,255,255,.94)!important;
  color:#09070d!important;
  border-color:rgba(9,7,13,.13)!important;
}
.arx-agent-tier-card .arx-chip{
  background:#09070d!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
}
.arx-agent-tier-card .arx-ghost{
  background:rgba(255,255,255,.94)!important;
  color:#09070d!important;
  border-color:rgba(9,7,13,.14)!important;
}
.arx-agent-tier-card .arx-action{
  background:linear-gradient(135deg,#09070d,#7042ff)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.46)!important;
}
@media(max-width:860px){
  .arx-agent-tier-card{
    min-height:0!important;
    padding:16px!important;
  }
  .arx-agent-tier-card strong{
    font-size:22px!important;
  }
}
@keyframes arxStarsDrift{
  from{background-position:8px 12px,32px 26px,14px 54px}
  to{background-position:92px 68px,-50px 112px,146px -24px}
}
@keyframes arxNebulaRibbon{
  from{transform:rotate(-9deg) translateX(-4%);opacity:.54}
  to{transform:rotate(-2deg) translateX(5%);opacity:.88}
}
@keyframes arxNebulaSweep{
  from{transform:translateX(-8%)}
  to{transform:translateX(8%)}
}
@keyframes arxAuroraDrift{
  from{transform:translate3d(-8px,8px,0) scale(1);filter:hue-rotate(0deg)}
  to{transform:translate3d(10px,-10px,0) scale(1.08);filter:hue-rotate(18deg)}
}
@keyframes arxOrbitSpin{
  from{transform:rotate(0deg) scale(1.04)}
  to{transform:rotate(360deg) scale(1.04)}
}
@keyframes arxPlasmaPulse{
  0%,100%{transform:scale(1) translateY(0);opacity:.78}
  50%{transform:scale(1.1) translateY(-8px);opacity:1}
}
@keyframes arxSovereignPulse{
  0%,100%{transform:scale(1) rotate(0deg);opacity:.82;filter:saturate(1)}
  50%{transform:scale(1.14) rotate(8deg);opacity:1;filter:saturate(1.35)}
}
@media (prefers-reduced-motion:reduce){
  .arx-agent-tier-card:before,
  .arx-agent-tier-card:after,
  .arx-nebula-field{animation:none!important}
}

/* Final operational readability lock. */
.arx-live-brand{
  color:#08070d!important;
  background:rgba(255,255,255,.74)!important;
  border:1px solid rgba(112,66,255,.12)!important;
  border-radius:18px!important;
  padding:10px!important;
  box-shadow:0 12px 30px rgba(31,21,66,.06)!important;
}
.arx-live-brand b{
  color:#08070d!important;
  font-weight:560!important;
}
.arx-live-brand span span{
  color:#3f3850!important;
  opacity:1!important;
}
.arx-live-uplink{
  display:grid!important;
  grid-template-columns:12px 1fr auto!important;
  align-items:center!important;
  gap:11px!important;
  background:#fff!important;
  color:#09070f!important;
  border:1px solid rgba(0,0,0,.10)!important;
  border-radius:16px!important;
  padding:12px!important;
  box-shadow:0 14px 34px rgba(31,21,66,.08)!important;
}
.arx-live-uplink b{
  display:block!important;
  color:#09070f!important;
  font-size:12.5px!important;
  font-weight:560!important;
  line-height:1.2!important;
}
.arx-live-uplink span{
  display:block!important;
  color:#494255!important;
  font-size:10.6px!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
.arx-live-uplink em{
  font-style:normal!important;
  color:#09070f!important;
  font-family:var(--v35-mono)!important;
  font-size:10px!important;
  font-weight:600!important;
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:999px!important;
  padding:6px 8px!important;
  background:#f7f4ff!important;
}
.arx-live-dot{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 0 4px rgba(34,197,94,.14),0 0 16px rgba(34,197,94,.55)!important;
  animation:arxStatusPulse 1.35s ease-out infinite!important;
}
.arx-live-uplink.red .arx-live-dot{
  background:#ef4444!important;
  box-shadow:0 0 0 4px rgba(239,68,68,.14),0 0 16px rgba(239,68,68,.58)!important;
}
.arx-live-uplink.red{
  border-color:rgba(239,68,68,.28)!important;
}
.arx-priority-clear .arx-check{
  background:#fff!important;
  color:#08070d!important;
  border-color:rgba(0,0,0,.13)!important;
}
.arx-priority-clear{
  background:#fff!important;
  color:#08070d!important;
  border-color:rgba(0,0,0,.14)!important;
}
.arx-priority-clear small,
.arx-priority-clear h2,
.arx-priority-clear p{
  color:#08070d!important;
}
.arx-priority-clear .arx-check strong,
.arx-priority-clear .arx-check b,
.arx-priority-clear .arx-check span{
  color:#08070d!important;
}
.arx-priority-clear .arx-check .arx-chip{
  background:#08070d!important;
  border-color:#08070d!important;
  color:#fff!important;
}
.arx-live-wallet-rail{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:13px 0 17px!important;
}
.arx-live-wallet-rail span{
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.76)!important;
  border-radius:999px!important;
  padding:8px 10px!important;
  font-family:var(--v35-mono)!important;
  font-size:10.5px!important;
  line-height:1!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease!important;
}
.arx-live-wallet-rail span.active{
  background:rgba(82,214,159,.18)!important;
  border-color:rgba(82,214,159,.65)!important;
  color:#dbffe9!important;
  box-shadow:0 0 0 3px rgba(82,214,159,.09),0 0 22px rgba(82,214,159,.32)!important;
}
[data-agent-funding="fund-required"] .arx-live-wallet-rail span.active{
  background:rgba(237,191,98,.12)!important;
  border-color:rgba(237,191,98,.42)!important;
  color:#ffe7a7!important;
  box-shadow:none!important;
}
.arx-agent-fund-alert{
  border-color:rgba(237,191,98,.42)!important;
  background:linear-gradient(135deg,#fffaf0,#fff 58%,#f8f3ff)!important;
}
.arx-agent-desk-table .arx-table{
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.arx-agent-desk-table .arx-table tr{
  display:grid!important;
  grid-template-columns:minmax(120px,1fr) minmax(180px,1.4fr) minmax(140px,1fr)!important;
  gap:0!important;
  align-items:center!important;
}
.arx-agent-desk-table .arx-table th,
.arx-agent-desk-table .arx-table td{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  white-space:nowrap!important;
}
.arx-agent-desk-table .arx-table th{
  background:transparent!important;
  border:0!important;
}
.arx-agent-desk-table .arx-table td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.arx-agent-desk-table .arx-table td:first-child{
  border-radius:14px 0 0 14px!important;
}
.arx-agent-desk-table .arx-table td:last-child{
  border-radius:0 14px 14px 0!important;
}
.arx-account-tx-empty,
.arx-account-tx-list{
  margin:18px 0 4px!important;
  border:1px solid rgba(0,0,0,.11)!important;
  background:#fff!important;
  border-radius:16px!important;
  padding:14px!important;
  color:#09070f!important;
}
.arx-account-tx-empty{
  display:grid!important;
  grid-template-columns:38px 1fr!important;
  gap:3px 12px!important;
  align-items:center!important;
}
.arx-account-tx-empty span{
  grid-row:span 2!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;
  background:#0a0711!important;
  color:#fff!important;
}
.arx-account-tx-empty b,
.arx-account-tx-row b{
  color:#08070d!important;
  font-size:12.5px!important;
  font-weight:570!important;
}
.arx-account-tx-empty p{
  margin:0!important;
  color:#554c61!important;
  font-size:11.5px!important;
  line-height:1.45!important;
}
.arx-account-tx-list{
  display:grid!important;
  gap:9px!important;
}
.arx-account-tx-list small{
  color:#3d354d!important;
  font-size:10.5px!important;
  font-weight:650!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.arx-account-tx-row{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(0,0,0,.08)!important;
  border-radius:13px!important;
  background:#faf9ff!important;
  padding:10px!important;
}
.arx-account-tx-row>span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#100b1e!important;
  color:#fff!important;
}
.arx-account-tx-row div{
  min-width:0!important;
}
.arx-account-tx-row em{
  display:block!important;
  margin-top:3px!important;
  color:#5d536d!important;
  font-size:11px!important;
  font-style:normal!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.arx-account-tx-row strong{
  color:#100b1e!important;
  font-size:11.5px!important;
  font-weight:620!important;
  white-space:nowrap!important;
}
@media(max-width:860px){
  .arx-account-tx-empty,
  .arx-account-tx-list{
    padding:12px!important;
  }
  .arx-account-tx-row{
    grid-template-columns:32px minmax(0,1fr)!important;
  }
  .arx-account-tx-row strong{
    grid-column:2!important;
  }
  .arx-agent-desk-table .arx-table tr{
    display:block!important;
  }
  .arx-agent-desk-table .arx-table td{
    white-space:normal!important;
  }
}
@keyframes arxStatusPulse{
  0%{transform:scale(1);opacity:1}
  70%{transform:scale(1.55);opacity:.48}
  100%{transform:scale(1);opacity:1}
}

/* Unified ARX nebula logo for auth, admin and customer shell pages. */
.brand-mark,
.brand i,
.admin-side .brand i,
.auth-story .brand i,
.arx-live-mark,
.login-brand-mark{
  border-radius:14px!important;
  overflow:hidden!important;
  background:url("assets/arx-nebula-logo.png") center/cover no-repeat!important;
  color:transparent!important;
  box-shadow:0 14px 30px rgba(42,25,91,.18)!important;
  border:1px solid rgba(255,255,255,.34)!important;
}
.brand-mark svg,
.brand-mark:before,
.brand-mark:after,
.brand i:before,
.brand i:after,
.admin-side .brand i:before,
.admin-side .brand i:after,
.auth-story .brand i:before,
.auth-story .brand i:after,
.arx-live-mark:before,
.arx-live-mark:after,
.login-brand-mark:before,
.login-brand-mark:after,
.login-brand-mark i{
  display:none!important;
  content:none!important;
}
.brand-mark img,
.arx-live-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

/* Nexora assistant and card peek on customer, auth and admin pages. */
.nexora-assistant{position:fixed;right:22px;bottom:22px;z-index:150;font-family:inherit}
.nexora-orb-button{position:relative;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#140828,#5120dc);color:#64e2b4;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 48px rgba(20,8,55,.32),0 0 0 1px rgba(112,66,255,.18) inset;display:grid;place-items:center;font-size:18px;font-weight:720;letter-spacing:.02em;transition:transform .22s ease,box-shadow .22s ease}
.nexora-orb-button:hover{transform:translateY(-2px);box-shadow:0 24px 62px rgba(20,8,55,.38),0 0 28px rgba(67,209,149,.28)}
.nexora-orb-button.is-listening:after{content:"";position:absolute;width:64px;height:64px;border-radius:22px;border:1px solid rgba(67,209,149,.45);animation:nexoraListenPulse 1.8s ease-out infinite}
.nexora-mic-hint{position:absolute;right:62px;bottom:10px;min-width:86px;height:32px;padding:0 11px;border-radius:999px;background:rgba(12,6,25,.88);border:1px solid rgba(112,66,255,.26);box-shadow:0 14px 38px rgba(12,6,25,.22);color:#efeaff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;white-space:nowrap;transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.nexora-mic-hint.is-hidden{opacity:0;transform:translateX(8px);pointer-events:none}
.nexora-assistant.is-voice-only .nexora-orb-button,.nexora-assistant.is-voice-only .nexora-mic-hint{display:none}
.nexora-chat-panel{position:absolute;right:0;bottom:66px;width:min(360px,calc(100vw - 28px));height:460px;max-height:calc(100dvh - 120px);display:none;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,rgba(15,8,31,.96),rgba(7,5,15,.98));border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 28px 90px rgba(5,3,14,.45);overflow:hidden;color:#fff;backdrop-filter:blur(18px)}
.nexora-assistant.is-open .nexora-chat-panel{display:grid;animation:nexoraPanelIn .22s ease both}
.nexora-chat-head{min-height:60px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:11px}
.nexora-face{width:34px;height:34px;border-radius:13px;background:radial-gradient(circle at 50% 58%,rgba(67,209,149,.72),transparent 32%),linear-gradient(145deg,#5120dc,#0c0618);box-shadow:0 0 24px rgba(67,209,149,.25);display:grid;place-items:center;color:#79e8bc;font-weight:800}
.nexora-chat-title{display:grid;gap:2px;min-width:0}.nexora-chat-title b{font-size:12px;letter-spacing:.16em}.nexora-chat-title span{font-size:10px;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nexora-close{margin-left:auto;width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;border:0}
.nexora-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.nexora-msg{max-width:86%;border-radius:16px;padding:10px 12px;font-size:12px;line-height:1.45;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82)}
.nexora-msg.user{align-self:flex-end;background:#f6f2ff;color:#32147e}
.nexora-msg.bot{align-self:flex-start;border:1px solid rgba(112,66,255,.26)}
.nexora-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}
.nexora-chat-form input{min-width:0;flex:1;height:40px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:0 12px;font-size:12px;outline:none}
.nexora-chat-form input::placeholder{color:rgba(255,255,255,.45)}
.nexora-chat-form button{width:42px;height:40px;border-radius:14px;background:#7042ff;color:#fff;font-size:17px;border:0}
.nexora-peek-host{position:relative!important;overflow:visible!important;isolation:isolate}
.nexora-card-peek{--nexora-peek-tone:#5120dc;--nexora-peek-glow:#43d195;--nexora-peek-visor:#dffdf2;--nexora-peek-tilt:12deg;position:absolute;width:126px;height:112px;z-index:6;pointer-events:auto;cursor:pointer;opacity:0;filter:drop-shadow(0 18px 36px rgba(6,3,18,.3));transform:translate3d(0,22px,0) scale(.72) rotate(var(--nexora-peek-tilt));transform-origin:50% 100%;outline:none}
.nexora-card-peek:focus-visible .nexora-peek-head{box-shadow:0 0 0 2px rgba(255,255,255,.92),0 0 0 5px color-mix(in srgb,var(--nexora-peek-glow) 62%,transparent),0 0 34px color-mix(in srgb,var(--nexora-peek-glow) 55%,transparent)}
.is-nexora-peeking>.nexora-card-peek{animation:nexoraPeekCard 30s cubic-bezier(.18,.82,.16,1) both}
.nexora-peek-top-left{left:18px;top:-66px}.nexora-peek-top-right{right:22px;top:-68px}.nexora-peek-side-left{left:-62px;top:24%}.nexora-peek-side-right{right:-62px;top:26%}.nexora-peek-low-left{left:24px;bottom:-50px}.nexora-peek-low-right{right:26px;bottom:-50px}
.nexora-peek-speech{position:absolute;left:50%;bottom:100%;width:220px;max-width:min(220px,72vw);transform:translate(-50%,-10px);padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,242,255,.94));border:1px solid rgba(112,66,255,.18);box-shadow:0 16px 34px rgba(20,8,55,.18),0 0 0 1px rgba(255,255,255,.65) inset;color:#1a102f;font-size:11.2px;line-height:1.35;font-weight:480;letter-spacing:0;text-align:left;backdrop-filter:blur(12px);text-transform:none}
.nexora-peek-speech b{color:#5120dc;font-weight:720;white-space:nowrap}
.nexora-peek-speech:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;border-right:1px solid rgba(112,66,255,.18);border-bottom:1px solid rgba(112,66,255,.18);transform:translateX(-50%) rotate(45deg)}
.nexora-peek-side-left .nexora-peek-speech{left:82px;transform:translate(0,-8px)}
.nexora-peek-side-left .nexora-peek-speech:after{left:22px}
.nexora-peek-side-right .nexora-peek-speech{left:auto;right:82px;transform:translate(0,-8px)}
.nexora-peek-side-right .nexora-peek-speech:after{left:auto;right:22px}
.nexora-peek-head{position:absolute;left:50%;top:6px;width:70px;height:76px;transform:translateX(-50%);border-radius:28px 28px 23px 23px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.42),transparent 26%),linear-gradient(145deg,var(--nexora-peek-tone),#090513 74%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 28px color-mix(in srgb,var(--nexora-peek-glow) 52%,transparent);overflow:hidden}
.nexora-peek-helmet{position:absolute;inset:-8px -5px 35px;border-radius:34px 34px 15px 15px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 34%),linear-gradient(145deg,#161019,var(--nexora-peek-tone));border-bottom:1px solid rgba(255,255,255,.12)}
.nexora-peek-visor{position:absolute;left:13px;right:13px;top:27px;height:22px;border-radius:12px;background:linear-gradient(90deg,rgba(0,0,0,.72),color-mix(in srgb,var(--nexora-peek-visor) 24%,#0a0614),rgba(0,0,0,.72));border:1px solid color-mix(in srgb,var(--nexora-peek-glow) 45%,rgba(255,255,255,.12));box-shadow:0 0 18px color-mix(in srgb,var(--nexora-peek-glow) 42%,transparent) inset,0 0 18px color-mix(in srgb,var(--nexora-peek-glow) 35%,transparent)}
.nexora-peek-visor i{position:absolute;left:10px;right:10px;top:9px;height:2px;border-radius:999px;background:var(--nexora-peek-visor);box-shadow:0 0 10px var(--nexora-peek-glow)}
.nexora-peek-jaw{position:absolute;left:21px;right:21px;bottom:11px;height:8px;border-radius:0 0 12px 12px;border-bottom:2px solid color-mix(in srgb,var(--nexora-peek-glow) 58%,#fff);opacity:.78}
.nexora-peek-hand{position:absolute;top:78px;width:31px;height:29px;border-radius:12px 12px 16px 16px;background:linear-gradient(145deg,#f8fbff,#b9bfd5 48%,#5a4b8f);border:1px solid rgba(15,9,29,.18);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.nexora-peek-hand i{position:absolute;left:5px;right:5px;top:9px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--nexora-peek-glow),#fff,var(--nexora-peek-glow));box-shadow:0 0 11px color-mix(in srgb,var(--nexora-peek-glow) 55%,transparent)}
.nexora-peek-hand-left{left:10px;transform:rotate(-14deg)}.nexora-peek-hand-right{right:10px;transform:rotate(14deg)}
.nexora-peek-side-left .nexora-peek-hand-left,.nexora-peek-side-right .nexora-peek-hand-right{top:64px}.nexora-peek-side-left .nexora-peek-hand-right,.nexora-peek-side-right .nexora-peek-hand-left{top:86px}
@keyframes nexoraPanelIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes nexoraListenPulse{to{opacity:0;transform:scale(1.22)}}
@keyframes nexoraPeekCard{0%{opacity:0;transform:translate3d(0,28px,0) scale(.68) rotate(var(--nexora-peek-tilt))}14%{opacity:1;transform:translate3d(0,-2px,0) scale(1) rotate(var(--nexora-peek-tilt))}28%{transform:translate3d(0,0,0) scale(1.01) rotate(calc(var(--nexora-peek-tilt) - 4deg))}58%{opacity:1;transform:translate3d(0,2px,0) scale(1) rotate(calc(var(--nexora-peek-tilt) + 3deg))}78%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(var(--nexora-peek-tilt))}100%{opacity:0;transform:translate3d(0,34px,0) scale(.72) rotate(var(--nexora-peek-tilt))}}
@media(max-width:640px){.nexora-assistant{right:14px;bottom:14px}.nexora-chat-panel{width:calc(100vw - 28px);height:min(440px,calc(100dvh - 98px));bottom:62px;border-radius:22px}.nexora-orb-button{width:50px;height:50px;border-radius:16px}.nexora-card-peek{width:104px;height:92px}.nexora-peek-speech{width:190px;font-size:10.5px;padding:9px 10px;border-radius:14px}.nexora-peek-head{width:58px;height:62px;border-radius:23px 23px 19px 19px}.nexora-peek-visor{left:10px;right:10px;top:22px;height:18px}.nexora-peek-jaw{left:17px;right:17px;bottom:9px}.nexora-peek-hand{top:64px;width:26px;height:25px}.nexora-peek-top-left{left:14px;top:-54px}.nexora-peek-top-right{right:14px;top:-56px}.nexora-peek-side-left{left:-44px}.nexora-peek-side-right{right:-44px}}
@media(prefers-reduced-motion:reduce){.nexora-card-peek{display:none!important}}

/* Nexora peek visual parity with the procedural intro robot: head, visor, collar and hands only. */
.nexora-card-peek{--nexora-peek-tone:#29105f;--nexora-peek-trim:#5120dc;--nexora-peek-dark:#10071d;--nexora-peek-glow:#43d195;--nexora-peek-visor:#dffdf2;width:148px;height:136px;filter:drop-shadow(0 20px 42px rgba(6,3,18,.36))}
.nexora-peek-head{top:5px;width:86px;height:88px;border-radius:42% 42% 35% 35%;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.38),transparent 25%),radial-gradient(circle at 54% 74%,rgba(81,32,220,.34),transparent 42%),linear-gradient(145deg,var(--nexora-peek-tone),#090513 72%);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 32px color-mix(in srgb,var(--nexora-peek-glow) 46%,transparent),0 18px 34px rgba(7,3,18,.32);overflow:visible}
.nexora-peek-head:before{content:"";position:absolute;inset:6px 8px 18px;border-radius:42% 42% 28% 28%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--nexora-peek-trim) 76%,#fff 4%),var(--nexora-peek-dark));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.nexora-peek-helmet{inset:-9px -7px 44px;border-radius:44px 44px 18px 18px;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 30%),linear-gradient(145deg,#191022,var(--nexora-peek-tone) 62%,#08040f);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.nexora-peek-ear{position:absolute;top:34px;width:14px;height:26px;border-radius:999px;background:linear-gradient(145deg,var(--nexora-peek-tone),var(--nexora-peek-dark));border:1px solid rgba(255,255,255,.16);box-shadow:0 0 16px color-mix(in srgb,var(--nexora-peek-glow) 36%,transparent);z-index:0}
.nexora-peek-ear:after{content:"";position:absolute;inset:6px 3px;border-radius:999px;background:var(--nexora-peek-glow);box-shadow:0 0 12px var(--nexora-peek-glow)}
.nexora-peek-ear-left{left:-10px}.nexora-peek-ear-right{right:-10px}
.nexora-peek-antenna{position:absolute;right:16px;top:-25px;width:3px;height:28px;border-radius:99px;background:linear-gradient(180deg,var(--nexora-peek-trim),var(--nexora-peek-dark));transform:rotate(-14deg);transform-origin:50% 100%;box-shadow:0 0 10px color-mix(in srgb,var(--nexora-peek-glow) 35%,transparent)}
.nexora-peek-antenna b{position:absolute;left:50%;top:-9px;width:12px;height:12px;border-radius:50%;transform:translateX(-50%);background:var(--nexora-peek-glow);box-shadow:0 0 14px var(--nexora-peek-glow),0 0 28px color-mix(in srgb,var(--nexora-peek-glow) 55%,transparent)}
.nexora-peek-visor{left:16px;right:16px;top:33px;height:28px;border-radius:16px;background:linear-gradient(90deg,rgba(0,0,0,.88),color-mix(in srgb,var(--nexora-peek-visor) 14%,#05040a),rgba(0,0,0,.88));border:1px solid color-mix(in srgb,var(--nexora-peek-glow) 48%,rgba(255,255,255,.16));box-shadow:0 0 22px color-mix(in srgb,var(--nexora-peek-glow) 44%,transparent) inset,0 0 22px color-mix(in srgb,var(--nexora-peek-glow) 38%,transparent);z-index:2}
.nexora-peek-visor i{left:12px;right:12px;top:12px;height:2px;background:rgba(223,253,242,.36)}
.nexora-peek-eye{position:absolute;top:7px;width:14px;height:9px;border-radius:999px;background:var(--nexora-peek-glow);box-shadow:0 0 12px var(--nexora-peek-glow)}
.nexora-peek-eye-left{left:15px}.nexora-peek-eye-right{right:15px}
.nexora-peek-smile{position:absolute;left:50%;bottom:5px;width:32px;height:14px;border-bottom:4px solid var(--nexora-peek-glow);border-radius:0 0 28px 28px;transform:translateX(-50%);filter:drop-shadow(0 0 9px var(--nexora-peek-glow))}
.nexora-peek-jaw{left:25px;right:25px;bottom:9px;height:10px;border-radius:0 0 14px 14px;z-index:2}
.nexora-peek-collar{position:absolute;left:50%;top:82px;width:62px;height:24px;border-radius:10px 10px 18px 18px;transform:translateX(-50%);background:linear-gradient(145deg,var(--nexora-peek-trim),var(--nexora-peek-dark));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 26px rgba(0,0,0,.22);z-index:-1}
.nexora-peek-collar i{position:absolute;left:50%;top:7px;width:18px;height:10px;border-radius:50%;transform:translateX(-50%);background:var(--nexora-peek-glow);box-shadow:0 0 16px var(--nexora-peek-glow)}
.nexora-peek-hand{top:91px;width:38px;height:34px;border-radius:14px 14px 18px 18px;background:radial-gradient(circle at 50% 14%,rgba(255,255,255,.24),transparent 28%),linear-gradient(145deg,var(--nexora-peek-tone),var(--nexora-peek-dark) 58%,#07040d);border:1px solid rgba(255,255,255,.16);box-shadow:0 9px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)}
.nexora-peek-hand i{left:6px;right:6px;top:17px;height:4px;background:linear-gradient(90deg,var(--nexora-peek-glow),#fff,var(--nexora-peek-glow))}
.nexora-peek-knuckles{position:absolute;left:5px;right:5px;top:-8px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.nexora-peek-knuckles b{height:16px;border-radius:8px 8px 5px 5px;background:linear-gradient(180deg,var(--nexora-peek-trim),var(--nexora-peek-dark));border:1px solid rgba(255,255,255,.12);box-shadow:0 0 8px rgba(67,209,149,.18)}
.nexora-peek-hand-left{left:7px;transform:rotate(-12deg)}.nexora-peek-hand-right{right:7px;transform:rotate(12deg)}
.nexora-peek-side-left .nexora-peek-hand-left,.nexora-peek-side-right .nexora-peek-hand-right{top:74px}.nexora-peek-side-left .nexora-peek-hand-right,.nexora-peek-side-right .nexora-peek-hand-left{top:101px}
@media(max-width:640px){.nexora-card-peek{width:122px;height:112px}.nexora-peek-head{width:68px;height:70px;border-radius:30px 30px 24px 24px}.nexora-peek-visor{left:12px;right:12px;top:26px;height:22px}.nexora-peek-eye{width:10px;height:7px;top:6px}.nexora-peek-eye-left{left:12px}.nexora-peek-eye-right{right:12px}.nexora-peek-smile{width:25px;height:11px;border-bottom-width:3px}.nexora-peek-ear{top:28px;width:11px;height:21px}.nexora-peek-antenna{right:13px;top:-21px;height:23px}.nexora-peek-antenna b{width:10px;height:10px}.nexora-peek-jaw{left:19px;right:19px;bottom:8px}.nexora-peek-collar{top:66px;width:48px;height:20px}.nexora-peek-hand{top:78px;width:31px;height:29px}.nexora-peek-knuckles{top:-7px}.nexora-peek-knuckles b{height:13px}}

/* Keep Nexora's overhead message readable on small screens and tight cards. */
.nexora-peek-speech{--nexora-speech-shift:0px}
.nexora-card-peek:not(.nexora-peek-side-left):not(.nexora-peek-side-right) .nexora-peek-speech{transform:translate(calc(-50% + var(--nexora-speech-shift,0px)),-10px)}
.nexora-peek-side-left .nexora-peek-speech,.nexora-peek-side-right .nexora-peek-speech{transform:translate(var(--nexora-speech-shift,0px),-8px)}
.nexora-card-peek.nexora-speech-below .nexora-peek-speech{top:calc(100% + 10px);bottom:auto;left:50%;right:auto;width:min(218px,calc(100vw - 24px));max-width:calc(100vw - 24px);transform:translate(calc(-50% + var(--nexora-speech-shift,0px)),0)}
.nexora-card-peek.nexora-speech-below .nexora-peek-speech:after{top:-6px;bottom:auto;left:50%;right:auto;transform:translateX(-50%) rotate(225deg)}
@media(max-width:640px){.nexora-peek-speech{width:min(212px,calc(100vw - 24px));max-width:calc(100vw - 24px);font-size:10.4px;line-height:1.28;padding:8px 10px}.nexora-peek-top-left,.nexora-peek-top-right{top:-40px}.nexora-peek-side-left{left:-30px}.nexora-peek-side-right{right:-30px}}
