/* ============================================================================
   NEUMORPHIC PRO NEXT - "Soft UI Evolution" app sheet
   One continuous material: every surface is the page tone, shaped only by
   light (top-left) and shade (bottom-right). Extruded = resting control,
   inset = pressed / input / well. Accent = the admin colour, used sparingly
   as an indicator light. Loaded after nova.css + lumen.css + accent_style.
   ========================================================================== */

/* ---------- 0. tokens : light ---------- */
:root{
	--np-base:#E5EAF1;
	--np-base-2:#DCE2EA;
	--np-base-3:#D2D9E3;
	--np-convex:linear-gradient(145deg,#EEF2F8 0%,#DDE3EB 100%);
	--np-concave:linear-gradient(145deg,#D8DEE8 0%,#EBEFF5 100%);
	--np-lo:rgba(143,158,184,.60);
	--np-hi:rgba(255,255,255,.96);
	--np-edge:rgba(255,255,255,.62);
	--np-line:rgba(96,114,146,.17);
	--np-ink:#17202E;
	--np-ink-2:#374256;
	--np-ink-3:#525D71;
	--np-ok:#0A6E43;  --np-ok-bg:rgba(10,110,67,.11);
	--np-warn:#8A5000;--np-warn-bg:rgba(176,108,0,.13);
	--np-bad:#AE1F2A; --np-bad-bg:rgba(174,31,42,.10);
	--np-info:#1B5AB0;--np-info-bg:rgba(27,90,176,.11);
	--np-scrim:rgba(20,27,40,.46);

	--np-acc:var(--nv-accent,#6C5CE7);
	--np-acc-ink:color-mix(in srgb,var(--nv-accent,#6C5CE7) 76%,#101626);
	--np-acc-hi:color-mix(in srgb,var(--nv-accent,#6C5CE7) 80%,#fff);
	--np-acc-lo:color-mix(in srgb,var(--nv-accent,#6C5CE7) 80%,#000);
	--np-acc-fill:linear-gradient(150deg,var(--np-acc-hi) 0%,var(--np-acc) 48%,var(--np-acc-lo) 100%);
	--np-acc-soft:color-mix(in srgb,var(--nv-accent,#6C5CE7) 12%,transparent);
	--np-acc-glow:0 8px 22px -8px color-mix(in srgb,var(--nv-accent,#6C5CE7) 75%,transparent);
	--np-led:0 0 0 3px color-mix(in srgb,var(--nv-accent,#6C5CE7) 16%,transparent),0 0 12px 1px color-mix(in srgb,var(--nv-accent,#6C5CE7) 70%,transparent);
	--np-focus:color-mix(in srgb,var(--nv-accent,#6C5CE7) 72%,#17202E);

	--np-out-xl:20px 20px 46px var(--np-lo),-18px -18px 42px var(--np-hi);
	--np-out-lg:13px 13px 30px var(--np-lo),-11px -11px 26px var(--np-hi);
	--np-out:8px 8px 18px var(--np-lo),-7px -7px 16px var(--np-hi);
	--np-out-sm:5px 5px 11px var(--np-lo),-4px -4px 10px var(--np-hi);
	--np-out-xs:3px 3px 6px var(--np-lo),-2px -2px 6px var(--np-hi);
	--np-in:inset 7px 7px 14px var(--np-lo),inset -7px -7px 14px var(--np-hi);
	--np-in-sm:inset 4px 4px 9px var(--np-lo),inset -4px -4px 9px var(--np-hi);
	--np-in-xs:inset 2px 2px 5px var(--np-lo),inset -2px -2px 5px var(--np-hi);
	--np-press:inset 3px 3px 8px rgba(0,0,0,.28),inset -2px -2px 6px rgba(255,255,255,.16);

	--np-r-xl:32px; --np-r-lg:26px; --np-r:20px; --np-r-md:16px; --np-r-sm:12px;
	--np-ease:cubic-bezier(.22,1,.36,1);
	--np-sb:268px;
	--np-font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;

	/* ---- the shared --nv-* / --lm-* / --neu-* contract every page consumes ---- */
	--nv-bg:var(--np-base); --nv-surface:var(--np-base); --nv-surface-2:var(--np-base-2); --nv-card:var(--np-base);
	--nv-text:var(--np-ink); --nv-text-soft:var(--np-ink-2); --nv-muted:var(--np-ink-3);
	--nv-border:var(--np-line); --nv-border-2:rgba(96,114,146,.26);
	--nv-ok:var(--np-ok); --nv-okbg:var(--np-ok-bg); --nv-warn:var(--np-warn); --nv-warnbg:var(--np-warn-bg);
	--nv-bad:var(--np-bad); --nv-badbg:var(--np-bad-bg); --nv-info:var(--np-info); --nv-infobg:var(--np-info-bg);
	--nv-r:20px; --nv-r-sm:14px; --nv-r-lg:26px;
	--nv-sh:var(--np-out-sm); --nv-sh-lg:var(--np-out-lg);
	--nv-accent-soft:var(--np-acc-soft); --nv-accent-ring:color-mix(in srgb,var(--nv-accent,#6C5CE7) 34%,transparent);
	--nv-font:var(--np-font); --nv-sb:var(--np-sb); --nv-tb:84px;
	--lm-grad:var(--np-acc-fill); --lm-glow:var(--np-acc-glow); --lm-glass:var(--np-base); --lm-ease:var(--np-ease);
	--neu-grad:var(--np-acc-fill); --neu-rise:var(--np-out); --neu-rise-sm:var(--np-out-sm);
	--neu-inset:var(--np-in-sm); --neu-inset-sm:var(--np-in-xs); --neu-sd:var(--np-lo);
	--btn-hi:inset 0 1px 0 rgba(255,255,255,.28); --neu-r:20px; --neu-r-sm:14px;
	--glass-blur:none;
}
/* ---------- 0b. tokens : dark (a designed deep slate, never black) ---------- */
html.nv-dark{
	--np-base:#222834;
	--np-base-2:#1D222D;
	--np-base-3:#181C25;
	--np-convex:linear-gradient(145deg,#28303D 0%,#1D232D 100%);
	--np-concave:linear-gradient(145deg,#1B2029 0%,#272E3B 100%);
	--np-lo:rgba(7,10,16,.66);
	--np-hi:rgba(66,79,102,.38);
	--np-edge:rgba(255,255,255,.05);
	--np-line:rgba(164,180,210,.13);
	--np-ink:#ECF1F8;
	--np-ink-2:#C3CCDA;
	--np-ink-3:#9EA9BC;
	--np-ok:#5ED39C;  --np-ok-bg:rgba(94,211,156,.13);
	--np-warn:#F1B75E;--np-warn-bg:rgba(241,183,94,.13);
	--np-bad:#FF8E8E; --np-bad-bg:rgba(255,142,142,.12);
	--np-info:#86B6FF;--np-info-bg:rgba(134,182,255,.12);
	--np-scrim:rgba(5,8,13,.62);
	--np-acc-ink:color-mix(in srgb,var(--nv-accent,#6C5CE7) 55%,#fff);
	--np-focus:color-mix(in srgb,var(--nv-accent,#6C5CE7) 55%,#fff);
	--np-press:inset 3px 3px 8px rgba(0,0,0,.42),inset -2px -2px 6px rgba(255,255,255,.08);
	color-scheme:dark;
	/* the same contract again: lumen.css + nova.css also set these on html.nv-dark, which outranks :root */
	--nv-bg:var(--np-base); --nv-surface:var(--np-base); --nv-surface-2:var(--np-base-2); --nv-card:var(--np-base);
	--nv-text:var(--np-ink); --nv-text-soft:var(--np-ink-2); --nv-muted:var(--np-ink-3);
	--nv-border:var(--np-line); --nv-border-2:rgba(164,180,210,.2);
	--nv-ok:var(--np-ok); --nv-okbg:var(--np-ok-bg); --nv-warn:var(--np-warn); --nv-warnbg:var(--np-warn-bg);
	--nv-bad:var(--np-bad); --nv-badbg:var(--np-bad-bg); --nv-info:var(--np-info); --nv-infobg:var(--np-info-bg);
	--nv-r:20px; --nv-r-sm:14px; --nv-r-lg:26px;
	--nv-sh:var(--np-out-sm); --nv-sh-lg:var(--np-out-lg);
	--nv-accent-soft:color-mix(in srgb,var(--nv-accent,#6C5CE7) 20%,transparent); --nv-accent-ring:color-mix(in srgb,var(--nv-accent,#6C5CE7) 34%,transparent);
	--nv-font:var(--np-font); --nv-sb:var(--np-sb); --nv-tb:84px;
	--lm-grad:var(--np-acc-fill); --lm-glow:var(--np-acc-glow); --lm-glass:var(--np-base); --lm-ease:var(--np-ease);
	--neu-grad:var(--np-acc-fill); --neu-rise:var(--np-out); --neu-rise-sm:var(--np-out-sm);
	--neu-inset:var(--np-in-sm); --neu-inset-sm:var(--np-in-xs); --neu-sd:var(--np-lo);
	--btn-hi:inset 0 1px 0 rgba(255,255,255,.28); --neu-r:20px; --neu-r-sm:14px;
	--glass-blur:none;
}

/* ---------- 1. base ---------- */
body{overflow-x:visible}
html{overflow-x:clip}
body.nv{background:var(--np-base);color:var(--np-ink);font-family:var(--np-font);font-size:14.5px;overflow-x:visible;font-feature-settings:"ss01" 0}
body.nv .nv-content{animation:none}
.nv h1,.nv h2,.nv h3,.nv h4{font-family:var(--np-font);letter-spacing:-.022em;color:var(--np-ink)}
.nv a{color:var(--np-acc-ink)}
.nv ::selection{background:color-mix(in srgb,var(--np-acc) 22%,transparent)}
.nv :focus-visible{outline:2.5px solid var(--np-focus);outline-offset:3px}
.nv ::-webkit-scrollbar{width:10px;height:10px}
.nv ::-webkit-scrollbar-thumb{background:rgba(110,125,152,.34);border-radius:99px;border:3px solid transparent;background-clip:padding-box}
.nv ::-webkit-scrollbar-track{background:transparent}
.np-num,.nv .v,.nv .val,.nv .amt,.nv .ch,.nv .pr,.nv-os b{font-variant-numeric:tabular-nums}
html.npx-lock,html.npx-lock body{overflow:hidden}

/* ---------- 2. shell : floating sidebar panel ---------- */
body.nv .nv-sidebar{background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg);backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
@media(min-width:861px){
	body.nv .nv-sidebar{top:16px;left:16px;bottom:16px;width:var(--np-sb);border-radius:var(--np-r-xl)}
	body.nv .nv-shell{margin-left:calc(var(--np-sb) + 32px)}
	body.nv.lm-collapsed .nv-sidebar{width:92px}
	body.nv.lm-collapsed .nv-shell{margin-left:124px}
	body.nv.lm-collapsed .nv-nav a{justify-content:center;padding:0}
	body.nv.lm-collapsed .nv-nav a>i:first-child{margin:0}
	body.nv.lm-collapsed .nv-nav a .nv-nbadge,body.nv.lm-collapsed .nv-nav .nv-sub-ar{display:none}
	body.nv.lm-collapsed .nv-nav a.active::before{left:-8px}
	body.nv .lm-collapse-btn{top:28px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-3);z-index:6}
	body.nv .lm-collapse-btn:hover{color:var(--np-ink)}
	body.nv .lm-collapse-btn:active{box-shadow:var(--np-in-xs)}
	body.nv.lm-collapsed .lm-collapse-btn{right:31px;top:74px}
	body.nv.lm-collapsed .nv-brand{padding:20px 8px 44px}
}
body.nv .nv-brand{padding:20px 54px 10px 22px;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--np-ink);min-height:74px}
body.nv .nv-brand img{max-height:34px;max-width:170px;object-fit:contain}
body.nv .nv-brand>i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--np-convex);box-shadow:var(--np-out-xs);font-size:15px}
.npx-drawer-x{display:none}

/* nav : each item carries a soft round key; the active row is pressed in and lit */
body.nv .nv-nav{padding:4px 16px 14px;min-height:0;overflow-y:auto}
body.nv .nv-nav-group{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:var(--np-ink-3);padding:12px 10px 8px}
body.nv .nv-nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px 0 6px;margin:0 0 4px;border-radius:16px;color:var(--np-ink-2);font-weight:650;font-size:14px;background:transparent;box-shadow:none;transform:none;transition:color .15s ease}
body.nv .nv-nav a:hover{background:transparent;color:var(--np-ink);transform:none}
body.nv .nv-nav a>i:first-child{width:32px;height:32px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:14px;color:var(--np-ink-3);background:var(--np-convex);box-shadow:var(--np-out-xs);opacity:1;transition:transform .16s var(--np-ease),color .15s ease}
body.nv .nv-nav a:hover>i:first-child{color:var(--np-ink);transform:translateY(-1px)}
body.nv .nv-nav a.active{background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-ink);font-weight:750}
body.nv .nv-nav a.active>i:first-child{color:var(--np-acc-ink);background:var(--np-base);box-shadow:var(--np-in-xs)}
body.nv .nv-nav a.active::before{content:"";position:absolute;left:-9px;top:50%;width:4px;height:22px;border-radius:4px;transform:translateY(-50%);background:var(--np-acc);box-shadow:0 0 10px 1px color-mix(in srgb,var(--np-acc) 70%,transparent)}
body.nv .nv-nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.nv .nv-nav .nv-sub-ar{margin-left:auto;font-size:10px;color:var(--np-ink-3);opacity:1}
body.nv .nv-nav .nv-sub-m{padding:2px 0 6px 20px}
body.nv .nv-nav .nv-sub-m>a{min-height:42px;font-size:13.5px;padding-left:6px}
body.nv .nv-nav .nv-sub-m>a>i:first-child{width:28px;height:28px;border-radius:10px;font-size:9px}
body.nv .nv-nav a .nv-nbadge{background:var(--np-acc-fill);color:#fff;box-shadow:var(--np-acc-glow);font-variant-numeric:tabular-nums}
body.nv .nv-nav a.active .nv-nbadge{background:var(--np-acc-fill);color:#fff}
body.nv .nv-side-foot{border-top:0;padding:4px 20px 16px;font-size:11.5px;color:var(--np-ink-3);text-align:center}

/* wallet dial at the base of the panel (DOM: after the nav) */
body.nv .lm-side-balance{position:relative;margin:6px 14px 8px;padding:12px 12px 12px;border-radius:24px;background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-ink);overflow:visible}
body.nv .lm-side-balance::after{display:none}
.npx-wallet-top{display:flex;align-items:center;gap:11px}
.npx-wallet-meta{min-width:0;flex:1}
body.nv .lm-side-balance .l{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--np-ink-3);opacity:1}
body.nv .lm-side-balance .v{margin:2px 0 0;font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--np-ink);word-break:normal;overflow-wrap:anywhere;line-height:1.15;font-variant-numeric:tabular-nums}
body.nv .lm-side-balance .v.npx-len-l{font-size:14.5px}
body.nv .lm-side-balance .v.npx-len-xl{font-size:12.5px}
body.nv .lm-side-balance a.npx-wallet-add{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:var(--np-acc-fill);color:#fff;font-size:14px;box-shadow:var(--np-out-xs),var(--np-acc-glow);transition:transform .15s var(--np-ease)}
body.nv .lm-side-balance a.npx-wallet-add:hover{background:var(--np-acc-fill);transform:translateY(-1px)}
body.nv .lm-side-balance a.npx-wallet-add:active{transform:scale(.98);box-shadow:var(--np-press)}

/* the dial : extruded disc -> inset groove carrying the lit arc -> extruded face */
.npx-dial{--sz:64px;--gv:5px;position:relative;flex:none;width:var(--sz);height:var(--sz);border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-sm);display:grid;place-items:center}
.npx-dial::before{content:"";position:absolute;inset:var(--gv);border-radius:50%;background:var(--np-base-2);box-shadow:var(--np-in-xs)}
.npx-dial svg{position:absolute;inset:var(--gv);width:calc(100% - var(--gv)*2);height:calc(100% - var(--gv)*2);transform:rotate(-90deg);overflow:visible}
.npx-dial svg circle{fill:none;stroke-linecap:round}
.npx-dial svg .t{stroke:color-mix(in srgb,var(--np-ink-3) 15%,transparent)}
.npx-dial svg .a{stroke:var(--np-acc);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--np-acc) 65%,transparent))}
.npx-dial-face{position:absolute;inset:calc(var(--gv) + var(--gv) + 5px);border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-xs);display:grid;place-items:center;text-align:center;color:var(--np-ink-2)}
.npx-dial-face i{font-size:15px;color:var(--np-acc-ink)}
.npx-dial-face b{display:block;font-size:12px;font-weight:800;color:var(--np-ink);line-height:1}
.npx-dial-face small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.06em;color:var(--np-ink-3);margin:0 0 1px;line-height:1}

/* XP / level strip (kept: #lmXp opens the rewards modal) */
body.nv .lm-xp{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--np-line);position:relative;cursor:pointer}
body.nv .lm-xp-top{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:0;min-width:0}
body.nv .lm-xp-lvl{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--np-ink);white-space:nowrap}
body.nv .lm-xp-lvl i{color:var(--np-acc-ink);font-size:12px}
body.nv .lm-xp-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--np-acc-ink);background:var(--np-base);box-shadow:var(--np-out-xs);padding:4px 9px;border-radius:99px;white-space:nowrap}
body.nv .lm-xp-bar{display:none}
body.nv .lm-xp-meta{grid-column:1;display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:10.5px;font-weight:700;color:var(--np-ink-3);font-variant-numeric:tabular-nums}
body.nv .lm-xp-more{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2);font:inherit;font-size:0;cursor:pointer}
body.nv .lm-xp-more i{font-size:14px}
body.nv .lm-xp-more i{color:var(--np-acc-ink)}
body.nv .lm-xp-more:hover{color:var(--np-ink)}
body.nv .lm-xp-more:active{box-shadow:var(--np-in-xs)}
.lm-xp-float{position:absolute;top:4px;right:2px;font-size:12px;font-weight:900;color:var(--np-acc-ink);pointer-events:none;animation:npxFloat 1.4s ease-out forwards}
@keyframes npxFloat{0%{opacity:0;transform:translateY(8px)}18%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}
body.lmxpm-open{overflow:hidden}
.lmxpm-ov{position:fixed;inset:0;z-index:99999;background:var(--np-scrim);display:flex;align-items:center;justify-content:center;padding:16px}
.lmxpm-ov[hidden]{display:none}
.lmxpm-box{width:100%;max-width:440px;max-height:88vh;display:flex;flex-direction:column;background:var(--np-base);color:var(--np-ink);border-radius:30px;border:1px solid var(--np-edge);box-shadow:var(--np-out-xl);overflow:hidden;animation:npxPop .22s var(--np-ease)}
@keyframes npxPop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lmxpm-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 20px 14px}
.lmxpm-hd-l{display:flex;align-items:center;gap:12px}
.lmxpm-hd-badge{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--np-convex);box-shadow:var(--np-out-sm);font-size:20px;color:var(--np-acc-ink)}
.lmxpm-hd-lv{font-size:19px;font-weight:800;letter-spacing:-.02em}
.lmxpm-hd-bn{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--np-ink-3)}
.lmxpm-x{width:42px;height:42px;border-radius:50%;border:0;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2);cursor:pointer;font-size:14px;flex:none}
.lmxpm-x:active{box-shadow:var(--np-in-xs)}
.lmxpm-prog{padding:4px 20px 6px}
.lmxpm-pbar{height:12px;border-radius:99px;background:var(--np-base-2);box-shadow:var(--np-in-xs);overflow:hidden;padding:3px}
.lmxpm-pbar>span{display:block;height:100%;border-radius:99px;background:var(--np-acc-fill);box-shadow:0 0 8px color-mix(in srgb,var(--np-acc) 55%,transparent)}
.lmxpm-pt{margin-top:8px;font-size:12px;font-weight:700;color:var(--np-ink-3)}
.lmxpm-note{display:flex;align-items:center;gap:9px;margin:10px 20px 4px;padding:11px 14px;border-radius:16px;background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-ink-2);font-size:11.5px;font-weight:600;line-height:1.4}
.lmxpm-note i{color:var(--np-acc-ink);flex:none}
.lmxpm-list{overflow-y:auto;padding:12px 16px 18px;display:flex;flex-direction:column;gap:9px}
.lmxpm-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;background:var(--np-base);box-shadow:var(--np-out-xs);border:0}
.lmxpm-row.done{background:var(--np-concave);box-shadow:var(--np-in-xs)}
.lmxpm-row.cur{box-shadow:var(--np-out-xs),0 0 0 2px color-mix(in srgb,var(--np-acc) 55%,transparent)}
.lmxpm-lv{display:flex;align-items:center;gap:7px;min-width:92px;font-size:12.5px;font-weight:800;color:var(--np-ink)}
.lmxpm-mbadge{font-size:12px;color:var(--np-acc-ink)}
.lmxpm-rw{flex:1;font-size:12.5px;font-weight:600;color:var(--np-ink-2)}
.lmxpm-st{font-size:15px;flex:none}
.lmxpm-row.done .lmxpm-st{color:var(--np-ok)}
.lmxpm-row:not(.done) .lmxpm-st{color:var(--np-ink-3)}

/* ---------- 3. shell : the soft top bar (a floating pill drawn by ::before) ---------- */
body.nv .nv-topbar{position:sticky;top:0;z-index:50;height:auto;min-height:84px;padding:14px 32px 10px 16px;gap:12px;background:linear-gradient(to bottom,var(--np-base) 0%,var(--np-base) 78%,color-mix(in srgb,var(--np-base) 0%,transparent) 100%);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.nv .nv-topbar::before{content:"";position:absolute;left:0;right:16px;top:14px;bottom:10px;border-radius:24px;background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out);z-index:-1;pointer-events:none}
body.nv .nv-page-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--np-ink)}
body.nv .nv-top-right{gap:10px}
body.nv .nv-icon-btn,body.nv #nvBurger{width:44px;height:44px;border-radius:50%;border:0;display:inline-grid;place-items:center;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2);font-size:15px;transform:none;transition:transform .15s var(--np-ease),color .15s ease}
body.nv .nv-icon-btn:hover,body.nv #nvBurger:hover{color:var(--np-ink);transform:translateY(-1px)}
body.nv .nv-icon-btn:active,body.nv #nvBurger:active,body.nv .nv-dd.open>.nv-icon-btn{box-shadow:var(--np-in-xs);transform:none;color:var(--np-acc-ink)}
body.nv #lmNotifDot{background:var(--np-acc)!important;border-color:var(--np-base)!important;box-shadow:0 0 8px color-mix(in srgb,var(--np-acc) 70%,transparent)}
body.nv .nv-pill{height:44px;padding:0 16px;border-radius:22px;border:0;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink);font-weight:750;font-size:13.5px;gap:8px;transform:none;transition:transform .15s var(--np-ease)}
body.nv .nv-pill:hover{transform:translateY(-1px)}
body.nv .nv-pill i{color:var(--np-ink-3);opacity:1}
body.nv .nv-dd.open>.nv-pill{box-shadow:var(--np-in-xs);transform:none}
body.nv .nv-topbar .nv-cur-hl{background:var(--np-convex);color:var(--np-ink);border:0;box-shadow:var(--np-out-xs);animation:none}
body.nv .nv-topbar .nv-cur-hl i:first-child{color:var(--np-acc-ink)}
body.nv .nv-topbar .nv-cur-hl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--np-acc);box-shadow:0 0 8px 1px color-mix(in srgb,var(--np-acc) 70%,transparent);margin-right:-2px}
body.nv .nv-topbar a.nv-btn[href='/']{background:var(--np-acc-fill);color:#fff;border:0;box-shadow:var(--np-out-xs),var(--np-acc-glow)}

/* dropdown panels */
body.nv .nv-dd-menu{top:56px;border-radius:22px;background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg);padding:8px;min-width:230px;backdrop-filter:none;animation:npxPop .18s var(--np-ease)}
body.nv .nv-dd-menu a{border-radius:14px;color:var(--np-ink-2);font-weight:650;min-height:42px}
body.nv .nv-dd-menu a:hover{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-ink)}
body.nv .nv-dd-menu a i{color:var(--np-ink-3);width:18px;text-align:center}
body.nv .nv-dd-menu a[href="logout"]{color:var(--np-bad)!important}
body.nv .nv-dd-menu a[href="logout"] i{color:var(--np-bad)}
body.nv .nv-lang-item.on{box-shadow:var(--np-in-xs);color:var(--np-ink)}

/* content column */
body.nv main.nv-content{max-width:1680px;padding:10px 16px 48px 0;margin:0 auto 0 0}

/* ---------- 4. components ---------- */
/* surfaces */
body.nv .nv-card,body.nv .lm-card,body.nv .nv-panel,body.nv .card{background:var(--np-base);border:1px solid var(--np-edge);border-radius:var(--np-r-lg);box-shadow:var(--np-out-lg);backdrop-filter:none;-webkit-backdrop-filter:none}
body.nv .nv-card{padding:24px}
body.nv .nv-card-h{margin-bottom:18px;gap:12px}
body.nv .nv-card-h h3{font-size:16px;font-weight:800}
body.nv .nv-card-h>i,body.nv .nv-card-h h3>i{width:40px;height:40px;border-radius:14px;display:inline-grid;place-items:center;flex:none;background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink);font-size:15px}
body.nv .nv-card-h .sub{color:var(--np-ink-3)}
body.nv .nv-stat,body.nv .dash-stat{background:var(--np-base);border:1px solid var(--np-edge);border-radius:var(--np-r);box-shadow:var(--np-out)}

/* buttons : a plain .nv-btn is the primary (accent) action */
body.nv .nv-btn{height:46px;padding:0 20px;border-radius:var(--np-r-md);border:0;background:var(--np-acc-fill);color:#fff;font-weight:800;font-size:14px;letter-spacing:.005em;box-shadow:var(--np-out-sm),var(--np-acc-glow);transform:none;filter:none;transition:transform .15s var(--np-ease)}
body.nv .nv-btn:hover{transform:translateY(-1px);filter:none}
body.nv .nv-btn:active{transform:scale(.98);box-shadow:var(--np-press)}
body.nv .nv-btn.ghost,body.nv .nv-btn.soft,body.nv .nv-btn.nv-btn-ghost{background:var(--np-convex);color:var(--np-ink);box-shadow:var(--np-out-sm);border:0}
body.nv .nv-btn.soft{color:var(--np-acc-ink)}
body.nv .nv-btn.ghost:hover,body.nv .nv-btn.soft:hover{background:var(--np-convex);color:var(--np-ink)}
body.nv .nv-btn.ghost:active,body.nv .nv-btn.soft:active{box-shadow:var(--np-in-xs)}
body.nv .nv-btn.danger{background:var(--np-convex);color:var(--np-bad);box-shadow:var(--np-out-sm)}
body.nv .nv-btn.danger:active{box-shadow:var(--np-in-xs)}
body.nv .nv-btn.sm{height:38px;padding:0 14px;border-radius:13px;font-size:12.5px}
body.nv .nv-btn[disabled]{opacity:.5;box-shadow:var(--np-in-xs)}
.nv a.nv-btn,.nv a.nv-btn:hover{color:#fff}
.nv a.nv-btn.ghost,.nv a.nv-btn.ghost:hover{color:var(--np-ink)}
.nv a.nv-btn.soft,.nv a.nv-btn.soft:hover{color:var(--np-acc-ink)}
.nv a.nv-btn.danger,.nv a.nv-btn.danger:hover{color:var(--np-bad)}
body.nv .btn-primary,body.nv .btn-big-primary,body.nv .nv-btn-primary,body.nv #addfunds_fields button,body.nv #addfunds_fields input[type=submit],body.nv #addfunds_fields .btn{border:0!important;border-radius:var(--np-r-md);background:var(--np-acc-fill)!important;color:#fff!important;font-weight:800;box-shadow:var(--np-out-sm),var(--np-acc-glow)!important;filter:none}
body.nv .btn-primary:active,body.nv #addfunds_fields button:active{box-shadow:var(--np-press)!important}

/* fields : every input is a pressed-in channel */
body.nv .nv-input,body.nv .nv-select,body.nv .nv-textarea,body.nv .form-control,
body.nv #neworder_fields input:not([type=checkbox]):not([type=radio]),body.nv #neworder_fields select,body.nv #neworder_fields textarea,
body.nv #addfunds_fields input:not([type=checkbox]):not([type=radio]),body.nv #addfunds_fields select,body.nv #addfunds_fields textarea,
body.nv .nv-content input[type=text],body.nv .nv-content input[type=number],body.nv .nv-content input[type=email],body.nv .nv-content input[type=password],body.nv .nv-content input[type=url],body.nv .nv-content input[type=search],body.nv .nv-content input[type=tel],body.nv .nv-content select,body.nv .nv-content textarea{
	background-color:var(--np-base-2);border:1px solid transparent;border-radius:var(--np-r-md);color:var(--np-ink);box-shadow:var(--np-in-sm);font-family:inherit;outline:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color .15s ease}
body.nv .nv-input,body.nv .nv-select,body.nv .form-control{min-height:48px}
body.nv .nv-content input::placeholder,body.nv .nv-content textarea::placeholder{color:color-mix(in srgb,var(--np-ink-3) 88%,transparent)}
body.nv .nv-content input:focus,body.nv .nv-content select:focus,body.nv .nv-content textarea:focus,body.nv .nv-input:focus,body.nv .form-control:focus{border-color:color-mix(in srgb,var(--np-acc) 62%,transparent);box-shadow:var(--np-in-sm),0 0 0 3px color-mix(in srgb,var(--np-acc) 20%,transparent)}
body.nv .nv-content input[readonly]{color:var(--np-ink-2)}
body.nv .nv-select,body.nv .nv-content select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23525D71' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;-webkit-appearance:none;appearance:none}
html.nv-dark body.nv .nv-select,html.nv-dark body.nv .nv-content select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239EA9BC' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}
body.nv .nv-content select option{background:var(--np-base);color:var(--np-ink)}
body.nv .nv-label,body.nv .control-label,body.nv #neworder_fields label,body.nv #addfunds_fields label{color:var(--np-ink-2);font-weight:750;font-size:13px}
body.nv .nv-hint{color:var(--np-ink-3)}
body.nv .nv-content input[type=checkbox],body.nv .nv-content input[type=radio]{accent-color:var(--np-acc)}
body.nv .panel-body.border-solid,body.nv #service_description{background:var(--np-concave);border:0;box-shadow:var(--np-in-xs);border-radius:var(--np-r-md);color:var(--np-ink-2)}

/* segmented controls, tabs, chips */
body.nv .nv-tabs,body.nv .lm-theme-seg,body.nv .nv-seg{display:inline-flex;gap:6px;padding:6px;border:0;border-radius:20px;background:var(--np-concave);box-shadow:var(--np-in-sm);backdrop-filter:none}
body.nv .nv-tab,body.nv .lm-theme-seg button{border:0;border-radius:14px;background:transparent;color:var(--np-ink-2);font-weight:750;min-height:40px;box-shadow:none}
body.nv .nv-tab.active,body.nv .lm-theme-seg button.on,body.nv .nv-tabs a.active{background:var(--np-convex);color:var(--np-ink);box-shadow:var(--np-out-xs)}
body.nv .nv-tab.active i,body.nv .lm-theme-seg button.on i{color:var(--np-acc-ink)}
body.nv .nv-chip{height:42px;border:0;border-radius:21px;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2);font-weight:700}
body.nv .nv-chip:hover{transform:translateY(-1px);box-shadow:var(--np-out-xs)}
body.nv .nv-chip.active{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv .nv-chip.active i{color:var(--np-acc-ink)!important}

/* badges : soft inset tags, status colour on the text */
body.nv .nv-badge{padding:5px 12px;border-radius:99px;font-size:11.5px;font-weight:800;background:var(--np-base);box-shadow:var(--np-in-xs)}
body.nv .nv-badge::before{box-shadow:0 0 6px currentColor}
body.nv .b-ok{color:var(--np-ok)} body.nv .b-warn{color:var(--np-warn)} body.nv .b-info{color:var(--np-info)} body.nv .b-bad{color:var(--np-bad)} body.nv .b-mut{color:var(--np-ink-3)}

/* tables : flat rows, an inset rail for the header */
body.nv .nv-table-wrap{background:var(--np-base);border:1px solid var(--np-edge);border-radius:var(--np-r-lg);box-shadow:var(--np-out)}
body.nv .nv-table th{color:var(--np-ink-3);font-weight:800;letter-spacing:.08em;border-bottom:1px solid var(--np-line);background:transparent}
body.nv .nv-table td{color:var(--np-ink-2);border-bottom:1px solid var(--np-line)}
body.nv .nv-table tbody tr:hover td{background:color-mix(in srgb,var(--np-base-2) 70%,transparent)}

/* alerts */
body.nv .nv-alert{border-radius:var(--np-r-md);background:var(--np-concave);box-shadow:var(--np-in-xs);font-weight:700}
body.nv .nv-alert.ok{color:var(--np-ok)} body.nv .nv-alert.err{color:var(--np-bad)}

/* order summary helpers */
body.nv .nv-os .row{color:var(--np-ink-2)}
body.nv .nv-os .row+.row{border-top:1px solid var(--np-line)}
body.nv .nv-os .total b{color:var(--np-acc-ink)}

/* coupon breakdown */
body.nv .nv-cpcard-ok{border:0;background:var(--np-concave);box-shadow:var(--np-in-xs);border-radius:var(--np-r-md)}
body.nv .nv-cpcard-ok .h,body.nv .nv-cpcard-ok .r b.pos,body.nv .nv-cpcard-ok .r.total b{color:var(--np-ok)}
body.nv .nv-cpcard-ok .r.total{border-top:1px solid var(--np-line)}
body.nv .nv-cpcard-err{border:0;background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-bad)}

/* Lumen components still used by the other pages */
body.nv .lm-hero h1{font-size:23px;font-weight:800}
body.nv .lm-hero .sub{color:var(--np-ink-3)}
body.nv .lm-quick .q,body.nv .lm-actions a{background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-sm)}
body.nv .lm-quick .ic,body.nv .lm-actions a i{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv .lm-paygrid{gap:14px}
body.nv .lm-pay{min-height:60px;border:0;border-radius:var(--np-r-md);background:var(--np-convex);box-shadow:var(--np-out-sm);color:var(--np-ink);backdrop-filter:none;transform:none}
body.nv .lm-pay:hover{transform:translateY(-1px);box-shadow:var(--np-out-sm)}
body.nv .lm-pay.active{background:var(--np-concave);box-shadow:var(--np-in-sm);border:0}
body.nv .lm-pay .fi{background:var(--np-base);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv .lm-pay .ck{border:0;background:var(--np-base-2);box-shadow:var(--np-in-xs)}
body.nv .lm-pay.active .ck{background:var(--np-acc);box-shadow:var(--np-led)}
body.nv .lm-tl::before{background:var(--np-base-2);box-shadow:var(--np-in-xs);width:4px;left:6px}
body.nv .lm-tl-item{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body.nv .lm-tl-item::before{background:var(--np-base);border:0;box-shadow:var(--np-out-xs),inset 0 0 0 4px var(--np-acc)}
body.nv .lm-tl-item.in::before{box-shadow:var(--np-out-xs),inset 0 0 0 4px var(--np-ok)}
body.nv .lm-tl-item.out::before{box-shadow:var(--np-out-xs),inset 0 0 0 4px var(--np-bad)}
body.nv .lm-msg.them .bub{background:var(--np-base);border:0;box-shadow:var(--np-out-xs);color:var(--np-ink)}
body.nv .lm-msg.me .bub{background:var(--np-acc-fill);color:#fff;box-shadow:var(--np-out-xs)}
body.nv .lm-msg .av{background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2)}
body.nv .lm-profile{background:var(--np-base);color:var(--np-ink);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg)}
body.nv .lm-profile::after{display:none}
body.nv .lm-profile .av{background:var(--np-concave);border:0;box-shadow:var(--np-in-sm);color:var(--np-acc-ink)}
body.nv .lm-profile .em{color:var(--np-ink-3);opacity:1}
body.nv .lm-profile .nm{color:var(--np-ink)}
body.nv .lm-av-cam{background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-acc-ink)}
body.nv .lm-av-rm{background:var(--np-convex);border:0;box-shadow:var(--np-out-xs);color:var(--np-ink-2)}
body.nv .svc-spd i{font-size:10px}
body.nv .lm-empty .ic{background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-ink-3)}
body.nv .lm-prog{background:var(--np-base-2);box-shadow:var(--np-in-xs);height:10px;padding:2px}
body.nv .lm-prog>span{background:var(--np-acc-fill);box-shadow:0 0 6px color-mix(in srgb,var(--np-acc) 55%,transparent)}
body.nv .lm-prog.done>span{background:linear-gradient(90deg,var(--np-ok),color-mix(in srgb,var(--np-ok) 70%,#fff));box-shadow:none}
body.nv .lm-skel{background:var(--np-base-2)}
body.nv .lm-code{border-radius:var(--np-r-md)}

/* ---------- 5. page harmonisation (inline page blocks read the tokens above) ---------- */
body.nv .ost{box-shadow:var(--np-in-xs);background:var(--np-base)}
body.nv .ost.s-ok{color:var(--np-ok);background:var(--np-base)}
body.nv .ost.s-warn{color:var(--np-warn);background:var(--np-base)}
body.nv .ost.s-info{color:var(--np-info);background:var(--np-base)}
body.nv .ost.s-bad{color:var(--np-bad);background:var(--np-base)}
body.nv .ost.s-mut{color:var(--np-ink-3)}
body.nv .ord-filters{background:var(--np-base);top:84px}
body.nv .ord-filters a{background:var(--np-convex);color:var(--np-ink-2);box-shadow:var(--np-out-xs)}
body.nv .ord-filters a.active{background:var(--np-concave);color:var(--np-acc-ink);box-shadow:var(--np-in-xs)}
body.nv .ord-svc .svc-l,body.nv .svc-rate,body.nv .dw-h .lnk,body.nv .ord-id .oid-copy:hover{color:var(--np-acc-ink)}
body.nv .ord-acts .nv-btn.soft,body.nv .ord-acts a.nv-btn.soft{background:var(--np-convex)!important;color:var(--np-ok)!important}
body.nv .ord-acts .nv-btn.danger,body.nv .ord-acts a.nv-btn.danger{background:var(--np-convex)!important;color:var(--np-bad)!important}
body.nv .ord-cpy.done,body.nv .ord-cpy-ic.done,body.nv .ord-id .oid-copy.done{color:var(--np-ok)}
body.nv .ord-id .api{background:var(--np-acc-fill)}
body.nv .ord-svc .svc-sid{color:var(--np-acc-ink)!important;background:var(--np-base)!important;box-shadow:var(--np-in-xs)}
body.nv .nv-bulkbar{background:var(--np-base);box-shadow:var(--np-out-lg);border:1px solid var(--np-edge)}
body.nv .nv-bulkbar .nv-btn.danger{color:var(--np-bad)}
body.nv .svc-cat{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:var(--np-r-lg)!important;box-shadow:var(--np-out-lg)!important;border:1px solid var(--np-edge)!important}
body.nv .svc-cat-ic,body.nv .svc-head h1 i,body.nv .svc-head h2 i{background:var(--np-concave)!important;box-shadow:var(--np-in-xs)!important;color:var(--np-acc-ink)!important}
body.nv .svc-cat-ic i{color:var(--np-acc-ink)!important}
body.nv .svc-spd{color:var(--np-ok);background:var(--np-base);box-shadow:var(--np-in-xs)}
body.nv .svc-table tr.svc-row:hover td{background:color-mix(in srgb,var(--np-base-2) 70%,transparent)}
body.nv .svc-table .nv-btn.soft{background:var(--np-acc-fill);color:#fff}
body.nv .cdd-btn{border:0;background:var(--np-convex);box-shadow:var(--np-out-xs);border-radius:var(--np-r-md);min-height:46px}
body.nv .cdd.open .cdd-btn{box-shadow:var(--np-in-xs)}
body.nv .cdd-menu{background:var(--np-base);border:1px solid var(--np-edge);border-radius:20px;box-shadow:var(--np-out-lg)}
body.nv .cdd-search{background:var(--np-base)}
body.nv .cdd-search input{background:var(--np-base-2);border:0;box-shadow:var(--np-in-xs);border-radius:12px}
body.nv .cdd-opt:hover,body.nv .cdd-opt.hi{background:var(--np-concave);box-shadow:var(--np-in-xs)}
body.nv .cdd-opt[aria-selected="true"]{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-ink)}
body.nv .svc-cur{background:var(--np-convex);box-shadow:var(--np-out-xs)}
body.nv .svc-cur i{color:var(--np-acc-ink)}
body.nv .svc-cur select{background:transparent!important;box-shadow:none!important;border:0!important;background-image:none!important;padding-right:4px!important;min-height:0}
body.nv .nv-2fa{box-shadow:var(--np-in-xs)}
body.nv .nv-content *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.nv .tx-wrap{overflow-x:auto;border:1px solid var(--np-edge)}
body.nv .txd{background:var(--np-base);border-left:1px solid var(--np-edge);box-shadow:none;visibility:hidden;transition:transform .25s var(--np-ease),visibility 0s linear .25s}
body.nv .txd.open{visibility:visible;box-shadow:var(--np-out-xl);transition:transform .25s var(--np-ease),visibility 0s}
body.nv .txd-ov{background:var(--np-scrim)}

/* ---------- 6. floaters kept above the dock / hidden under an open drawer ---------- */
body.nv #drFab{background:var(--np-base);border:1px solid var(--np-edge);border-radius:22px;box-shadow:var(--np-out);color:var(--np-ink)}
body.nv #drFab .drf-ic{border:0;border-radius:14px;background:var(--np-acc-fill);color:#fff;box-shadow:var(--np-acc-glow);font-size:17px}
body.nv #drFab .drf-dot{border:2px solid var(--np-base);border-radius:50%;width:14px;height:14px;top:-4px;right:-4px;transform:none;box-shadow:var(--np-led)}
body.nv #drOv{background:var(--np-scrim)}
body.nv #drOv .dr-card{background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-xl);border-radius:30px!important}
body.nv .dr-top{background:var(--np-concave);color:var(--np-ink);box-shadow:var(--np-in-sm);margin:14px 0 16px;border-radius:22px!important}
body.nv .dr-top,body.nv .dr-top .n,body.nv .dr-top .l,body.nv .dr-hd,body.nv .dr-hd b,body.nv .dr-hd small{color:var(--np-ink)}
body.nv .dr-flame .fi{background:var(--np-convex);box-shadow:var(--np-out-xs);border-radius:50%;color:var(--np-acc-ink);font-size:22px}
body.nv .dr-x{background:var(--np-convex)!important;color:var(--np-ink-2);box-shadow:var(--np-out-xs)}
body.nv .dr-step,body.nv .dr-day,body.nv .dr-reward{border:0;border-radius:18px;background:var(--np-base);box-shadow:var(--np-out-xs);transform:none}
body.nv .dr-step.done,body.nv .dr-day.claimed{background:var(--np-concave);box-shadow:var(--np-in-xs)}
body.nv .dr-step .ck{border:0;border-radius:50%;background:var(--np-base-2);box-shadow:var(--np-in-xs)}
body.nv .dr-step.done .ck{background:var(--np-ok);color:#fff}
body.nv .dr-bar{border:0;border-radius:99px;background:var(--np-base-2);box-shadow:var(--np-in-xs);padding:3px;height:14px}
body.nv .dr-bar i{border-radius:99px;background:var(--np-acc-fill)}
body.nv .dr-reward .rw-ic{border:0;border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-acc-ink)}
body.nv .dr-claim{border:0;border-radius:18px;background:var(--np-acc-fill);box-shadow:var(--np-out-sm),var(--np-acc-glow)}
body.nv .dr-claim[disabled]{background:var(--np-concave);color:var(--np-ink-3);box-shadow:var(--np-in-xs)}
body.nv .dr-day.today{background:var(--np-acc-fill);color:#fff;box-shadow:var(--np-out-xs),var(--np-acc-glow)}
body.nv .dr-toast{background:var(--np-base);color:var(--np-ink);border:1px solid var(--np-edge);border-radius:18px;box-shadow:var(--np-out-lg)}
body.nv .dr-lost button{border:0;border-radius:16px;background:var(--np-acc-fill);box-shadow:var(--np-out-sm)}
body.nv.nv-drawer #drFab,body.nv.nv-drawer #swBtn,body.nv.nv-drawer #swPanel{visibility:hidden}
body.nv #swPanel{background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-xl);border-radius:26px}
body.nv .sw-body{background:var(--np-base-2)}
body.nv .sw-foot,body.nv .sw-hint,body.nv .sw-prev{background:var(--np-base)}
body.nv .sw-foot input{background:var(--np-base-2);border:0;box-shadow:var(--np-in-xs);border-radius:14px}
body.nv .sw-out{background:var(--np-base);border:0;box-shadow:var(--np-out-xs)}
body.nv #swBubble{background:var(--np-base);border:1px solid var(--np-edge);color:var(--np-ink);box-shadow:var(--np-out);-webkit-backdrop-filter:none;backdrop-filter:none}
body.nv #swBubble::after{background:var(--np-base);border-color:var(--np-edge)}

/* popup news modal */
body.nv .nv-news-ov{background:var(--np-scrim);backdrop-filter:none}
body.nv .nv-news-modal{background:var(--np-base);border:1px solid var(--np-edge);border-radius:30px;box-shadow:var(--np-out-xl)}
body.nv .nv-news-ic{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv .nv-news-body{color:var(--np-ink-2)}

/* promo slots + CMS blocks */
body.nv .nv-cms{color:var(--np-ink-2)}

/* ---------- 7. mobile shell : drawer, compact top bar, soft pill dock ---------- */
@media(max-width:860px){
	body.nv .nv-sidebar{top:10px;left:10px;bottom:10px;width:min(86vw,340px);border-radius:28px;transform:translateX(calc(-100% - 28px));visibility:hidden;transition:transform .26s var(--np-ease),visibility 0s linear .26s;z-index:60}
	body.nv.nv-drawer .nv-sidebar{transform:none;visibility:visible;box-shadow:var(--np-out-xl);transition:transform .26s var(--np-ease),visibility 0s}
	body.nv.nv-drawer .nv-scrim{display:block;z-index:59;background:var(--np-scrim)}
	body.nv .nv-scrim{background:var(--np-scrim)}
	body.nv .lm-collapse-btn,body.nv #lmCollapse{display:none!important}
	body.nv .nv-brand{padding:20px 64px 12px 20px}
	body.nv .nv-brand img{max-width:200px;max-height:40px}
	.npx-drawer-x{display:grid;place-items:center;position:absolute;top:16px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink-2);font-size:16px;cursor:pointer;z-index:3}
	.npx-drawer-x:active{box-shadow:var(--np-in-xs)}
	body.nv .nv-shell{margin-left:0}
	body.nv .nv-topbar{min-height:74px;padding:10px 20px 8px 20px;gap:8px}
	body.nv .nv-topbar::before{left:10px;right:10px;top:10px;bottom:8px;border-radius:22px}
	body.nv .nv-burger,body.nv #nvBurger{display:inline-grid}
	body.nv main.nv-content{padding:8px 12px 40px;margin:0 auto}
	body.nv .ord-filters{top:74px}
}
@media(max-width:700px){
	body.nv main.nv-content{padding-bottom:118px}
	body.nv .nv-bottomnav{display:flex;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:70px;padding:8px 8px;gap:4px;align-items:center;border-radius:26px;background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg),0 -2px 18px -8px rgba(0,0,0,.12);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:58}
	body.nv .nv-bottomnav a{flex:1;min-width:0;height:54px;padding:0 2px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--np-ink-2);font-size:10.5px;font-weight:750;letter-spacing:.01em;white-space:nowrap;background:transparent}
	body.nv .nv-bottomnav a i{font-size:17px;color:var(--np-ink-3)}
	body.nv .nv-bottomnav a.active{background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-ink)}
	body.nv .nv-bottomnav a.active i{color:var(--np-acc-ink)}
	body.nv .nv-bottomnav a.active::after{content:"";position:absolute;top:6px;bottom:auto;left:50%;width:4px;height:4px;border-radius:50%;transform:translateX(-50%);background:var(--np-acc);box-shadow:0 0 6px 1px color-mix(in srgb,var(--np-acc) 70%,transparent)}
	body.nv .nv-bottomnav a{position:relative}
	body.nv .nv-bottomnav .nv-bn-plus{flex:0 0 62px;width:62px;height:62px;margin:-30px 2px 0;border-radius:50%;background:var(--np-acc-fill);color:#fff;border:5px solid var(--np-base);box-shadow:var(--np-out-sm),var(--np-acc-glow);display:grid;place-items:center}
	body.nv .nv-bottomnav .nv-bn-plus i{color:#fff;font-size:20px}
	body.nv .nv-bottomnav a.nv-bn-plus.active{background:var(--np-acc-fill);box-shadow:var(--np-press),var(--np-acc-glow);color:#fff}
	body.nv .nv-bottomnav .nv-bn-plus.active::after{display:none}
	body.nv .nv-bottomnav .nv-bn-plus.active i{color:#fff}
	body.nv #drFab{bottom:96px;left:12px;right:auto}
}
@media(min-width:701px){ body.nv .nv-bottomnav{display:none} }
@media(max-width:560px){
	body.nv .nv-topbar .nv-top-right{gap:5px}
	body.nv .nv-icon-btn,body.nv #nvBurger{width:38px;height:38px;font-size:14px}
	body.nv .nv-pill{height:38px;padding:0 11px;font-size:12.5px;gap:7px}
	body.nv .nv-topbar .nv-cur-hl i{display:none}
	body.nv .nv-page-title{font-size:15.5px}
	body.nv .nv-card{padding:18px;border-radius:22px}
	body.nv .nv-dd-menu{position:fixed;left:12px;right:12px;top:74px;min-width:0}
}
@media(max-width:380px){
	body.nv #nvLang{display:none}
}

/* ============================================================================
   8. NEW ORDER = the control panel  (npx-*)
   ========================================================================== */
.npx-cockpit{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:24px;margin:4px 0 26px;align-items:stretch}
.npx-wallet-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:22px;border-radius:var(--np-r-xl);background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg)}
.npx-dial.npx-dial--lg{--sz:168px;--gv:12px}
.npx-dial--lg .npx-dial-face{inset:34px}
.npx-dial--lg .npx-dial-face .l{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink-3)}
.npx-dial--lg .npx-dial-face .v{display:block;font-size:17px;font-weight:800;color:var(--np-ink);letter-spacing:-.02em;line-height:1.15;margin-top:3px;max-width:88px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.npx-dial--lg .npx-dial-face .v.npx-len-l{font-size:14px}
.npx-dial--lg .npx-dial-face .v.npx-len-xl{font-size:12px}
.npx-dial-tick{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--np-ink-3) 38%,transparent) 0 1deg,transparent 1deg 15deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 3px),transparent calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 3px),transparent calc(100% - 2px));opacity:.7}
.npx-wallet-info{min-width:0;display:flex;flex-direction:column;gap:10px}
.npx-wallet-info .npx-btn{align-self:flex-start;min-width:150px}
.npx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink-3)}
.npx-led{width:8px;height:8px;border-radius:50%;flex:none;background:var(--np-acc);box-shadow:var(--np-led)}
.npx-led.ok{background:var(--np-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--np-ok) 16%,transparent),0 0 10px 1px color-mix(in srgb,var(--np-ok) 60%,transparent)}
.npx-wallet-lvl{font-size:13px;font-weight:700;color:var(--np-ink-2);line-height:1.4}
.npx-wallet-lvl b{color:var(--np-ink);font-weight:800}
.npx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:var(--np-r-md);background:var(--np-convex);box-shadow:var(--np-out-sm);color:var(--np-ink);font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;text-decoration:none;transition:transform .15s var(--np-ease)}
.nv a.npx-btn{color:var(--np-ink)}
.npx-btn:hover{transform:translateY(-1px)}
.npx-btn:active{transform:scale(.98);box-shadow:var(--np-in-xs)}
.npx-btn i{color:var(--np-acc-ink)}
.npx-btn.pri,.nv a.npx-btn.pri{background:var(--np-acc-fill);color:#fff;box-shadow:var(--np-out-sm),var(--np-acc-glow)}
.npx-btn.pri i{color:#fff}
.npx-btn.pri:active{box-shadow:var(--np-press)}

.npx-cockpit-r{min-width:0;display:flex;flex-direction:column;gap:18px;justify-content:center}
.npx-hello h1{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0;overflow-wrap:anywhere}
.npx-hello p{margin:6px 0 0;color:var(--np-ink-3);font-size:14px;line-height:1.5;max-width:620px}
.npx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.npx-kpi{position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:15px 16px;border-radius:22px;background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out);color:var(--np-ink);text-decoration:none;transition:transform .16s var(--np-ease)}
a.npx-kpi:hover{transform:translateY(-2px)}
a.npx-kpi:active{transform:none;box-shadow:var(--np-in-sm)}
.nv a.npx-kpi{color:var(--np-ink)}
.npx-kpi .npx-dial{--sz:52px;--gv:5px}
.npx-kpi .npx-dial-face{inset:14px}
.npx-kpi .npx-dial-face i{font-size:11px}
.npx-well{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-acc-ink);font-size:16px}
.npx-dial--lg .npx-dial-face .l{display:block}
.npx-kpi-t{min-width:0;display:flex;flex-direction:column;gap:3px}
.npx-kpi .k{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--np-ink-3);white-space:nowrap}
.npx-kpi .v{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--np-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.npx-kpi .s{font-size:11.5px;font-weight:650;color:var(--np-ink-3);line-height:1.3}

/* order deck : composer + instrument readout */
body.nv .npx-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,380px);gap:26px;align-items:start;margin-top:6px;scroll-margin-top:96px}
.npx-composer{min-width:0;padding:26px;border-radius:var(--np-r-xl);background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg)}
.npx-comp-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.npx-comp-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--np-concave);box-shadow:var(--np-in-sm);color:var(--np-acc-ink);font-size:18px}
.npx-comp-h>div:not(.npx-seg){flex:1 1 220px;min-width:0}
.npx-comp-h h3{font-size:19px;font-weight:800;margin:0;letter-spacing:-.02em}
.npx-comp-h .sub{display:block;font-size:12.5px;font-weight:600;color:var(--np-ink-3);margin-top:2px}
.npx-seg{margin-left:auto;display:inline-flex;gap:6px;padding:6px;border-radius:20px;background:var(--np-concave);box-shadow:var(--np-in-sm)}
.npx-seg .nv-tab{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:15px;background:transparent;color:var(--np-ink-2);font:inherit;font-weight:800;font-size:13px;cursor:pointer;box-shadow:none}
.npx-seg .nv-tab i{color:var(--np-ink-3)}
.npx-seg .nv-tab.active{background:var(--np-convex);color:var(--np-ink);box-shadow:var(--np-out-xs)}
.npx-seg .nv-tab.active i{color:var(--np-acc-ink)}
.npx-alert{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:var(--np-r-md);margin-bottom:18px;font-size:13.5px;font-weight:700;background:var(--np-concave);box-shadow:var(--np-in-xs)}
.npx-alert.err{color:var(--np-bad)}
.npx-alert.ok{color:var(--np-ok)}

/* progress rail : four indicator lights in a groove */
.npx-rail{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 20px;padding:8px;border-radius:18px;background:var(--np-concave);box-shadow:var(--np-in-xs)}
.npx-rail .neu-step{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 6px;border-radius:12px;font-size:12px;font-weight:800;color:var(--np-ink-3);white-space:nowrap;min-width:0;opacity:1}
.npx-rail .neu-step b{width:9px;height:9px;border-radius:50%;flex:none;font-size:0;background:var(--np-base-3);box-shadow:inset 1px 1px 2px var(--np-lo)}
.npx-rail .neu-step.on{color:var(--np-ink);background:var(--np-convex);box-shadow:var(--np-out-xs)}
.npx-rail .neu-step.on b{background:var(--np-acc);box-shadow:var(--np-led)}
.npx-rail .neu-step span{overflow:hidden;text-overflow:ellipsis}

/* search */
.npx-search{position:relative;margin-bottom:22px}
.npx-search>i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--np-ink-3);font-size:14px;pointer-events:none;z-index:2}
body.nv .npx-search>input{width:100%;height:54px;padding:0 18px 0 48px;border-radius:18px;font-size:14.5px}
body.nv .npx-search .nv-srch-menu,body.nv .nv-srch-menu{top:calc(100% + 8px);border:1px solid var(--np-edge);border-radius:20px;background:var(--np-base);box-shadow:var(--np-out-lg);padding:6px;animation:none}
body.nv .nv-srch-menu .r{border:0;border-radius:14px;padding:12px 14px}
body.nv .nv-srch-menu .r:hover{background:var(--np-concave);box-shadow:var(--np-in-xs)}
body.nv .nv-srch-menu .r .nm{color:var(--np-ink)}

.npx-fld{margin-bottom:20px}
.npx-fld>label,.npx-lbl{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--np-ink-3);margin-bottom:10px}
.npx-fld>label i{color:var(--np-acc-ink)}
body.nv .npx-fld .nv-select,body.nv .npx-fld textarea,body.nv .npx-fld input:not([type=checkbox]):not([type=radio]){width:100%;min-height:52px;padding:0 16px;border-radius:17px;font-size:14.5px}
body.nv .npx-fld textarea{padding:14px 16px;min-height:170px;resize:vertical;line-height:1.5}
.npx-hint{font-size:12px;color:var(--np-ink-3);margin-top:8px}
.npx-hint code,.npx-fld code{font-size:12px;padding:2px 7px;border-radius:8px;background:var(--np-base-2);box-shadow:var(--np-in-xs);color:var(--np-ink-2)}

/* platform keys : a row of round soft buttons, the active one pressed and lit */
.npx-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:14px 8px}
.npx-keys .sn-btn{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:4px 0 0;border:0;background:transparent;color:var(--np-ink-2);font:inherit;font-size:11.5px;font-weight:750;cursor:pointer;box-shadow:none}
.npx-keys .sn-btn .k{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--np-convex);box-shadow:var(--np-out-sm);font-size:20px;color:var(--np-ink);transition:transform .15s var(--np-ease)}
.npx-keys .sn-btn .k i{font-size:20px}
.npx-keys .sn-btn .t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npx-keys .sn-btn:hover .k{transform:translateY(-2px)}
.npx-keys .sn-btn.active{color:var(--np-ink)}
.npx-keys .sn-btn.active .k{background:var(--np-concave);box-shadow:var(--np-in-sm);transform:none}
.npx-keys .sn-btn.active .k::after{content:"";position:absolute;bottom:5px;left:50%;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:var(--np-acc);box-shadow:var(--np-led)}
.npx-keys .sn-btn.active .t{color:var(--np-acc-ink)}

/* category / service custom dropdowns */
body.nv .nv-catdd-btn{height:54px;padding:0 18px;border:1px solid transparent;border-radius:17px;background:var(--np-base-2);box-shadow:var(--np-in-sm);color:var(--np-ink);font-size:14.5px}
body.nv .nv-catdd-btn:hover{border-color:color-mix(in srgb,var(--np-acc) 30%,transparent)}
body.nv .nv-catdd.open .nv-catdd-btn{border-color:color-mix(in srgb,var(--np-acc) 62%,transparent);box-shadow:var(--np-in-sm),0 0 0 3px color-mix(in srgb,var(--np-acc) 18%,transparent)}
body.nv .nv-catdd-btn .ar{color:var(--np-ink-3)}
body.nv .nv-catdd-menu{top:calc(100% + 8px);border:1px solid var(--np-edge);border-radius:20px;background:var(--np-base);box-shadow:var(--np-out-lg);padding:8px;max-height:340px;animation:none}
body.nv .nv-catdd-menu .it{border-radius:14px;padding:11px 12px;color:var(--np-ink)}
body.nv .nv-catdd-menu .it:hover{background:var(--np-concave);box-shadow:var(--np-in-xs)}
body.nv #svcDDMenu .it .pr,body.nv #svcDDBtn .cur .pr{color:var(--np-ok);font-variant-numeric:tabular-nums}
body.nv #svcDD .sid,body.nv #svcDDBtn .sid{color:var(--np-ink)}

/* injected service fields */
body.nv #neworder_fields{color:var(--np-ink-2)}
body.nv #neworder_fields label,body.nv #neworder_fields .control-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--np-ink-3);margin-bottom:9px}
body.nv #neworder_fields input:not([type=checkbox]):not([type=radio]),body.nv #neworder_fields select{min-height:52px;border-radius:17px;padding:0 16px;margin-bottom:16px}
body.nv #neworder_fields textarea{border-radius:17px;padding:14px 16px;margin-bottom:16px}
body.nv #dripfeed{margin:4px 0 18px;border:0;border-radius:20px;background:var(--np-base);box-shadow:var(--np-out-sm);overflow:hidden}
body.nv #dripfeed .nv-drip-head{background:transparent;padding:14px 16px}
body.nv #dripfeed .nv-drip-head .ti b{color:var(--np-ink)}
body.nv #dripfeed .nv-drip-head .ti span{color:var(--np-ink-3)}
.nv #neworder_fields #dripfeedcheckbox{width:52px!important;height:30px!important;border-radius:99px!important;background:var(--np-base-2)!important;box-shadow:var(--np-in-xs)!important;flex:0 0 52px}
.nv #neworder_fields #dripfeedcheckbox::after{top:4px;left:4px;width:22px;height:22px;background:var(--np-convex);box-shadow:var(--np-out-xs);transition:transform .18s var(--np-ease)}
.nv #neworder_fields #dripfeedcheckbox:checked{background:var(--np-acc-fill)!important;box-shadow:var(--np-press)!important}
.nv #neworder_fields #dripfeedcheckbox:checked::after{transform:translateX(22px);background:#fff}
body.nv #dripfeed-options{padding:4px 16px 16px}
body.nv .nv #charge_div{display:none!important}

/* submit */
.npx-submit{width:100%;min-height:58px;border:0;border-radius:20px;background:var(--np-acc-fill);color:#fff;font:inherit;font-weight:800;font-size:15.5px;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--np-out-sm),var(--np-acc-glow);transition:transform .15s var(--np-ease)}
.npx-submit:hover{transform:translateY(-1px)}
.npx-submit:active{transform:scale(.99);box-shadow:var(--np-press)}
.npx-submit[disabled]{opacity:.6}

/* the instrument readout (order summary) */
body.nv .npx-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px;min-width:0}
.npx-readout{padding:20px;border-radius:var(--np-r-xl);background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out-lg)}
.npx-ro-h{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.npx-ro-h b{font-size:15px;font-weight:800;color:var(--np-ink)}
.npx-ro-h .tag{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink-3);padding:5px 10px;border-radius:99px;background:var(--np-base);box-shadow:var(--np-in-xs)}
.npx-screen{padding:18px 18px 16px;border-radius:22px;background:var(--np-base-2);box-shadow:var(--np-in);margin-bottom:12px}
.npx-screen .lbl{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--np-ink-3)}
.npx-screen .tot{display:block;margin-top:6px;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--np-acc-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.npx-screen .svc{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--np-line);font-size:13px;font-weight:700;color:var(--np-ink-2);line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.nv .npx-readout .nv-os{padding:0 4px}
body.nv .npx-readout .nv-os .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;font-size:13px;font-weight:650;color:var(--np-ink-3)}
body.nv .npx-readout .nv-os .row+.row{border-top:1px solid var(--np-line)}
body.nv .npx-readout .nv-os .row span{display:inline-flex;align-items:center;gap:7px;min-width:0}
body.nv .npx-readout .nv-os .row span i{color:var(--np-acc-ink);font-size:11px}
body.nv .npx-readout .nv-os .row b{color:var(--np-ink);font-weight:800;font-size:13.5px;text-align:right;max-width:62%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.npx-ro-note{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11.5px;color:var(--np-ink-3);font-weight:600;line-height:1.4}
.npx-ro-note i{color:var(--np-ok)}

/* live orders + news panels in the side column */
.npx-panel{padding:18px 18px 12px;border-radius:var(--np-r-lg);background:var(--np-base);border:1px solid var(--np-edge);box-shadow:var(--np-out)}
.npx-panel-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:800;color:var(--np-ink)}
.npx-panel-h i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink);font-size:13px}
.npx-panel-h a{margin-left:auto;font-size:12px;font-weight:800}
.npx-live{display:block;padding:11px 0;border-top:1px solid var(--np-line);text-decoration:none}
.npx-live:first-of-type{border-top:0}
.npx-live .r1{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.npx-live .nm{font-size:12.5px;font-weight:700;color:var(--np-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npx-live .pc{font-size:12px;font-weight:800;color:var(--np-ink-2);font-variant-numeric:tabular-nums}
.npx-groove{display:block;height:10px;border-radius:99px;background:var(--np-base-2);box-shadow:var(--np-in-xs);padding:2px;overflow:hidden}
.npx-groove>span{display:block;height:100%;border-radius:99px;background:var(--np-acc-fill);box-shadow:0 0 6px color-mix(in srgb,var(--np-acc) 50%,transparent);min-width:6px}
.npx-news-b{max-height:330px;overflow:auto;margin:0 -4px;padding:0 4px}
.npx-news-it{padding:12px 0;border-top:1px solid var(--np-line)}
.npx-news-it:first-child{border-top:0}
.npx-news-it .d{font-size:11px;font-weight:700;color:var(--np-ink-3);font-variant-numeric:tabular-nums}
.npx-news-it .t{font-weight:800;margin:3px 0;font-size:13.5px;color:var(--np-ink)}
.npx-news-it .c{font-size:12.5px;color:var(--np-ink-2);line-height:1.5;overflow-wrap:anywhere}

/* dashboard widgets below the deck */
body.nv .dw{margin:30px 0 0}
body.nv .dw-h h3{font-size:16px;font-weight:800;color:var(--np-ink)}
body.nv .dw-h h3 i{color:var(--np-acc-ink)!important}
body.nv .svc-card,body.nv .ao-card,body.nv .tx-card,body.nv .rr-card,body.nv .live-c,body.nv .trust-c,body.nv .cat-card{background:var(--np-base);border:1px solid var(--np-edge);border-radius:22px;box-shadow:var(--np-out-sm)}
body.nv .svc-card:hover,body.nv .cat-card:hover{border-color:var(--np-edge);transform:translateY(-2px)}
body.nv .svc-card .go{background:var(--np-acc-fill);border-radius:13px;box-shadow:var(--np-acc-glow)}
body.nv .svc-card .pr{color:var(--np-ink)}
body.nv .svc-fav{color:var(--np-ink-3)}
body.nv .svc-fav.on{color:#B7791F}
body.nv .deal-card{background:var(--np-base);color:var(--np-ink);border:1px solid var(--np-edge);border-radius:26px;box-shadow:var(--np-out-lg)}
body.nv .deal-card .lbl{color:var(--np-acc-ink);opacity:1}
body.nv .deal-card .code{background:var(--np-base-2);border:1px dashed var(--np-line);box-shadow:var(--np-in-xs);color:var(--np-ink)}
body.nv .deal-card .cd div{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-ink)}
body.nv .cpn{background:var(--np-base);border:0;box-shadow:var(--np-out-xs);border-radius:18px}
body.nv .cpn .ic{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv .cpn .cp-code{background:var(--np-base-2);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv #ppBalNudge.on{background:var(--np-base);border:1px solid var(--np-edge);border-radius:22px;box-shadow:var(--np-out)}
body.nv #ppBalNudge .ic{background:var(--np-concave);box-shadow:var(--np-in-xs);color:var(--np-acc-ink)}
body.nv #ppBalNudge .go{background:var(--np-acc-fill);box-shadow:var(--np-acc-glow);border-radius:14px}
body.nv #ppBalNudge .tx b{color:var(--np-ink)}
body.nv #ppBalNudge .tx span{color:var(--np-ink-3)}

/* mass order result panel + the mobile mini readout */
body.nv .ppm-panel{border:0;border-radius:22px;background:var(--np-base);box-shadow:var(--np-out)}
body.nv .ppm-body{background:transparent}
body.nv .ppm-stat{border:0;border-radius:14px;background:var(--np-concave);box-shadow:var(--np-in-xs)}
body.nv .ppm-btn{border:0;border-radius:14px;background:var(--np-convex);box-shadow:var(--np-out-xs);color:var(--np-ink)}
body.nv .ppm-btn.pri{background:var(--np-acc-fill);color:#fff}
body.nv #lmMini{border:0;border-radius:20px;background:var(--np-base-2);box-shadow:var(--np-in-sm);margin:2px 0 18px}
body.nv #lmMini .mi+.mi{border-left:1px dashed var(--np-line)}
body.nv #lmMini .l{color:var(--np-ink-3)}
body.nv #lmMini .sp b,body.nv #lmMini .l i{color:var(--np-ok)}
body.nv #lmMini .ch b,body.nv #lmMini .ch .l i{color:var(--np-acc-ink)}

/* responsive control panel */
@media(max-width:1600px){
	.npx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
	body.nv .npx-deck{grid-template-columns:minmax(0,1fr)}
	body.nv .npx-side{position:static}
	.npx-cockpit{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
	.npx-cockpit{gap:18px;margin-bottom:20px}
	.npx-wallet-card{padding:18px;gap:18px;border-radius:28px}
	.npx-hello h1{font-size:22px}
	.npx-composer{padding:20px 16px;border-radius:28px}
	.npx-readout{border-radius:28px}
}
@media(max-width:560px){
	.npx-cockpit{gap:14px}
	.npx-cockpit-r{display:contents}
	.npx-hello{order:-1}
	.npx-kpis{order:2}
	.npx-kpi .npx-dial{--sz:46px;--gv:4px}
	.npx-kpi .npx-dial-face{inset:12px}
	.npx-kpi .npx-well{width:46px;height:46px;font-size:14px}
	.npx-kpi .k{font-size:9.5px;letter-spacing:.08em}
	.npx-kpi .s{font-size:10.5px}
	.npx-hello h1{font-size:20px}
	.npx-hello p{font-size:12.5px}
	.npx-wallet-card{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px}
	.npx-dial.npx-dial--lg{--sz:132px;--gv:10px}
	.npx-dial--lg .npx-dial-face{inset:27px}
	.npx-dial--lg .npx-dial-face .v{font-size:14px;max-width:70px}
	.npx-dial--lg .npx-dial-face .v.npx-len-l{font-size:12px}
	.npx-dial--lg .npx-dial-face .v.npx-len-xl{font-size:10.5px}
	.npx-kpis{gap:12px}
	.npx-kpi{gap:10px;padding:12px;border-radius:20px}
	.npx-kpi .v{font-size:16px}
	.npx-comp-h{gap:12px;margin-bottom:16px}
	.npx-comp-ic{display:none}
	.npx-comp-h h3{font-size:17px}
	.npx-seg{margin-left:0;width:100%}
	.npx-seg .nv-tab{flex:1;justify-content:center;padding:0 10px}
	.npx-rail .neu-step{font-size:10.5px;gap:6px;padding:0 3px}
	.npx-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px}
	.npx-keys .sn-btn .k{width:50px;height:50px}
	.npx-screen .tot{font-size:28px}
}
@media(max-width:360px){
	.npx-rail .neu-step span{display:none}
	.npx-keys .sn-btn .k{width:46px;height:46px}
}

/* ---------- 9. motion discipline ---------- */
@media (prefers-reduced-motion:reduce){
	.nv *,.nv *::before,.nv *::after{animation:none!important;transition:none!important}
}

/* asset-rev db8b7fb92b9078896e830d20cf32296e */
:root{--asset-rev:"db8b7fb92b9078896e830d20cf32296e"}