/* DMMO glass / fading-black pass v1 — subtle lift, keep identity */
.bg-ink-950{background-color:rgb(13 15 13 / var(--tw-bg-opacity, 1))}
.bg-ink-950\/80{background-color:rgb(13 15 13 / .8)}
.bg-ink-950\/85{background-color:rgb(13 15 13 / .85)}
.bg-ink-950\/90{background-color:rgb(13 15 13 / .9)}
.bg-ink-900{background-color:rgb(19 22 19 / var(--tw-bg-opacity, 1))}
.bg-ink-800{background-color:rgb(30 34 30 / var(--tw-bg-opacity, 1))}
.glass-card,.glass-card-interactive{
  border-color:#f5f5f51f;
  background-color:#ffffff10;
  box-shadow:0 8px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06);
}
.glass-card-interactive:hover{border-color:#00c85380;box-shadow:0 12px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08)}
.section-band{background-color:#15181566;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

/* grid-cols-1 utility missing from JIT build — required by eSIM mobile grids */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}

/* ===== DMMO dark-blue refinement v3 (2026-08-31) — dark luxury, blue = brand signal ===== */
:root{
  --background: 222 47% 6%; --card: 221 38% 9%; --popover: 221 38% 9%;
  --secondary: 221 38% 9%; --muted: 220 30% 13%; --accent: 220 30% 13%;
  --input: 220 30% 13%;
  --primary: 221 83% 53%; --primary-foreground: 0 0% 98%;
  --ring: 221 83% 53%;
  --sidebar-background: 222 40% 7%; --sidebar-primary: 221 83% 53%;
  --sidebar-primary-foreground: 0 0% 98%; --sidebar-accent: 220 30% 13%;
  --sidebar-border: 220 30% 13%; --sidebar-ring: 221 83% 53%;
}
body{background-color:rgb(9 13 24 / var(--tw-bg-opacity, 1))}
.bg-ink-950{background-color:rgb(9 13 24 / var(--tw-bg-opacity, 1))}
.bg-ink-950\/80{background-color:rgb(9 13 24 / .8)}
.bg-ink-950\/85{background-color:rgb(9 13 24 / .85)}
.bg-ink-950\/90{background-color:rgb(9 13 24 / .9)}
.bg-ink-900{background-color:rgb(13 19 34 / var(--tw-bg-opacity, 1))}
.bg-ink-850{background-color:rgb(17 24 42 / var(--tw-bg-opacity, 1))}
.bg-ink-800{background-color:rgb(24 32 54 / var(--tw-bg-opacity, 1))}
::-webkit-scrollbar-track{background:#090d18}
::-webkit-scrollbar-thumb{background:#1c2740}
::-moz-selection{background:#2563eb59;color:#f5f5f5}
::selection{background:#2563eb59;color:#f5f5f5}
.glass-card-interactive:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#2563eb66}
.btn-primary{display:inline-flex;height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) + 4px);--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding-left:1.25rem;padding-right:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.btn-ghost:hover{border-color:#2563eb80;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.input-dark:focus{border-color:#2563eb99;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .2)}
.mono-block{border-radius:calc(var(--radius) + 4px);border-width:1px;border-color:#f5f5f514;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));padding:.75rem;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5rem;color:#93c5fde6}
.divider-glow{height:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position)}
.hero-glow{background:radial-gradient(60% 50% at 50% 0%,rgba(37,99,235,.14),transparent 70%)}
0%,to{box-shadow:0 0 #2563eb73}
50%{box-shadow:0 0 0 14px #2563eb00}
.border-brand-500{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.border-brand-500\/30{border-color:#2563eb4d}
.border-brand-500\/40{border-color:#2563eb66}
.border-brand-500\/50{border-color:#2563eb80}
.border-brand-500\/60{border-color:#2563eb99}
.bg-brand-500{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.bg-brand-500\/10{background-color:#2563eb1a}
.bg-brand-500\/15{background-color:#2563eb26}
.bg-brand-500\/30{background-color:#2563eb4d}
.bg-brand-500\/60{background-color:#2563eb99}
.bg-brand-500\/\[0\.06\]{background-color:#2563eb0f}
.bg-brand-500\/\[0\.07\]{background-color:#2563eb12}
.bg-brand-500\/\[0\.08\]{background-color:#2563eb14}
.bg-brand-deep{--tw-bg-opacity: 1;background-color:rgb(15 28 56 / var(--tw-bg-opacity, 1))}
.bg-brand-deep\/40{background-color:#0f1c3866}
.bg-brand-deep\/50{background-color:#0f1c3880}
.bg-brand-deep\/60{background-color:#0f1c3899}
.bg-mint-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}
.via-brand-500\/50{--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.text-brand-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.text-brand-500{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-mint-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.text-mint-300\/60{color:#93c5fd99}
.text-mint-300\/90{color:#93c5fde6}
.decoration-brand-500\/50{text-decoration-color:#2563eb80}
.shadow-\[0_0_24px_rgba\(0\,200\,83\,0\.2\)\]{--tw-shadow: 0 0 24px rgba(37,99,235,.2);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_24px_rgba\(0\,200\,83\,0\.35\)\]{--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_40px_rgba\(0\,200\,83\,0\.45\)\]{--tw-shadow: 0 0 40px rgba(37,99,235,.45);--tw-shadow-colored: 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_8px_rgba\(0\,200\,83\,0\.8\)\]{--tw-shadow: 0 0 8px rgba(37,99,235,.8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.ring-brand-500\/40{--tw-ring-color: rgb(37 99 235 / .4)}
.focus-within\:border-brand-500\/60:focus-within{border-color:#2563eb99}
.focus-within\:ring-brand-500\/20:focus-within{--tw-ring-color: rgb(37 99 235 / .2)}
.hover\:border-brand-500:hover{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.hover\:border-brand-500\/40:hover{border-color:#2563eb66}
.hover\:border-brand-500\/50:hover{border-color:#2563eb80}
.hover\:bg-brand-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.hover\:bg-brand-500\/10:hover{background-color:#2563eb1a}
.hover\:bg-brand-500\/20:hover{background-color:#2563eb33}
.hover\:text-brand-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.hover\:text-mint-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.hover\:decoration-brand-500:hover{text-decoration-color:#2563eb}
.group:hover .group-hover\:text-mint-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.data-\[state\=active\]\:bg-brand-500[data-state=active]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:bg-brand-500\/15[data-state=active]{background-color:#2563eb26}
.data-\[state\=checked\]\:bg-brand-500[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:text-mint-300[data-state=active]{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.data-\[state\=active\]\:shadow-brand-glow[data-state=active]{--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.data-\[state\=active\]\:shadow-brand-glow[data-state=active]{--tw-shadow-color: rgba(37,99,235,.35);--tw-shadow: var(--tw-shadow-colored)}
/* white text on blue primary buttons */
.btn-primary{--tw-text-opacity:1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}
/* details (currently-unavailable) polish */
details>summary{list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary::after{content:"+";float:right;color:#93c5fd;font-weight:700}
details[open]>summary::after{content:"–"}
details[open]{border-color:#2563eb4d}

/* main-tailwind green->blue clones (v4) */
::-moz-selection{background:#2563eb59;color:#f5f5f5}
::selection{background:#2563eb59;color:#f5f5f5}
.glass-card-interactive:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#2563eb66}
.btn-primary{display:inline-flex;height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) + 4px);--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding-left:1.25rem;padding-right:1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(10 10 10 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.btn-ghost:hover{border-color:#2563eb80;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.input-dark:focus{border-color:#2563eb99;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(37 99 235 / .2)}
.mono-block{border-radius:calc(var(--radius) + 4px);border-width:1px;border-color:#f5f5f514;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));padding:.75rem;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5rem;color:#93c5fde6}
.divider-glow{height:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position)}
.hero-glow{background:radial-gradient(60% 50% at 50% 0%,rgba(37,99,235,.14),transparent 70%)}
.border-brand-500{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.border-brand-500\/30{border-color:#2563eb4d}
.border-brand-500\/40{border-color:#2563eb66}
.border-brand-500\/50{border-color:#2563eb80}
.border-brand-500\/60{border-color:#2563eb99}
.bg-brand-500{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.bg-brand-500\/10{background-color:#2563eb1a}
.bg-brand-500\/15{background-color:#2563eb26}
.bg-brand-500\/30{background-color:#2563eb4d}
.bg-brand-500\/60{background-color:#2563eb99}
.bg-brand-500\/\[0\.06\]{background-color:#2563eb0f}
.bg-brand-500\/\[0\.07\]{background-color:#2563eb12}
.bg-brand-500\/\[0\.08\]{background-color:#2563eb14}
.bg-brand-deep{--tw-bg-opacity: 1;background-color:rgb(15 28 56 / var(--tw-bg-opacity, 1))}
.bg-brand-deep\/40{background-color:#0f1c3866}
.bg-brand-deep\/50{background-color:#0f1c3880}
.bg-brand-deep\/60{background-color:#0f1c3899}
.bg-mint-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}
.via-brand-500\/50{--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.text-brand-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.text-brand-500{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-mint-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.text-mint-300\/60{color:#93c5fd99}
.text-mint-300\/90{color:#93c5fde6}
.decoration-brand-500\/50{text-decoration-color:#2563eb80}
.shadow-\[0_0_24px_rgba\(0\,200\,83\,0\.2\)\]{--tw-shadow: 0 0 24px rgba(37,99,235,.2);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_24px_rgba\(0\,200\,83\,0\.35\)\]{--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_40px_rgba\(0\,200\,83\,0\.45\)\]{--tw-shadow: 0 0 40px rgba(37,99,235,.45);--tw-shadow-colored: 0 0 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-\[0_0_8px_rgba\(0\,200\,83\,0\.8\)\]{--tw-shadow: 0 0 8px rgba(37,99,235,.8);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.ring-brand-500\/40{--tw-ring-color: rgb(37 99 235 / .4)}
.drop-shadow-\[0_0_12px_rgba\(123\,214\,155\,0\.35\)\]{--tw-drop-shadow: drop-shadow(0 0 12px rgba(147,197,253,.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.drop-shadow-\[0_0_18px_rgba\(123\,214\,155\,0\.35\)\]{--tw-drop-shadow: drop-shadow(0 0 18px rgba(147,197,253,.35));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.focus-within\:border-brand-500\/60:focus-within{border-color:#2563eb99}
.focus-within\:ring-brand-500\/20:focus-within{--tw-ring-color: rgb(37 99 235 / .2)}
.hover\:border-brand-500:hover{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}
.hover\:border-brand-500\/40:hover{border-color:#2563eb66}
.hover\:border-brand-500\/50:hover{border-color:#2563eb80}
.hover\:bg-brand-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}
.hover\:bg-brand-500\/10:hover{background-color:#2563eb1a}
.hover\:bg-brand-500\/20:hover{background-color:#2563eb33}
.hover\:text-brand-400:hover{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}
.hover\:text-mint-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.hover\:decoration-brand-500:hover{text-decoration-color:#2563eb}
.group:hover .group-hover\:text-mint-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.data-\[state\=active\]\:bg-brand-500[data-state=active]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:bg-brand-500\/15[data-state=active]{background-color:#2563eb26}
.data-\[state\=checked\]\:bg-brand-500[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.data-\[state\=active\]\:text-mint-300[data-state=active]{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}
.data-\[state\=active\]\:shadow-brand-glow[data-state=active]{--tw-shadow: 0 0 24px rgba(37,99,235,.35);--tw-shadow-colored: 0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.data-\[state\=active\]\:shadow-brand-glow[data-state=active]{--tw-shadow-color: rgba(37,99,235,.35);--tw-shadow: var(--tw-shadow-colored)}
@keyframes fab-pulse{0%,to{box-shadow:0 0 #2563eb73}50%{box-shadow:0 0 0 14px #2563eb00}}


/* === v5 design uplift (2026-08-31) === */
.glass-card-interactive:hover{border-color:rgba(96,165,250,.45);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 24px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.08)}
.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 55%,#1d4ed8 100%);box-shadow:0 8px 24px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 55%,#2563eb 100%);box-shadow:0 10px 32px rgba(59,130,246,.45),inset 0 1px 0 rgba(255,255,255,.22);transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0)}
.hero-glow{background:radial-gradient(60% 50% at 50% 0%,rgba(37,99,235,.24),transparent 70%)}
body::before{content:"";position:fixed;inset:0 0 auto 0;height:420px;pointer-events:none;z-index:0;background:radial-gradient(70% 100% at 50% 0%,rgba(37,99,235,.08),transparent 70%)}
.glass-card,.glass-card-interactive{border-color:rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.chip{transition:all .2s ease}

/* === v6 overrides (appended last — win by order) === */

/* 1. primary buttons: white text on blue gradient (v4 clone block re-declared near-black) */
.btn-primary{color:#F5F5F5 !important}

/* 2. agree-gate disabled state must LOOK disabled */
.btn-primary:disabled,.btn-primary[disabled]{opacity:.45;cursor:not-allowed;filter:saturate(.55);box-shadow:none;transform:none}

/* 3. section bands: kill green tint rgba(21,24,21,.4) */
.section-band{background:rgba(13,20,36,.5) !important}

/* 4. elevation ladder */
.glass-card,.glass-card-interactive{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 16px rgba(2,6,18,.5)}
.glass-card-interactive:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 40px rgba(0,0,0,.45),0 0 20px rgba(46,107,255,.18)}
[data-slot="dialog-content"],[data-slot="sheet-content"],[data-slot="alert-dialog-content"],[data-slot="drawer-content"],.ref-info-modal{box-shadow:0 16px 48px rgba(2,6,18,.65)}

/* 5. unified chip motion */
.chip{transition:all .15s cubic-bezier(.4,0,.2,1) !important}

/* 6. slim collapsed out-of-stock <details> rows on /accounts */
details:not([open])>:not(summary){display:none !important}
details[class*="bg-ink-900"]{padding:.375rem .875rem}
details[class*="bg-ink-900"]>summary{display:flex;align-items:center;gap:.5rem;padding:.125rem 0;min-height:1.75rem;line-height:1.4}
details[class*="bg-ink-900"]>summary::after{float:none;flex:none;margin-left:auto}
details[class*="bg-ink-900"][open]{padding:.75rem 1rem}

/* 6b. missing JIT utilities used by the OOS <details> (same class of bug as grid-cols-1 in v5) */
.col-span-2{grid-column:span 2 / span 2}
@media(min-width:1024px){.lg\:col-span-3{grid-column:span 3 / span 3}}

/* 7. mobile bottom safe-area: fixed tab bar (~64px) must not cover content */
@media (max-width:640px){body{padding-bottom:76px}}

/* 8. /rules/* mobile pill scroller: stop clipping active-pill glow, show thin scrollbar */
nav[aria-label="Rules pages"]:not(.flex-col){padding:4px 2px 8px;scrollbar-width:thin}
nav[aria-label="Rules pages"]:not(.flex-col)::-webkit-scrollbar{display:block;height:4px}
nav[aria-label="Rules pages"]:not(.flex-col)::-webkit-scrollbar-thumb{background:#1c2740;border-radius:2px}

/* 9. /account email H1: Space Grotesk 700 mid-crossbars align on long alphanumeric
   strings and read as a strikethrough — render the email in the body font instead */
h1.truncate.font-display{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}