/* ==========================================================================
   Ashiyan Night 3D — Royal Navy & Gold
   Applies only to the night theme: html.dark[data-accent="navygold"].
   Light mode and the other accents are untouched. Effects levels come from
   html[data-fx] (full | lite | off), set by night_fx.js.
   ========================================================================== */

/* ---------- 1. tokens ---------- */
html.dark[data-accent="navygold"]{
  color-scheme:dark;
  --an-ink-0:#080F20; --an-ink-1:#101D35; --an-ink-2:#182B45; --an-ink-3:#213753;
  --an-gold:#C6A563; --an-gold-hi:#EAD39C; --an-gold-glow:#F3DFB0; --an-gold-deep:#8E713A;
  --an-tx-1:#F5F4F0; --an-tx-2:#A8B5C7; --an-tx-3:#8C9AB0; --an-on-gold:#0B1426;
  --an-ok:#5CC9A0; --an-warn:#E8B864; --an-bad:#F08A8A; --an-info:#8DB8F2;
  --an-hair:rgba(168,181,199,.13); --an-line-gold:rgba(198,165,99,.30);
  --an-metal:linear-gradient(135deg,#F3DFB0 0%,#EAD39C 22%,#C6A563 52%,#8E713A 100%);
  --an-card:linear-gradient(165deg,rgba(33,55,83,.62) 0%,rgba(24,43,69,.70) 45%,rgba(16,29,53,.82) 100%);
  --an-sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 10px 26px -14px rgba(0,0,0,.65);
  --an-sh-2:0 1px 0 rgba(255,255,255,.07) inset,0 22px 48px -20px rgba(0,0,0,.75),0 0 0 1px rgba(198,165,99,.10);
  --an-sh-gold:0 10px 26px -10px rgba(198,165,99,.55);
  --an-d1:120ms; --an-d2:220ms; --an-d3:420ms; --an-d4:700ms;
  --an-e-out:cubic-bezier(.2,.8,.2,1); --an-e-spring:cubic-bezier(.34,1.56,.64,1);
  --an-r-md:14px; --an-r-lg:20px; --an-r-xl:26px;

  /* gold accent scale (champagne) */
  --ac-50:251 246 234;--ac-100:246 236 212;--ac-200:243 223 176;--ac-300:234 211 156;--ac-400:214 188 128;--ac-500:198 165 99;
  --ac-600:168 137 76;--ac-700:142 113 58;--ac-800:112 89 46;--ac-900:86 68 36;--ac-950:48 38 20;
  --ac2-50:251 246 234;--ac2-100:246 236 212;--ac2-200:243 223 176;--ac2-300:234 211 156;--ac2-400:214 188 128;--ac2-500:198 165 99;
  --ac2-600:168 137 76;--ac2-700:142 113 58;--ac2-800:112 89 46;--ac2-900:86 68 36;--ac2-950:48 38 20;
  --ac-bright:234 211 156;--ac-brighth:214 188 128;--ac-deep:16 29 53;

  /* metallic navy remap of the slate scale used by every dark: utility */
  --nv-020617:8 15 32;--nv-030712:7 13 28;--nv-040507:5 9 20;--nv-0a0d14:9 16 33;--nv-0a0f1d:10 18 37;--nv-0b0e14:9 16 33;
  --nv-0b1120:11 20 40;--nv-0b1220:11 20 40;--nv-0b1222:12 21 42;--nv-0f131d:12 22 43;--nv-0f172a:16 29 53;--nv-11141e:13 24 46;
  --nv-111a2b:17 31 56;--nv-111a2e:18 32 58;--nv-121622:14 26 49;--nv-121826:15 27 51;--nv-131b2e:18 33 59;--nv-151a2a:18 32 58;
  --nv-151c2c:19 34 60;--nv-161d2d:20 35 62;--nv-162033:21 38 65;--nv-16213a:22 39 66;--nv-171e2e:20 36 63;--nv-1a2332:23 41 68;
  --nv-1a2436:24 43 69;--nv-1c2638:26 45 72;--nv-1e2336:26 45 72;--nv-1e293b:33 55 83;--nv-1f2a3d:34 56 85;--nv-222d40:36 59 88;
  --nv-22304a:38 62 92;--nv-253245:38 62 92;--nv-262f42:38 61 90;--nv-26324a:40 64 95;--nv-26334d:41 66 98;--nv-334155:52 76 108;
  --nv-475569:78 98 128;--nv-64748b:140 154 176;--nv-94a3b8:168 181 199;--nv-9ca3af:168 181 199;--nv-cbd5e1:206 213 224;
  --nv-d1d5db:206 213 224;--nv-e2e8f0:228 232 238;--nv-e5e7eb:228 232 238;--nv-f1f5f9:240 241 240;--nv-f8fafc:245 244 240;
}
@property --an-ang{syntax:"<angle>";initial-value:0deg;inherits:false}

/* ---------- 2. canvas ---------- */
html.dark[data-accent="navygold"] body{
  background-color:var(--an-ink-0);
  background-image:
    radial-gradient(1100px 520px at 100% -10%,rgba(198,165,99,.10),transparent 62%),
    radial-gradient(900px 620px at -8% 110%,rgba(56,96,150,.20),transparent 66%),
    radial-gradient(700px 400px at 50% 40%,rgba(24,43,69,.35),transparent 70%);
  background-attachment:fixed;
  color:var(--an-tx-1);
}
html.dark[data-accent="navygold"] ::selection{background:rgba(198,165,99,.35);color:#fff}
html.dark[data-accent="navygold"] *{scrollbar-color:rgba(198,165,99,.35) transparent}
html.dark[data-accent="navygold"] ::-webkit-scrollbar{width:9px;height:9px}
html.dark[data-accent="navygold"] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(234,211,156,.45),rgba(142,113,58,.45));border-radius:9px;border:2px solid transparent;background-clip:padding-box}
html.dark[data-accent="navygold"] ::-webkit-scrollbar-track{background:transparent}
html.dark[data-accent="navygold"] :focus-visible{outline:2px solid var(--an-gold-hi);outline-offset:2px}
html.dark[data-accent="navygold"] a:focus-visible,html.dark[data-accent="navygold"] button:focus-visible{border-radius:12px}

/* ambient light layer, painted once behind everything (no layout cost) */
html.dark[data-accent="navygold"] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(2px 2px at 12% 18%,rgba(243,223,176,.35),transparent 60%),
    radial-gradient(1.5px 1.5px at 78% 12%,rgba(243,223,176,.25),transparent 60%),
    radial-gradient(1.5px 1.5px at 66% 64%,rgba(168,181,199,.22),transparent 60%),
    radial-gradient(2px 2px at 30% 82%,rgba(243,223,176,.20),transparent 60%),
    radial-gradient(1px 1px at 90% 88%,rgba(168,181,199,.25),transparent 60%);
  opacity:.8}
html.dark[data-accent="navygold"] body > .flex.h-screen{position:relative;z-index:1}

/* ---------- 3. primary / metallic buttons ---------- */
html.dark[data-accent="navygold"] .bg-emerald-500,html.dark[data-accent="navygold"] .bg-emerald-600,html.dark[data-accent="navygold"].dark .dark\:bg-\[\#00c985\],html.dark[data-accent="navygold"] .pc-green,html.dark[data-accent="navygold"] .dh-act.primary,html.dark[data-accent="navygold"] .pp-btn.primary,
html.dark[data-accent="navygold"] .fi-btn.primary,html.dark[data-accent="navygold"] .cu-a.call,html.dark[data-accent="navygold"] .rm-day.sel,html.dark[data-accent="navygold"] .rm-all.sel,html.dark[data-accent="navygold"] .rm-ib.call,html.dark[data-accent="navygold"] .st-btn.primary,html.dark[data-accent="navygold"] .an-btn-gold{
  background-image:var(--an-metal)!important;background-size:200% 200%;background-position:0% 50%;
  border-color:rgba(243,223,176,.55)!important;color:var(--an-on-gold)!important;
  transition:background-position var(--an-d4) var(--an-e-out),transform var(--an-d2) var(--an-e-out),box-shadow var(--an-d2)}
html.dark[data-accent="navygold"] :is(button,a,label):is(.bg-emerald-500,.bg-emerald-600,.pc-green,.dh-act.primary,.pp-btn.primary,.fi-btn.primary,.st-btn.primary,.an-btn-gold){
  box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)}
html.dark[data-accent="navygold"] :is(button,a):is(.bg-emerald-500,.bg-emerald-600):hover,html.dark[data-accent="navygold"] .pc-green:hover,html.dark[data-accent="navygold"] .dh-act.primary:hover,
html.dark[data-accent="navygold"] .pp-btn.primary:hover,html.dark[data-accent="navygold"] .st-btn.primary:hover,html.dark[data-accent="navygold"] .an-btn-gold:hover{background-position:100% 50%;box-shadow:0 14px 30px -10px rgba(198,165,99,.65),inset 0 1px 0 rgba(255,255,255,.5)}
html.dark[data-accent="navygold"] :is(button,a)[class*="bg-emerald-5"]:active,html.dark[data-accent="navygold"] .st-btn.primary:active{transform:translateY(1px) scale(.98)}

/* ---------- 4. form fields ---------- */
html.dark[data-accent="navygold"] :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){caret-color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] :is(input,select,textarea):focus{border-color:rgba(198,165,99,.65);box-shadow:0 0 0 3px rgba(198,165,99,.16)}
html.dark[data-accent="navygold"] input[type=checkbox],html.dark[data-accent="navygold"] input[type=radio]{accent-color:#C6A563}
html.dark[data-accent="navygold"] ::placeholder{color:rgba(140,154,176,.85)}

/* ---------- 5. dialogs ---------- */
html.dark[data-accent="navygold"] .swal2-popup{background:linear-gradient(170deg,#1B2F4B,#101D35);border:1px solid var(--an-line-gold);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .swal2-title{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .swal2-html-container{color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .swal2-confirm{background-image:var(--an-metal);color:var(--an-on-gold);border:0;box-shadow:var(--an-sh-gold)}
html.dark[data-accent="navygold"] .swal2-cancel{background:var(--an-ink-3);color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .swal2-backdrop-show{background:rgba(4,8,18,.72);backdrop-filter:blur(6px)}
html.dark[data-accent="navygold"] .swal2-icon.swal2-success{border-color:var(--an-gold);box-shadow:0 0 24px rgba(198,165,99,.35)}
html.dark[data-accent="navygold"] .swal2-icon.swal2-success::after{border-color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] [role=dialog] > div.rounded-3xl,html.dark[data-accent="navygold"] [aria-modal=true] > div.rounded-3xl{border-color:var(--an-line-gold);box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)}

/* ---------- 6. shared helpers used by the new components ---------- */
.an-only{display:none}
html.dark[data-accent="navygold"] .an-only{display:revert}
html.dark[data-accent="navygold"] .an-only.an-flex{display:flex}
html.dark[data-accent="navygold"] .an-only.an-grid{display:grid}
html.dark[data-accent="navygold"] .an-hide{display:none}
html.dark[data-accent="navygold"] .an-surface{background:var(--an-card);border:1px solid var(--an-hair);box-shadow:var(--an-sh-1)}
html.dark[data-accent="navygold"] .an-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--an-gold)}
html.dark[data-accent="navygold"] .an-chip-gold{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:900;background:var(--an-metal);color:var(--an-on-gold)}

/* ==========================================================================
   Motion system
   d1 120ms press · d2 220ms hover · d3 420ms enter · d4 700ms metallic sweep
   ========================================================================== */
@keyframes an-rise{from{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes an-spin{to{--an-ang:360deg}}
@keyframes an-sweep{0%{transform:translateX(130%)}100%{transform:translateX(-130%)}}
@keyframes an-float{0%,100%{transform:translate3d(0,0,40px) rotate(0)}50%{transform:translate3d(0,-7px,40px) rotate(-3deg)}}
@keyframes an-pulse{0%,100%{box-shadow:0 0 0 0 rgba(198,165,99,.45)}70%{box-shadow:0 0 0 10px rgba(198,165,99,0)}}

/* page enter: first-level blocks rise in, staggered. Fill "backwards", not "both": a finished animation that keeps
   holding "transform" makes the block the frame of every position:fixed pop-up inside it, so pop-ups opened inside the
   page body instead of over the screen. */
html.dark[data-accent="navygold"][data-fx="full"] #main-content-scroll > *,html.dark[data-accent="navygold"][data-fx="lite"] #main-content-scroll > *{animation:an-rise var(--an-d3) var(--an-e-out) backwards}
html.dark[data-accent="navygold"][data-fx="full"] #main-content-scroll > *:nth-child(2){animation-delay:60ms}
html.dark[data-accent="navygold"][data-fx="full"] #main-content-scroll > *:nth-child(3){animation-delay:120ms}
html.dark[data-accent="navygold"][data-fx="full"] #main-content-scroll > *:nth-child(n+4){animation-delay:170ms}

/* scroll reveal (night_fx.js tags the blocks; nothing is hidden without JS) */
html.dark[data-accent="navygold"].an-reveal-ready [data-an-reveal]:not(.an-in){opacity:0;transform:translate3d(0,16px,0) scale(.985)}
html.dark[data-accent="navygold"].an-reveal-ready [data-an-reveal]{transition:opacity var(--an-d3) var(--an-e-out),transform var(--an-d3) var(--an-e-out);transition-delay:calc(var(--an-i,0) * 45ms)}
html.dark[data-accent="navygold"].an-reveal-ready [data-an-reveal].an-in{transition-delay:0ms}

/* pointer tilt: night_fx.js writes --an-rx / --an-ry / --an-mx / --an-my */
html.dark[data-accent="navygold"][data-fx="full"] :is(.md-kpi,.md-fin-i,.dh-card,.st-stat,.cu-card,.an-tilt,.ac-prem,.st-md,.ay-inv-card,.ay-ticket){
  transform:perspective(1000px) rotateX(var(--an-rx,0deg)) rotateY(var(--an-ry,0deg)) translateZ(0);
  transform-style:preserve-3d;transition:transform 520ms var(--an-e-out),box-shadow var(--an-d2),border-color var(--an-d2)}
html.dark[data-accent="navygold"][data-fx="full"] .an-tilting{transition:transform 90ms linear,box-shadow var(--an-d2),border-color var(--an-d2);will-change:transform}
html.dark[data-accent="navygold"][data-fx="full"] .an-tilting::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;
  background:radial-gradient(420px 220px at var(--an-mx,50%) var(--an-my,0%),rgba(243,223,176,.13),transparent 60%)}

/* rotating gold edge for feature surfaces */
html.dark[data-accent="navygold"] .an-gb{position:relative;isolation:isolate}
html.dark[data-accent="navygold"] .an-gb::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;pointer-events:none;
  background:conic-gradient(from var(--an-ang),rgba(198,165,99,.08),rgba(243,223,176,.85),rgba(198,165,99,.08) 35%,rgba(198,165,99,.08) 60%,rgba(234,211,156,.6),rgba(198,165,99,.08));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
html.dark[data-accent="navygold"][data-fx="full"] .an-gb::before{animation:an-spin 7s linear infinite}

/* metallic sweep on gold buttons */
html.dark[data-accent="navygold"][data-fx="full"] :is(button,a):is(.bg-emerald-500,.st-btn.primary,.an-btn-gold,.pc-green,.dh-act.primary,.pp-btn.primary){position:relative;overflow:hidden}
html.dark[data-accent="navygold"][data-fx="full"] :is(button,a):is(.bg-emerald-500,.st-btn.primary,.an-btn-gold,.pc-green,.dh-act.primary,.pp-btn.primary)::after{
  content:"";position:absolute;inset:0;pointer-events:none;transform:translateX(130%);
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 48%,transparent 62%)}
html.dark[data-accent="navygold"][data-fx="full"] :is(button,a):is(.bg-emerald-500,.st-btn.primary,.an-btn-gold,.pc-green,.dh-act.primary,.pp-btn.primary):hover::after{animation:an-sweep 900ms var(--an-e-out)}

/* lite: keep depth and colour, drop continuous motion and blur */
html.dark[data-accent="navygold"][data-fx="lite"] .an-gb::before{animation:none}
html.dark[data-accent="navygold"][data-fx="lite"] .backdrop-blur-xl,html.dark[data-accent="navygold"][data-fx="lite"] .backdrop-blur-md,html.dark[data-accent="navygold"][data-fx="lite"] .backdrop-blur-sm{-webkit-backdrop-filter:none;backdrop-filter:none}

/* off / reduced motion: no animation at all inside the night theme */
html.dark[data-accent="navygold"][data-fx="off"] *,html.dark[data-accent="navygold"][data-fx="off"] *::before,html.dark[data-accent="navygold"][data-fx="off"] *::after{animation:none;transition-duration:0s;transition-delay:0s}
html.dark[data-accent="navygold"][data-fx="off"] .backdrop-blur-xl,html.dark[data-accent="navygold"][data-fx="off"] .backdrop-blur-md,html.dark[data-accent="navygold"][data-fx="off"] .backdrop-blur-sm{-webkit-backdrop-filter:none;backdrop-filter:none}
@media (prefers-reduced-motion:reduce){
  html.dark[data-accent="navygold"] #main-content-scroll > *{animation:none}
  html.dark[data-accent="navygold"] .an-gb::before{animation:none}
  html.dark[data-accent="navygold"].an-reveal-ready [data-an-reveal]{transition:none;opacity:1;transform:none}
}

/* ==========================================================================
   Shell: sidebar, header, mobile tab bar
   ========================================================================== */
/* ---------- sidebar ---------- */
html.dark[data-accent="navygold"] #main-sidebar{background:linear-gradient(180deg,#101D35 0%,#0C1830 55%,#091327 100%);
  border-left:1px solid rgba(198,165,99,.16);color:var(--an-tx-1);
  box-shadow:inset 1px 0 0 rgba(255,255,255,.03),-24px 0 60px -40px rgba(0,0,0,.8)}
html.dark[data-accent="navygold"] #main-sidebar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(234,211,156,.55) 30%,rgba(198,165,99,.15) 70%,transparent)}
html.dark[data-accent="navygold"] #main-sidebar > div:first-child{border-color:rgba(168,181,199,.10)}
html.dark[data-accent="navygold"] #main-sidebar > div:first-child img{border-color:rgba(198,165,99,.45);box-shadow:0 6px 18px -8px rgba(198,165,99,.55)}
html.dark[data-accent="navygold"] #main-sidebar > div:first-child .text-emerald-600{color:var(--an-gold)}
html.dark[data-accent="navygold"] #main-sidebar .sb-group{color:var(--an-tx-3);letter-spacing:.06em;font-weight:800}
html.dark[data-accent="navygold"] #main-sidebar .sb-link{color:var(--an-tx-2);transition:background var(--an-d2),color var(--an-d2),border-color var(--an-d2),transform var(--an-d2) var(--an-e-out)}
html.dark[data-accent="navygold"] #main-sidebar .sb-link i,html.dark[data-accent="navygold"] #main-sidebar .sb-link svg{transition:transform var(--an-d2) var(--an-e-out),color var(--an-d2)}
html.dark[data-accent="navygold"] #main-sidebar .sb-link:hover{background:rgba(33,55,83,.65);color:var(--an-tx-1);box-shadow:inset 0 0 0 1px var(--an-hair)}
html.dark[data-accent="navygold"][data-fx="full"] #main-sidebar .sb-link:hover{transform:translateX(-3px)}
html.dark[data-accent="navygold"][data-fx="full"] #main-sidebar .sb-link:hover svg{transform:scale(1.08)}
html.dark[data-accent="navygold"] #main-sidebar .sb-link.is-active{
  background:linear-gradient(270deg,rgba(198,165,99,.22) 0%,rgba(198,165,99,.07) 70%,transparent 100%);
  color:var(--an-gold-glow);font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(198,165,99,.32),inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px -16px rgba(198,165,99,.6)}
html.dark[data-accent="navygold"] #main-sidebar .sb-link.is-active svg{color:var(--an-gold-hi);filter:drop-shadow(0 0 6px rgba(234,211,156,.45))}
html.dark[data-accent="navygold"] #main-sidebar .sb-link.is-active::before{background:var(--an-metal);box-shadow:0 0 12px rgba(234,211,156,.65)}
html.dark[data-accent="navygold"] #main-sidebar .sb-link.sb-amber{color:var(--an-warn)}
html.dark[data-accent="navygold"] #main-sidebar .sb-account-card{background:linear-gradient(160deg,rgba(33,55,83,.85),rgba(16,29,53,.9));
  border:1px solid rgba(198,165,99,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html.dark[data-accent="navygold"] #main-sidebar .sb-account-card [data-amb-host]{background:var(--an-metal);color:var(--an-on-gold)}
html.dark[data-accent="navygold"] #main-sidebar > div.shrink-0.border-t{border-color:rgba(168,181,199,.10)}
html.dark[data-accent="navygold"] #sidebar-backdrop{background:rgba(4,8,18,.72)}

/* ---------- header ---------- */
html.dark[data-accent="navygold"] #main-content-scroll{position:relative}
html.dark[data-accent="navygold"] header.sticky{background:linear-gradient(180deg,rgba(16,29,53,.92),rgba(12,22,42,.86));border-bottom-color:transparent;
  box-shadow:0 1px 0 rgba(168,181,199,.08),0 18px 40px -30px rgba(0,0,0,.9)}
html.dark[data-accent="navygold"][data-fx="full"] header.sticky{background:linear-gradient(180deg,rgba(16,29,53,.78),rgba(12,22,42,.62))}
html.dark[data-accent="navygold"] header.sticky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(198,165,99,.55) 50%,transparent)}
html.dark[data-accent="navygold"] header.sticky #greeting-icon-wrapper{background:radial-gradient(circle at 35% 30%,rgba(243,223,176,.25),rgba(198,165,99,.08));box-shadow:inset 0 0 0 1px rgba(198,165,99,.3)}
html.dark[data-accent="navygold"] header.sticky #greeting-icon-wrapper svg{color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] header.sticky .text-emerald-600,html.dark[data-accent="navygold"] header.sticky .dark\:text-emerald-400{color:var(--an-gold-hi)}
/* icon buttons */
html.dark[data-accent="navygold"] header.sticky :is(button,a).rounded-xl.bg-slate-100,html.dark[data-accent="navygold"] header.sticky .w-9.h-9.rounded-xl.bg-slate-100{
  background:linear-gradient(180deg,rgba(33,55,83,.9),rgba(24,43,69,.9));border:1px solid var(--an-hair);
  color:var(--an-tx-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color var(--an-d2),transform var(--an-d2) var(--an-e-out),color var(--an-d2)}
html.dark[data-accent="navygold"] header.sticky :is(button,a).rounded-xl.bg-slate-100:hover{border-color:var(--an-line-gold);color:var(--an-gold-hi);transform:translateY(-1px)}
html.dark[data-accent="navygold"] header.sticky .text-indigo-400{color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] header.sticky #notif-dot{background:var(--an-gold-hi);box-shadow:0 0 0 2px var(--an-ink-1),0 0 10px rgba(234,211,156,.8);--tw-ring-color:transparent}
/* balance chips: AI credit in steel blue, wallet in gold */
html.dark[data-accent="navygold"] header.sticky a[href="/plans"]{background:linear-gradient(180deg,rgba(141,184,242,.12),rgba(141,184,242,.05));border-color:rgba(141,184,242,.32);color:#C7DBF7}
html.dark[data-accent="navygold"] header.sticky button[onclick="openQuickTopupModal()"]{background:linear-gradient(180deg,rgba(198,165,99,.16),rgba(198,165,99,.06));border-color:rgba(198,165,99,.4);color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] header.sticky button[onclick="openQuickTopupModal()"] > span.bg-amber-500{background:var(--an-metal);color:var(--an-on-gold)}
html.dark[data-accent="navygold"] header.sticky a[href="/settings"] [data-amb-host]{background:var(--an-metal);color:var(--an-on-gold);box-shadow:0 6px 16px -8px rgba(198,165,99,.7)}
/* dropdowns from the header */
html.dark[data-accent="navygold"] #notifications-dropdown{background:linear-gradient(170deg,rgba(27,47,75,.97),rgba(16,29,53,.98));border-color:var(--an-line-gold);box-shadow:0 30px 60px -24px rgba(0,0,0,.85)}
html.dark[data-accent="navygold"][data-fx="full"] #notifications-dropdown{transform-origin:top left;animation:an-drop var(--an-d3) var(--an-e-spring) both}
@keyframes an-drop{from{opacity:0;transform:perspective(800px) rotateX(-14deg) translateY(-6px)}to{opacity:1;transform:none}}
/* solo plan banner */
html.dark[data-accent="navygold"] #solo-plan-banner{background:linear-gradient(90deg,rgba(198,165,99,.12),rgba(198,165,99,.04));border-color:rgba(198,165,99,.28);color:var(--an-gold-glow)}
html.dark[data-accent="navygold"] #solo-plan-banner a.bg-emerald-500{background-image:var(--an-metal)}
html.dark[data-accent="navygold"] #solo-plan-banner a.bg-amber-500{background:transparent;color:var(--an-gold-hi);border:1px solid rgba(198,165,99,.5)}

/* ---------- mobile tab bar (night theme only, phones and tablets) ---------- */
.an-tabbar{display:none}
@media (max-width:1023.98px){
  html.dark[data-accent="navygold"] .an-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:30;left:10px;right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom,0px));height:62px;padding:6px;border-radius:22px;
    background:linear-gradient(180deg,rgba(27,47,75,.96),rgba(14,26,48,.97));border:1px solid rgba(198,165,99,.22);
    box-shadow:0 18px 40px -16px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
  html.dark[data-accent="navygold"][data-fx="full"] .an-tabbar{background:linear-gradient(180deg,rgba(27,47,75,.82),rgba(14,26,48,.88));-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}
  html.dark[data-accent="navygold"] .an-tabbar a,html.dark[data-accent="navygold"] .an-tabbar button{appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-height:48px;border-radius:16px;color:var(--an-tx-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer;position:relative;
    transition:color var(--an-d2),background var(--an-d2),transform var(--an-d1)}
  html.dark[data-accent="navygold"] .an-tabbar svg{width:21px;height:21px}
  html.dark[data-accent="navygold"] .an-tabbar :is(a,button):active{transform:scale(.94)}
  html.dark[data-accent="navygold"] .an-tabbar a[aria-current="page"]{color:var(--an-gold-glow);background:linear-gradient(180deg,rgba(198,165,99,.2),rgba(198,165,99,.06))}
  html.dark[data-accent="navygold"] .an-tabbar a[aria-current="page"]::before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--an-metal);box-shadow:0 0 10px rgba(234,211,156,.8)}
  html.dark[data-accent="navygold"] .an-tabbar a[aria-current="page"] svg{filter:drop-shadow(0 0 6px rgba(234,211,156,.5))}
  /* room for the bar */
  html.dark[data-accent="navygold"] #main-content-scroll{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  html.dark[data-accent="navygold"] #as-fab{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}

/* ==========================================================================
   Dashboards: manager (.md-*) and agent (.dh-*)
   ========================================================================== */
html.dark[data-accent="navygold"] .md{--md-card:#13233F;--md-line:rgba(168,181,199,.14);--md-ink:#F5F4F0;--md-mute:#A8B5C7;--md-soft:#0C1830;
  --md-dk:#8E713A;--md-dk2:#5E4A24;--md-mid:#C6A563;--md-lt:#EAD39C;--md-hatch:rgba(168,181,199,.26)}
/* the template's entrance animation must not pin transform, so tilt can work after it ends */
html.dark[data-accent="navygold"] .md-in{opacity:1;animation-fill-mode:backwards}
html.dark[data-accent="navygold"][data-fx="off"] .md-in{opacity:1}

/* page title */
html.dark[data-accent="navygold"] .md > header h1,html.dark[data-accent="navygold"] .md h1{background:linear-gradient(180deg,#FFFFFF 0%,#F3DFB0 140%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* surfaces */
html.dark[data-accent="navygold"] :is(.md-card,.md-kpi:not(.hero),.md-fin-i,.dh-card){
  background:var(--an-card)!important;border:1px solid var(--an-hair)!important;border-radius:22px;
  box-shadow:var(--an-sh-1)!important}
html.dark[data-accent="navygold"] :is(.md-card,.md-kpi:not(.hero),.md-fin-i,.dh-card)::selection{background:rgba(198,165,99,.35)}
html.dark[data-accent="navygold"] :is(.md-kpi:not(.hero),.md-fin-i,.dh-card):hover{border-color:var(--an-line-gold)!important;box-shadow:var(--an-sh-2)!important}
html.dark[data-accent="navygold"] .md-card{position:relative}
html.dark[data-accent="navygold"] .md-card::before,html.dark[data-accent="navygold"] .dh-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
html.dark[data-accent="navygold"] .dh-card{position:relative}

/* KPI cards */
html.dark[data-accent="navygold"] .md-kpi .l{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .md-kpi .v{color:var(--an-tx-1)!important;letter-spacing:-.01em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
html.dark[data-accent="navygold"] .md-kpi .n{color:var(--an-tx-3)!important}
html.dark[data-accent="navygold"] .md-kpi .go{background:rgba(33,55,83,.7)!important;border-color:var(--an-hair)!important;color:var(--an-tx-2)!important;transition:transform var(--an-d3) var(--an-e-spring),background var(--an-d2),color var(--an-d2)}
html.dark[data-accent="navygold"] .md-kpi:hover .go{background:var(--an-metal)!important;color:var(--an-on-gold)!important;border-color:transparent!important}
html.dark[data-accent="navygold"] .md-kpi.hero{background:
    radial-gradient(260px 180px at 15% 0%,rgba(198,165,99,.30),transparent 70%),
    radial-gradient(220px 160px at 100% 100%,rgba(141,184,242,.12),transparent 70%),
    linear-gradient(160deg,#25436A 0%,#182B45 55%,#101D35 100%)!important;
  border:1px solid rgba(198,165,99,.55)!important;
  box-shadow:0 0 0 1px rgba(243,223,176,.06) inset,0 24px 50px -24px rgba(198,165,99,.45),0 18px 40px -22px rgba(0,0,0,.8)!important}
html.dark[data-accent="navygold"] .md-kpi.hero .v{background:var(--an-metal);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none;filter:drop-shadow(0 4px 12px rgba(198,165,99,.35))}
html.dark[data-accent="navygold"] .md-kpi.hero .l{color:var(--an-gold-glow)!important}
html.dark[data-accent="navygold"] .md-kpi.hero .n{color:#D9E1EC!important}
html.dark[data-accent="navygold"] .md-kpi.hero .go{background:var(--an-metal)!important;color:var(--an-on-gold)!important;border-color:transparent!important;box-shadow:var(--an-sh-gold)}
html.dark[data-accent="navygold"] .md-kpi.hero::after{background:radial-gradient(circle,rgba(243,223,176,.22),transparent 70%)!important}
html.dark[data-accent="navygold"][data-fx="full"] .md-kpi.hero::after{animation:an-glow 6s ease-in-out infinite}
@keyframes an-glow{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-16px)}}

/* finance strip */
html.dark[data-accent="navygold"] .md-fin-i .ic{background:linear-gradient(160deg,rgba(198,165,99,.22),rgba(198,165,99,.06))!important;color:var(--an-gold-hi)!important;box-shadow:inset 0 0 0 1px rgba(198,165,99,.28)}
html.dark[data-accent="navygold"] .md-fin-i small{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .md-fin-i b{color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .md-fin-i .nt,html.dark[data-accent="navygold"] .md-fin-i b em{color:var(--an-tx-3)!important}

/* pills and CTAs */
html.dark[data-accent="navygold"] .md-pill.dark,html.dark[data-accent="navygold"] .md-cta{background:var(--an-metal)!important;background-size:200% 200%!important;color:var(--an-on-gold)!important;box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)!important}
html.dark[data-accent="navygold"] .md-pill.dark:hover,html.dark[data-accent="navygold"] .md-cta:hover{background-position:100% 50%!important}
html.dark[data-accent="navygold"] .md-pill.line,html.dark[data-accent="navygold"] .dh-act:not(.primary){background:linear-gradient(180deg,rgba(33,55,83,.85),rgba(24,43,69,.85))!important;border:1px solid var(--an-hair)!important;color:var(--an-tx-1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html.dark[data-accent="navygold"] .md-pill.line:hover,html.dark[data-accent="navygold"] .dh-act:not(.primary):hover{border-color:var(--an-line-gold)!important;color:var(--an-gold-glow)!important}
html.dark[data-accent="navygold"] .md-pill.line svg,html.dark[data-accent="navygold"] .dh-act:not(.primary) svg{color:var(--an-gold-hi)}
html.dark[data-accent="navygold"][data-fx="full"] :is(.md-pill,.dh-act):hover{transform:translateY(-2px)}

/* weekly chart */
html.dark[data-accent="navygold"] .md-sbar.t1{fill:url(#anGoldLt)}
html.dark[data-accent="navygold"] .md-sbar.t1,html.dark[data-accent="navygold"] .md-sbar.t2,html.dark[data-accent="navygold"] .md-sbar.t3{filter:drop-shadow(0 6px 10px rgba(198,165,99,.25))}
html.dark[data-accent="navygold"] .md-sbar.t2{fill:#C6A563}
html.dark[data-accent="navygold"] .md-sbar.t3{fill:#8E713A}
html.dark[data-accent="navygold"] .md-wcol.today .md-sbar{filter:drop-shadow(0 0 10px rgba(234,211,156,.6))}
html.dark[data-accent="navygold"] .md-stip rect{fill:#182B45!important;stroke:rgba(198,165,99,.45)!important}
html.dark[data-accent="navygold"] .md-stip text{fill:var(--an-gold-glow)!important}
html.dark[data-accent="navygold"] .md-wcol.today .md-wday{fill:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .md-mcol .tk{background:#0C1830!important;box-shadow:inset 0 0 0 1px rgba(168,181,199,.08)}
html.dark[data-accent="navygold"] .md-mcol .tk i{background:linear-gradient(180deg,#F3DFB0,#C6A563 45%,#8E713A)!important;box-shadow:0 0 14px rgba(198,165,99,.35)}
html.dark[data-accent="navygold"] .tr{background:#0C1830!important}
html.dark[data-accent="navygold"] .tr i.s{background:linear-gradient(90deg,#8E713A,#C6A563)!important}
html.dark[data-accent="navygold"] .tr i.h{background:linear-gradient(90deg,#C6A563,#EAD39C)!important}
html.dark[data-accent="navygold"] .tr i.r{background:#8DB8F2!important}
html.dark[data-accent="navygold"] .md-donut-bg{stroke:#0C1830!important}
html.dark[data-accent="navygold"] .md-donut .c b,html.dark[data-accent="navygold"] .md-gauge .c b{color:var(--an-gold-glow)!important}
html.dark[data-accent="navygold"] .md-note{background:rgba(232,184,100,.10)!important;color:var(--an-warn)!important;box-shadow:inset 0 0 0 1px rgba(232,184,100,.22)}

/* lists, badges, reminder */
html.dark[data-accent="navygold"] .md-li{border-color:rgba(168,181,199,.09)!important}
html.dark[data-accent="navygold"] .md-li .ic{box-shadow:inset 0 0 0 1px rgba(168,181,199,.12)}
html.dark[data-accent="navygold"][data-fx="full"] .md-li{transition:transform var(--an-d2) var(--an-e-out)}
html.dark[data-accent="navygold"][data-fx="full"] .md-li:hover{transform:translateX(-4px)}
html.dark[data-accent="navygold"] .md-rem-t{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .md-badge.active{color:var(--an-gold-hi)!important;border-color:rgba(198,165,99,.45)!important;background:rgba(198,165,99,.10)!important}
html.dark[data-accent="navygold"] .md-badge.slow{color:var(--an-warn)!important}
html.dark[data-accent="navygold"] .md-badge.idle{color:var(--an-bad)!important}
html.dark[data-accent="navygold"] .md-ag{border-color:rgba(168,181,199,.09)!important}
html.dark[data-accent="navygold"] .md-ag-head{color:var(--an-tx-3)!important;border-color:rgba(168,181,199,.12)!important}

/* modal */
html.dark[data-accent="navygold"] .md-modal .bg{background:rgba(4,8,18,.7)!important}
html.dark[data-accent="navygold"] .md-modal .box{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border-color:var(--an-line-gold)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)!important}
html.dark[data-accent="navygold"] .md-modal.open .box{transform:none}
html.dark[data-accent="navygold"][data-fx="full"] .md-modal .box{transform:perspective(900px) rotateX(10deg) translateY(18px) scale(.94)}
html.dark[data-accent="navygold"][data-fx="full"] .md-modal.open .box{transform:none}
html.dark[data-accent="navygold"] .md-chip.on{border-color:var(--an-gold)!important;background:rgba(198,165,99,.14)!important;color:var(--an-gold-glow)!important}

/* agent dashboard */
html.dark[data-accent="navygold"] .dh-kpi .l{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .dh-kpi .v{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .dh-kpis > :first-child{background:radial-gradient(240px 160px at 15% 0%,rgba(198,165,99,.25),transparent 70%),linear-gradient(160deg,#25436A,#182B45 55%,#101D35)!important;border-color:rgba(198,165,99,.5)!important}
html.dark[data-accent="navygold"] .dh-kpis > :first-child .v{background:var(--an-metal);-webkit-background-clip:text;background-clip:text;color:transparent}
html.dark[data-accent="navygold"] .dh-board{background:linear-gradient(135deg,rgba(232,184,100,.10),rgba(240,138,138,.05))!important;border-color:rgba(232,184,100,.32)!important}
html.dark[data-accent="navygold"] .dh-pr.high{background:rgba(240,138,138,.14)!important;color:var(--an-bad)!important}
html.dark[data-accent="navygold"] .dh-pr.medium{background:rgba(232,184,100,.14)!important;color:var(--an-warn)!important}
html.dark[data-accent="navygold"] .dh-done{background:rgba(198,165,99,.12)!important;color:var(--an-gold-hi)!important;border-color:rgba(198,165,99,.32)!important}
html.dark[data-accent="navygold"] .dh-more{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .dh-empty{color:var(--an-tx-3)!important}
/* hero: keep text above the light layers, replace the old glass blob with a floating gold orb */
html.dark[data-accent="navygold"] .md-kpi.hero > :not(.go){position:relative;z-index:1}
html.dark[data-accent="navygold"] .md-kpi.hero .go{z-index:2}
html.dark[data-accent="navygold"] .md-kpi.hero::after{inset:auto -60px -80px auto!important;width:200px!important;height:200px!important;opacity:.7;z-index:0}
html.dark[data-accent="navygold"] .md-kpi.hero::before{content:""!important;position:absolute!important;inset:auto auto 16px 18px!important;width:46px!important;height:46px!important;border-radius:50%!important;
  background:radial-gradient(circle at 32% 28%,#FFF6DA 0%,#EAD39C 22%,#C6A563 55%,#6E5628 100%)!important;opacity:.95!important;z-index:0!important;
  box-shadow:0 14px 24px -8px rgba(0,0,0,.6),0 0 30px rgba(198,165,99,.35),inset -4px -6px 10px rgba(0,0,0,.25)!important;filter:none!important;transform:none;backdrop-filter:none!important}
html.dark[data-accent="navygold"][data-fx="full"] .md-kpi.hero::before{animation:an-orb 5.5s ease-in-out infinite}
@keyframes an-orb{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:640px){html.dark[data-accent="navygold"] .md-kpi.hero::before{width:34px!important;height:34px!important;inset:auto auto 12px 12px!important}}
/* ==========================================================================
   05 · 3D property cards + customer cards (night theme only)
   ========================================================================== */

/* ---------- skyline art for cards without a photo (decorative, CSS only) ---------- */
html.dark[data-accent="navygold"] .pc-card{
  --pc-sky-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%231B3358' d='M-4 200v-64h28v64zM27 200v-59h19v59zM46 200v-92h29v92zM75 200v-68h34v68zM109 200v-82h20v82zM132 200v-70h20v70zM152 200v-58h31v58zM183 200v-95h25v95zM208 200v-58h30v58zM239 200v-90h19v90zM259 200v-81h27v81zM287 200v-91h21v91zM310 200v-61h23v61zM334 200v-61h29v61z'/%3E%3Cpath fill='%230B162B' d='M-6 200v-45h44v45zM41 200v-57h36v57zM81 200v-82h38v82zM125 200v-44h46v44zM177 200v-47h26v47zM205 200v-97h41v97zM250 200v-66h28v66zM280 200v-59h31v59zM314 200v-102h35v102zM351 200v-45h43v45zM224 103v-14h2v14zM330 98v-14h2v14z'/%3E%3Cpath fill='%23EAD39C' opacity='0.3' d='M23 185h3v5h-3zM46 173h3v5h-3zM102 170h3v5h-3zM102 181h3v5h-3zM138 186h3v5h-3zM234 122h3v5h-3zM218 133h3v5h-3zM210 177h3v5h-3zM263 164h3v5h-3zM293 171h3v5h-3zM364 163h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.5' d='M15 174h3v5h-3zM94 137h3v5h-3zM110 170h3v5h-3zM94 181h3v5h-3zM94 192h3v5h-3zM162 175h3v5h-3zM146 186h3v5h-3zM210 111h3v5h-3zM234 155h3v5h-3zM263 142h3v5h-3zM293 182h3v5h-3zM327 139h3v5h-3zM327 161h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.75' d='M31 174h3v5h-3zM70 151h3v5h-3zM46 184h3v5h-3zM86 137h3v5h-3zM110 181h3v5h-3zM182 172h3v5h-3zM218 111h3v5h-3zM226 122h3v5h-3zM234 133h3v5h-3zM226 144h3v5h-3zM234 177h3v5h-3zM271 153h3v5h-3zM255 186h3v5h-3zM301 193h3v5h-3zM319 117h3v5h-3zM356 163h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.95' d='M31 185h3v5h-3zM86 126h3v5h-3zM94 148h3v5h-3zM102 159h3v5h-3zM226 166h3v5h-3zM255 142h3v5h-3zM263 186h3v5h-3zM293 149h3v5h-3zM285 160h3v5h-3zM327 106h3v5h-3zM319 150h3v5h-3z'/%3E%3Ccircle cx='225' cy='88' r='1.6' fill='%23F3DFB0'/%3E%3Ccircle cx='331' cy='83' r='1.6' fill='%23F3DFB0'/%3E%3C/svg%3E");
  --pc-sky-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%231B3358' d='M-4 200v-60h27v60zM23 200v-82h27v82zM53 200v-77h34v77zM88 200v-72h24v72zM115 200v-69h18v69zM136 200v-61h18v61zM154 200v-81h33v81zM187 200v-95h34v95zM224 200v-104h29v104zM253 200v-105h24v105zM277 200v-97h29v97zM307 200v-102h24v102zM333 200v-91h29v91z'/%3E%3Cpath fill='%230B162B' d='M-6 200v-111h36v111zM32 200v-40h37v40zM71 200v-81h40v81zM117 200v-76h43v76zM164 200v-94h44v94zM212 200v-77h38v77zM252 200v-38h40v38zM298 200v-107h40v107zM341 200v-65h31v65zM11 89v-14h2v14z'/%3E%3Cpath fill='%23EAD39C' opacity='0.3' d='M23 141h3v5h-3zM15 163h3v5h-3zM53 168h3v5h-3zM53 179h3v5h-3zM53 190h3v5h-3zM92 138h3v5h-3zM76 160h3v5h-3zM92 182h3v5h-3zM122 132h3v5h-3zM130 132h3v5h-3zM146 154h3v5h-3zM169 114h3v5h-3zM177 114h3v5h-3zM193 114h3v5h-3zM169 147h3v5h-3zM185 147h3v5h-3zM185 169h3v5h-3zM273 170h3v5h-3zM273 192h3v5h-3zM311 112h3v5h-3zM327 156h3v5h-3zM319 189h3v5h-3zM346 154h3v5h-3zM346 176h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.5' d='M7 108h3v5h-3zM15 141h3v5h-3zM15 152h3v5h-3zM7 174h3v5h-3zM61 168h3v5h-3zM61 179h3v5h-3zM100 127h3v5h-3zM76 149h3v5h-3zM100 193h3v5h-3zM193 147h3v5h-3zM193 169h3v5h-3zM241 131h3v5h-3zM319 145h3v5h-3zM327 145h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.75' d='M23 119h3v5h-3zM7 130h3v5h-3zM15 130h3v5h-3zM92 171h3v5h-3zM146 143h3v5h-3zM138 154h3v5h-3zM122 176h3v5h-3zM130 187h3v5h-3zM201 114h3v5h-3zM169 158h3v5h-3zM169 191h3v5h-3zM241 153h3v5h-3zM225 164h3v5h-3zM311 123h3v5h-3zM327 123h3v5h-3zM311 156h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.95' d='M15 119h3v5h-3zM23 163h3v5h-3zM92 127h3v5h-3zM100 160h3v5h-3zM84 182h3v5h-3zM100 182h3v5h-3zM138 187h3v5h-3zM185 114h3v5h-3zM193 125h3v5h-3zM201 169h3v5h-3zM185 180h3v5h-3zM225 131h3v5h-3zM217 142h3v5h-3zM233 142h3v5h-3zM217 153h3v5h-3zM319 167h3v5h-3zM319 178h3v5h-3zM346 165h3v5h-3z'/%3E%3Ccircle cx='12' cy='74' r='1.6' fill='%23F3DFB0'/%3E%3C/svg%3E");
  --pc-sky-p:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%231B3358' d='M-4 200v-102h26v102zM24 200v-56h34v56zM61 200v-96h25v96zM86 200v-62h23v62zM111 200v-70h33v70zM147 200v-91h21v91zM169 200v-101h18v101zM188 200v-72h31v72zM220 200v-65h30v65zM250 200v-94h22v94zM275 200v-63h22v63zM297 200v-68h18v68zM316 200v-65h23v65zM341 200v-67h28v67z'/%3E%3Cpath fill='%230B162B' d='M-6 200v-63h31v63zM27 200v-89h37v89zM66 200v-106h45v106zM117 200v-83h46v83zM165 200v-64h44v64zM342 200v-79h30v79z'/%3E%3Cpath fill='%23EAD39C' opacity='0.3' d='M-1 167h3v5h-3zM56 119h3v5h-3zM32 163h3v5h-3zM56 174h3v5h-3zM56 185h3v5h-3zM103 102h3v5h-3zM71 190h3v5h-3zM363 184h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.5' d='M56 130h3v5h-3zM87 113h3v5h-3zM87 146h3v5h-3zM130 169h3v5h-3zM154 169h3v5h-3zM146 180h3v5h-3zM154 180h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.75' d='M15 145h3v5h-3zM15 156h3v5h-3zM-1 178h3v5h-3zM15 189h3v5h-3zM48 152h3v5h-3zM40 163h3v5h-3zM48 174h3v5h-3zM71 102h3v5h-3zM103 135h3v5h-3zM79 157h3v5h-3zM71 168h3v5h-3zM87 179h3v5h-3zM103 190h3v5h-3zM138 147h3v5h-3zM154 158h3v5h-3zM170 144h3v5h-3zM202 155h3v5h-3zM355 140h3v5h-3zM347 162h3v5h-3zM363 162h3v5h-3zM355 173h3v5h-3z'/%3E%3Cpath fill='%23EAD39C' opacity='0.95' d='M-1 189h3v5h-3zM32 119h3v5h-3zM48 185h3v5h-3zM71 124h3v5h-3zM87 124h3v5h-3zM95 124h3v5h-3zM79 135h3v5h-3zM71 146h3v5h-3zM79 179h3v5h-3zM146 158h3v5h-3zM130 180h3v5h-3zM178 144h3v5h-3zM202 177h3v5h-3zM347 184h3v5h-3zM355 184h3v5h-3z'/%3E%3Cpath d='M222 108V200M236 108V200M250 108V200M264 108V200M278 108V200M222 108h56M222 123h56M222 138h56M222 153h56M222 168h56M222 183h56M222 198h56' stroke='%23C6A563' stroke-opacity='.5' stroke-width='1.4' fill='none'/%3E%3Cpath d='M300 200V38M294 200V38M294 38H300M297 30V38M190 40H328M297 30L190 40M297 30L328 40M294 48L300 60M294 60L300 72M294 72L300 84M294 84L300 96M294 96L300 108M294 108L300 120M294 120L300 132M294 132L300 144M294 144L300 156M294 156L300 168M294 168L300 180M294 180L300 192M222 40V86' stroke='%23C6A563' stroke-opacity='.7' stroke-width='1.5' fill='none'/%3E%3Cpath fill='%23C6A563' fill-opacity='.65' d='M316 40h12v9h-12zM217 86h10v7h-10z'/%3E%3Ccircle cx='297' cy='29' r='2' fill='%23F08A8A'/%3E%3C/svg%3E");
}

/* ---------- property card frame ---------- */
html.dark[data-accent="navygold"] #properties-grid > .pc-card{
  position:relative;overflow:visible!important;transform-style:preserve-3d;
  background:linear-gradient(170deg,#1D3352 0%,#16294A 38%,#101F3A 100%)!important;
  border:1px solid var(--an-hair)!important;border-radius:var(--an-r-lg)!important;
  box-shadow:var(--an-sh-2)!important;
  transition:border-color var(--an-d2) var(--an-e-out),box-shadow var(--an-d2) var(--an-e-out)!important}
/* faint metallic top highlight */
html.dark[data-accent="navygold"] #properties-grid > .pc-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;z-index:5;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,transparent 6%,rgba(243,223,176,.38) 50%,transparent 94%);opacity:.65;transition:opacity var(--an-d2)}
html.dark[data-accent="navygold"] #properties-grid > .pc-card:hover,html.dark[data-accent="navygold"] #properties-grid > .pc-card:focus-within{
  border-color:rgba(198,165,99,.55)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -26px rgba(0,0,0,.85),0 0 0 1px rgba(198,165,99,.28),0 18px 40px -24px rgba(198,165,99,.35)!important}
html.dark[data-accent="navygold"] #properties-grid > .pc-card:hover::before{opacity:1}
/* partnership cards keep their amber identity */
html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner{border-color:rgba(245,158,11,.38)!important;
  background:linear-gradient(170deg,#2A2F45 0%,#1B2A47 40%,#111F3A 100%)!important}
html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner::before{background:linear-gradient(90deg,transparent 6%,rgba(251,191,36,.55) 50%,transparent 94%)}
html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner:hover,html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner:focus-within{border-color:rgba(251,191,36,.75)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -26px rgba(0,0,0,.85),0 0 0 1px rgba(245,158,11,.30),0 18px 40px -24px rgba(245,158,11,.38)!important}

/* media box: clipping moves onto the image/cover so the badges can float in 3D */
html.dark[data-accent="navygold"] #properties-grid .pc-media{overflow:visible!important;transform-style:preserve-3d;background:transparent!important;
  border-radius:var(--an-r-lg) var(--an-r-lg) 0 0}
html.dark[data-accent="navygold"] #properties-grid .pc-media > .pc-img{border-radius:calc(var(--an-r-lg) - 1px) calc(var(--an-r-lg) - 1px) 0 0;display:block}
html.dark[data-accent="navygold"] #properties-grid .pc-media::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(8,15,32,.55));border-radius:0}
html.dark[data-accent="navygold"] #properties-grid .pc-badges,html.dark[data-accent="navygold"] #properties-grid .pc-area,html.dark[data-accent="navygold"] #properties-grid .pc-nav,html.dark[data-accent="navygold"] #properties-grid .pc-count{z-index:6!important}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-badges{transform:translateZ(38px)}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-area{transform:translateZ(28px)}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-price{transform:translateZ(18px)}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-acts{transform:translateZ(10px)}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-body{transform-style:preserve-3d}

/* floating badges and area chip: glass-dark tags, gold rim */
html.dark[data-accent="navygold"] #properties-grid .pc-badges > *{border-radius:999px!important;box-shadow:0 8px 18px -8px rgba(0,0,0,.7)}
html.dark[data-accent="navygold"] #properties-grid .pc-badges > span:not(.bg-gradient-to-r){background:rgba(8,15,32,.78)!important;border-color:rgba(255,255,255,.10)!important;color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-badges > button{background:var(--an-metal)!important;color:var(--an-on-gold)!important;border-color:transparent!important;font-weight:900!important;position:relative}
html.dark[data-accent="navygold"] #properties-grid .pc-badges > button::after{content:"";position:absolute;inset:-9px -4px}
html.dark[data-accent="navygold"] #properties-grid .pc-area{background:rgba(8,15,32,.82)!important;border-color:var(--an-line-gold)!important;color:var(--an-gold-hi)!important;border-radius:999px!important;
  box-shadow:0 10px 22px -10px rgba(0,0,0,.8)}
html.dark[data-accent="navygold"] #properties-grid .pc-nav{background:rgba(8,15,32,.78)!important;border-color:var(--an-line-gold)!important;color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"][data-fx="full"] #properties-grid .pc-badges > *{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.dark[data-accent="navygold"]:not([data-fx="full"]) #properties-grid .backdrop-blur-md{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* the no-photo cover: night skyline instead of the flat icon box */
html.dark[data-accent="navygold"] #properties-grid .pc-media > .pc-cover{position:relative;overflow:hidden!important;
  border-radius:calc(var(--an-r-lg) - 1px) calc(var(--an-r-lg) - 1px) 0 0;
  background:
    radial-gradient(60px 60px at 22% 26%,rgba(243,223,176,.55),rgba(243,223,176,.10) 45%,transparent 70%),
    radial-gradient(420px 180px at 80% 0%,rgba(198,165,99,.16),transparent 70%),
    linear-gradient(180deg,#0B1630 0%,#15305A 58%,#1F3E68 100%)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-media > .pc-cover::before{content:""!important;position:absolute;inset:21% auto auto 20%!important;width:15px;height:15px;border-radius:50%;
  border:0!important;transform:none!important;box-shadow:0 0 18px 4px rgba(243,223,176,.25)!important;background:radial-gradient(circle at 40% 40%,#FBF1D6,#EAD39C 60%,#C6A563);opacity:.92;pointer-events:none}
html.dark[data-accent="navygold"] #properties-grid .pc-cover > .pc-sky{position:absolute;inset:0;pointer-events:none;
  background:var(--pc-sky-a) center bottom / cover no-repeat;transition:transform var(--an-d4) var(--an-e-out)}
html.dark[data-accent="navygold"] #properties-grid > .pc-card:nth-child(even) .pc-sky{background-image:var(--pc-sky-b)}
html.dark[data-accent="navygold"] #properties-grid > .pc-card:nth-child(3n) .pc-sky{background-position:30% bottom}
html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner .pc-sky{background-image:var(--pc-sky-p);background-position:center bottom}
html.dark[data-accent="navygold"] #properties-grid > .pc-card.pc-partner .pc-cover{
  background:
    radial-gradient(60px 60px at 22% 26%,rgba(251,214,150,.45),transparent 70%),
    radial-gradient(420px 180px at 80% 0%,rgba(245,158,11,.18),transparent 70%),
    linear-gradient(180deg,#121A33 0%,#2A2E4A 62%,#3A3549 100%)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-cover > :not(.pc-sky){display:none!important}
html.dark[data-accent="navygold"] #properties-grid > .pc-card:hover .pc-sky{transform:scale(1.04)}

/* body */
html.dark[data-accent="navygold"] #properties-grid .pc-title{color:var(--an-tx-1)!important;font-weight:800!important}
html.dark[data-accent="navygold"] #properties-grid .pc-meta{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-price{background:linear-gradient(180deg,rgba(8,15,32,.66),rgba(8,15,32,.34))!important;
  border:1px solid var(--an-line-gold)!important;border-radius:var(--an-r-md)!important;
  box-shadow:inset 0 1px 0 rgba(243,223,176,.06),0 12px 24px -18px rgba(0,0,0,.8)}
html.dark[data-accent="navygold"] #properties-grid .pc-price p:first-child,html.dark[data-accent="navygold"] #properties-grid .pc-price-rent span:first-child{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-amt{color:#E8C980!important;font-weight:900!important;letter-spacing:-.01em;text-shadow:0 0 18px rgba(198,165,99,.25)}
html.dark[data-accent="navygold"] #properties-grid .pc-words{color:var(--an-gold)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-price-rent > div + div{border-top-color:rgba(198,165,99,.18)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-price-partner{border-color:rgba(245,158,11,.40)!important}
html.dark[data-accent="navygold"] #properties-grid .pc-price-partner .pc-amt{color:#FCD34D!important;text-shadow:0 0 18px rgba(245,158,11,.25)}
html.dark[data-accent="navygold"] #properties-grid .pc-price-partner .pc-words{color:#FBBF24!important}
html.dark[data-accent="navygold"] #properties-grid .pc-acts{border-top-color:var(--an-hair)!important}

/* phone pills and action buttons */
html.dark[data-accent="navygold"] #properties-grid .pc-tel{background:rgba(8,15,32,.45);border-color:var(--an-hair);color:var(--an-tx-2);min-height:40px;
  transition:border-color var(--an-d2),background-color var(--an-d2)}
html.dark[data-accent="navygold"] #properties-grid .pc-tel b{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] #properties-grid a.pc-tel:hover{border-color:var(--an-line-gold);background:rgba(24,43,69,.7)}
html.dark[data-accent="navygold"] #properties-grid .pc-tel.off{opacity:1;color:var(--an-tx-3);border-style:dashed}
html.dark[data-accent="navygold"] .pc-btn{background:linear-gradient(180deg,rgba(43,68,100,.65),rgba(24,43,69,.75));border-color:rgba(168,181,199,.16);color:var(--an-tx-1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -10px rgba(0,0,0,.8);
  transition:transform var(--an-d1) var(--an-e-out),border-color var(--an-d2),box-shadow var(--an-d2),background-position var(--an-d4) var(--an-e-out)}
html.dark[data-accent="navygold"] .pc-btn:hover{border-color:var(--an-line-gold)}
html.dark[data-accent="navygold"] .pc-btn:not(.pc-green):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 20px -12px rgba(0,0,0,.9),0 0 0 1px rgba(198,165,99,.12)}
html.dark[data-accent="navygold"] .pc-amber{background:linear-gradient(180deg,rgba(245,158,11,.16),rgba(245,158,11,.08))!important;border-color:rgba(245,158,11,.34)!important;color:#FCD34D!important}
html.dark[data-accent="navygold"] .pc-purple{background:linear-gradient(180deg,rgba(168,85,247,.16),rgba(168,85,247,.08))!important;border-color:rgba(192,132,252,.32)!important;color:#D8B4FE!important}
html.dark[data-accent="navygold"] #properties-grid .pc-details{background:rgba(8,15,32,.42);border-color:var(--an-hair)}
html.dark[data-accent="navygold"] #properties-grid .pc-details summary{color:var(--an-tx-2)}
html.dark[data-accent="navygold"] #properties-grid .pc-details summary::after{color:var(--an-gold-hi)}

/* ---------- properties page chrome ---------- */
html.dark[data-accent="navygold"] .ng-properties .pp-card{background:var(--an-card)!important;border:1px solid var(--an-hair)!important;
  box-shadow:var(--an-sh-1),inset 0 1px 0 rgba(243,223,176,.06)!important;position:relative}
html.dark[data-accent="navygold"][data-fx="full"] .ng-properties > .pp-card{-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%)}
html.dark[data-accent="navygold"] .ng-properties .pp-search input:not([type=hidden]){background:linear-gradient(180deg,rgba(8,15,32,.85),rgba(16,29,53,.7))!important;
  border-color:rgba(168,181,199,.18)!important;color:var(--an-tx-1)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}
html.dark[data-accent="navygold"] .ng-properties .pp-search input:not([type=hidden]):focus{border-color:rgba(198,165,99,.7)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 0 0 3px rgba(198,165,99,.16)!important;outline:none}
html.dark[data-accent="navygold"] .ng-properties .pp-search .ico{color:var(--an-gold)}
html.dark[data-accent="navygold"] .ng-properties .pp-search .pp-ai{background:var(--an-metal)!important;color:var(--an-on-gold)!important;box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)}
html.dark[data-accent="navygold"] .ng-properties .pp-seg{background:rgba(8,15,32,.55)!important;border:1px solid var(--an-hair);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
html.dark[data-accent="navygold"] .ng-properties .pp-seg > button{color:var(--an-tx-2)!important;background:transparent!important;background-image:none!important;border:1px solid transparent!important;box-shadow:none!important}
html.dark[data-accent="navygold"] .ng-properties .pp-seg > button:hover{color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .ng-properties .pp-tabs > button[aria-pressed="true"]{background-image:var(--an-metal)!important;color:var(--an-on-gold)!important;
  box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)!important;font-weight:900!important}
html.dark[data-accent="navygold"] .ng-properties #privacy-filters-wrapper > button[aria-pressed="true"]{background:var(--an-ink-3)!important;color:var(--an-gold-hi)!important;
  border-color:var(--an-line-gold)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
html.dark[data-accent="navygold"] .ng-properties .cat-filter-btn{background:linear-gradient(180deg,rgba(33,55,83,.55),rgba(24,43,69,.55))!important;border-color:var(--an-hair)!important;
  color:var(--an-tx-2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;transition:border-color var(--an-d2),color var(--an-d2),transform var(--an-d1)}
html.dark[data-accent="navygold"] .ng-properties .cat-filter-btn:hover{border-color:var(--an-line-gold)!important;color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .ng-properties .cat-filter-btn[aria-pressed="true"]{background:var(--an-metal)!important;border-color:rgba(243,223,176,.55)!important;color:var(--an-on-gold)!important;
  box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)!important;font-weight:900!important}
html.dark[data-accent="navygold"] .ng-properties .pp-bar > .pp-btn:not(.primary),html.dark[data-accent="navygold"] .ng-properties .pp-bar > .relative > .pp-btn{
  background:linear-gradient(180deg,rgba(43,68,100,.7),rgba(24,43,69,.8))!important;border-color:rgba(168,181,199,.18)!important;color:var(--an-tx-1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px -12px rgba(0,0,0,.8)}
html.dark[data-accent="navygold"] .ng-properties .pp-bar > .pp-btn:not(.primary):hover,html.dark[data-accent="navygold"] .ng-properties .pp-bar > .relative > .pp-btn:hover{border-color:var(--an-line-gold)!important}
html.dark[data-accent="navygold"] .ng-properties .pp-menu{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border-color:var(--an-line-gold)!important;box-shadow:0 30px 60px -24px rgba(0,0,0,.85)}
html.dark[data-accent="navygold"] .ng-properties .pp-menu button{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .ng-properties .pp-menu button:hover{background:rgba(198,165,99,.10)}
/* promo strip (daily suggestions) */
html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo{position:relative;overflow:hidden;border-color:var(--an-line-gold)!important;
  background:linear-gradient(100deg,rgba(198,165,99,.13),rgba(33,55,83,.55) 38%,rgba(16,29,53,.75))!important}
html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo > summary{min-height:28px}
html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo > summary > span:last-child{color:var(--an-on-gold)!important;background:var(--an-metal);padding:4px 12px;border-radius:999px;font-weight:900!important}
html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo [data-lucide="lightbulb"],html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo svg.lucide-lightbulb{color:var(--an-gold-hi)!important;filter:drop-shadow(0 0 6px rgba(243,223,176,.45))}
html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo .border-t{border-top-color:var(--an-hair)!important}
html.dark[data-accent="navygold"] #pp-sheet .box{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border:1px solid var(--an-line-gold);border-bottom:0;box-shadow:0 -30px 60px -30px rgba(0,0,0,.8)}
html.dark[data-accent="navygold"] #pp-sheet .it:hover{background:rgba(198,165,99,.10)}
html.dark[data-accent="navygold"] #pp-sheet .grip,html.dark[data-accent="navygold"] #cu-sheet .grip{background:var(--an-gold-deep)}

/* ---------- customer cards ---------- */
html.dark[data-accent="navygold"] .cu-card{position:relative;background:var(--an-card)!important;border:1px solid var(--an-hair)!important;border-radius:var(--an-r-lg)!important;
  box-shadow:var(--an-sh-2)}
html.dark[data-accent="navygold"] .cu-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,transparent 8%,rgba(243,223,176,.32) 50%,transparent 92%);opacity:.6;transition:opacity var(--an-d2)}
html.dark[data-accent="navygold"] .cu-card:hover,html.dark[data-accent="navygold"] .cu-card:focus-within{border-color:rgba(198,165,99,.5)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 28px 54px -24px rgba(0,0,0,.85),0 0 0 1px rgba(198,165,99,.22)}
html.dark[data-accent="navygold"] .cu-card:hover::before{opacity:1}
html.dark[data-accent="navygold"] .cu-card.builder{border-color:rgba(245,158,11,.42)!important}
html.dark[data-accent="navygold"] .cu-card.builder::before{background:linear-gradient(90deg,transparent 8%,rgba(251,191,36,.5) 50%,transparent 92%)}
html.dark[data-accent="navygold"] .cu-card .cu-name{color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .cu-card .cu-phone{color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .cu-card p.text-slate-500{color:var(--an-tx-2)!important}
/* gold avatar ring */
html.dark[data-accent="navygold"] .cu-av{background:linear-gradient(160deg,#25406A,#132744) padding-box,var(--an-metal) border-box!important;
  border:2px solid transparent!important;color:var(--an-gold-hi)!important;border-radius:14px;
  box-shadow:0 8px 18px -10px rgba(198,165,99,.55),inset 0 1px 0 rgba(255,255,255,.08)}
html.dark[data-accent="navygold"] .cu-card.builder .cu-av{background:linear-gradient(160deg,#3A3247,#1E2440) padding-box,linear-gradient(135deg,#FDE68A,#F59E0B 55%,#B45309) border-box!important}
/* chips */
html.dark[data-accent="navygold"] .cu-chip{border:1px solid rgba(168,181,199,.16);background:rgba(8,15,32,.42);color:var(--an-tx-2);border-radius:999px;padding:3px 9px}
html.dark[data-accent="navygold"] .cu-chip.cu-kind,html.dark[data-accent="navygold"] .cu-chip.cu-cat,html.dark[data-accent="navygold"] .cu-chip.cu-tg{border-color:currentColor;border-color:color-mix(in srgb,currentColor 34%,transparent)}
html.dark[data-accent="navygold"] .cu-chip.cu-k-buy{color:var(--an-gold-hi)!important;background:rgba(198,165,99,.12)!important}
html.dark[data-accent="navygold"] .cu-chip.cu-k-rent,html.dark[data-accent="navygold"] .cu-chip.cu-tg,html.dark[data-accent="navygold"] .cu-chip.cu-c-cold{color:var(--an-info)!important;background:rgba(141,184,242,.10)!important}
html.dark[data-accent="navygold"] .cu-chip.cu-c-normal{color:var(--an-tx-2)!important;background:rgba(168,181,199,.08)!important}
html.dark[data-accent="navygold"] .cu-chip.cu-c-vip{color:var(--an-on-gold)!important;background:var(--an-metal)!important;border-color:transparent}
html.dark[data-accent="navygold"] .cu-chip.cu-c-hot_lead{color:var(--an-bad)!important;background:rgba(240,138,138,.12)!important}
html.dark[data-accent="navygold"] .cu-chip.cu-cat{position:relative}
html.dark[data-accent="navygold"] .cu-chip.cu-cat::after{content:"";position:absolute;inset:-9px -4px}
/* money in gold */
html.dark[data-accent="navygold"] .cu-money{background:linear-gradient(180deg,rgba(8,15,32,.62),rgba(8,15,32,.32))!important;border:1px solid var(--an-line-gold)!important;border-radius:var(--an-r-md);
  box-shadow:inset 0 1px 0 rgba(243,223,176,.06)}
html.dark[data-accent="navygold"] .cu-money .text-slate-500{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .cu-money b{color:#E8C980!important;text-shadow:0 0 16px rgba(198,165,99,.25)}
/* actions */
html.dark[data-accent="navygold"] .cu-a{background:linear-gradient(180deg,rgba(43,68,100,.6),rgba(24,43,69,.72));border-color:rgba(168,181,199,.16);color:var(--an-tx-1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -10px rgba(0,0,0,.8);transition:border-color var(--an-d2),transform var(--an-d1) var(--an-e-out),box-shadow var(--an-d2)}
html.dark[data-accent="navygold"] .cu-a:not(.call):not(.cu-off):hover{border-color:var(--an-line-gold)}
html.dark[data-accent="navygold"] .cu-a.call{box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)!important}
html.dark[data-accent="navygold"] .cu-a.call:hover{background-position:100% 50%!important}
html.dark[data-accent="navygold"] .cu-a.cu-off{opacity:1!important;color:var(--an-tx-3);border-style:dashed;background:rgba(8,15,32,.35)}
/* 3D layers inside the auto-tilted card */
html.dark[data-accent="navygold"][data-fx="full"] .cu-card{transform-style:preserve-3d}
html.dark[data-accent="navygold"][data-fx="full"] .cu-card .cu-av{transform:translateZ(30px)}
html.dark[data-accent="navygold"][data-fx="full"] .cu-card .cu-cat{transform:translateZ(24px)}
html.dark[data-accent="navygold"][data-fx="full"] .cu-card .cu-moneywrap{transform:translateZ(16px)}
html.dark[data-accent="navygold"][data-fx="full"] .cu-card .cu-acts{transform:translateZ(10px)}
/* filters + header */
html.dark[data-accent="navygold"] .cu-f{background:linear-gradient(180deg,rgba(33,55,83,.55),rgba(24,43,69,.55));border-color:var(--an-hair);color:var(--an-tx-2);border-radius:999px;
  transition:border-color var(--an-d2),color var(--an-d2)}
html.dark[data-accent="navygold"] .cu-f:hover{border-color:var(--an-line-gold);color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .cu-f.on{background:var(--an-metal);border-color:rgba(243,223,176,.55);color:var(--an-on-gold);box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)}
html.dark[data-accent="navygold"] .cu-f.on .opacity-70{opacity:.85}
html.dark[data-accent="navygold"] .ng-customers #customer-search-input{background:linear-gradient(180deg,rgba(8,15,32,.85),rgba(16,29,53,.7))!important;border-color:rgba(168,181,199,.18)!important;
  color:var(--an-tx-1)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}
html.dark[data-accent="navygold"] .ng-customers #customer-search-input:focus{border-color:rgba(198,165,99,.7)!important;outline:none;box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 0 0 3px rgba(198,165,99,.16)!important}
html.dark[data-accent="navygold"] .ng-customers header button[onclick^="openBulkImport"]{background:linear-gradient(180deg,rgba(43,68,100,.7),rgba(24,43,69,.8))!important;
  border-color:rgba(168,181,199,.18)!important;color:var(--an-tx-1)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark[data-accent="navygold"] #cu-sheet .box{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border:1px solid var(--an-line-gold);border-bottom:0}
html.dark[data-accent="navygold"] #cu-sheet .it:hover{background:rgba(198,165,99,.10)}
html.dark[data-accent="navygold"] [id^="cat-dropdown-"]{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border-color:var(--an-line-gold)!important}

/* ---------- mobile: comfortable tap targets ---------- */
@media (max-width:640px){
  html.dark[data-accent="navygold"] .ng-properties .pp-seg > button,html.dark[data-accent="navygold"] .ng-properties .cat-filter-btn{min-height:40px}
  html.dark[data-accent="navygold"] .ng-properties .pp-search .tools button{height:40px}
  html.dark[data-accent="navygold"] .ng-properties .pp-search input:not([type=hidden]){height:50px;padding-left:138px}
  html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo button:not(.pc-btn){min-height:40px;min-width:44px}
  html.dark[data-accent="navygold"] .cu-card .cu-phone{position:relative}
  html.dark[data-accent="navygold"] .cu-card .cu-phone::after{content:"";position:absolute;inset:-12px -4px}
  html.dark[data-accent="navygold"] .pc-btn{height:42px}
  html.dark[data-accent="navygold"] #properties-grid .pc-nav{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  html.dark[data-accent="navygold"] .cu-f{min-height:40px}
  html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo > summary{min-height:40px}
  html.dark[data-accent="navygold"] #mkt-suggestions .pp-promo .pc-btn{height:40px!important}
}
@media (prefers-reduced-motion:reduce){
  html.dark[data-accent="navygold"] #properties-grid .pc-sky{transition:none}
  html.dark[data-accent="navygold"] #properties-grid > .pc-card:hover .pc-sky{transform:none}
}

/* ==========================================================================
   Invitations: sealed envelopes (/invitations), header invitation bell,
   manager invites (team modal), team member cards, super-admin SMS invites
   ========================================================================== */

/* ---------- shared status pills ---------- */
html.dark[data-accent="navygold"] .ay-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;line-height:1.5}
html.dark[data-accent="navygold"] .ay-pill-warn{color:var(--an-warn);background:rgba(232,184,100,.12);box-shadow:inset 0 0 0 1px rgba(232,184,100,.32)}
html.dark[data-accent="navygold"] .ay-pill-info{color:var(--an-info);background:rgba(141,184,242,.12);box-shadow:inset 0 0 0 1px rgba(141,184,242,.30)}
html.dark[data-accent="navygold"] .ay-pill-ok{color:var(--an-ok);background:rgba(92,201,160,.12);box-shadow:inset 0 0 0 1px rgba(92,201,160,.30)}
html.dark[data-accent="navygold"] .ay-pill-bad{color:var(--an-bad);background:rgba(240,138,138,.12);box-shadow:inset 0 0 0 1px rgba(240,138,138,.30)}

/* ---------- 1 · /invitations page ---------- */
html.dark[data-accent="navygold"] .ay-inv-member{background:linear-gradient(120deg,rgba(198,165,99,.16),rgba(33,55,83,.55) 55%,rgba(16,29,53,.75))!important;
  border-color:var(--an-line-gold)!important;box-shadow:var(--an-sh-2)!important}
html.dark[data-accent="navygold"] .ay-inv-member .text-emerald-600,html.dark[data-accent="navygold"] .ay-inv-member .dark\:text-emerald-400,html.dark[data-accent="navygold"] .ay-inv-member .text-emerald-500{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .ay-inv-member-ic{background:var(--an-metal)!important;color:var(--an-on-gold)!important;box-shadow:var(--an-sh-gold)!important}
html.dark[data-accent="navygold"] .ay-inv-benefit{background:var(--an-card)!important;border-color:var(--an-hair)!important;box-shadow:var(--an-sh-1)!important}
html.dark[data-accent="navygold"] .ay-inv-benefit > svg,html.dark[data-accent="navygold"] .ay-inv-benefit > i{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .ay-inv-benefit .dark\:text-purple-200{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .ay-inv-benefit strong{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .ay-inv-loading > div{border-color:var(--an-gold)!important;border-top-color:transparent!important}
html.dark[data-accent="navygold"] .ay-inv-h1ic{color:var(--an-gold-hi)!important}

/* empty state */
html.dark[data-accent="navygold"] .ay-inv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--an-card)!important;
  border:1px dashed var(--an-line-gold)!important;color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .ay-inv-empty-art{width:64px;height:64px;border-radius:20px;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,rgba(243,223,176,.22),rgba(198,165,99,.06));color:var(--an-gold-hi);
  box-shadow:inset 0 0 0 1px var(--an-line-gold),0 16px 30px -18px rgba(198,165,99,.6)}
html.dark[data-accent="navygold"][data-fx="full"] .ay-inv-empty-art{animation:ay-bob 5s ease-in-out infinite}
@keyframes ay-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}

/* invitation card: envelope on the start side, status + actions beside it */
html.dark[data-accent="navygold"] .ay-inv-card{position:relative;display:grid!important;grid-template-columns:minmax(0,300px) minmax(0,1fr);
  grid-template-areas:"env state" "env acts";align-items:center;column-gap:28px;row-gap:16px;
  background:var(--an-card)!important;border:1px solid var(--an-line-gold)!important;box-shadow:var(--an-sh-2)!important;overflow:visible}
html.dark[data-accent="navygold"] .ay-inv-card:hover{border-color:rgba(234,211,156,.5)!important}
html.dark[data-accent="navygold"] .ay-inv-card .ay-inv-info{display:none!important}
html.dark[data-accent="navygold"] .ay-inv-card .ay-env-wrap{grid-area:env}
html.dark[data-accent="navygold"] .ay-inv-card .ay-inv-state{grid-area:state;flex-direction:column;align-items:flex-start;gap:6px;align-self:end;min-width:0}
html.dark[data-accent="navygold"] .ay-inv-card .ay-inv-acts{grid-area:acts;align-self:start;border-top:0!important;padding-top:0!important;flex-wrap:wrap}
html.dark[data-accent="navygold"] .ay-inv-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--an-gold)}
html.dark[data-accent="navygold"] .ay-inv-agency{font-size:1.05rem;font-weight:900;color:var(--an-tx-1);line-height:1.5;overflow-wrap:anywhere}
html.dark[data-accent="navygold"] .ay-inv-staterow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.72rem;color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ay-inv-acts .ay-inv-decline{background:linear-gradient(180deg,rgba(33,55,83,.95),rgba(24,43,69,.95))!important;color:var(--an-tx-1)!important;
  border:1px solid var(--an-hair)!important}
html.dark[data-accent="navygold"] .ay-inv-acts .ay-inv-decline:hover{color:var(--an-bad)!important;border-color:rgba(240,138,138,.4)!important}
@media (max-width:767px){
  html.dark[data-accent="navygold"] .ay-inv-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"env" "state" "acts";row-gap:14px}
  html.dark[data-accent="navygold"] .ay-inv-card .ay-inv-state{align-items:center;text-align:center}
  html.dark[data-accent="navygold"] .ay-inv-card .ay-inv-staterow{justify-content:center}
}

/* the envelope */
html.dark[data-accent="navygold"] .ay-env-wrap{justify-content:center;padding-block:86px 8px;perspective:900px}
html.dark[data-accent="navygold"] .ay-env{position:relative;width:min(100%,280px);aspect-ratio:1.55;transform-style:preserve-3d}
html.dark[data-accent="navygold"] .ay-env-back,html.dark[data-accent="navygold"] .ay-env-front,html.dark[data-accent="navygold"] .ay-env-flap{position:absolute;inset:0;border-radius:14px}
html.dark[data-accent="navygold"] .ay-env-back{background:linear-gradient(160deg,#1F3656,#132540);box-shadow:0 26px 40px -24px rgba(0,0,0,.9),inset 0 0 0 1px rgba(198,165,99,.28)}
html.dark[data-accent="navygold"] .ay-env-letter{position:absolute;inset-inline:7%;inset-block-start:8%;height:90%;border-radius:10px;z-index:1;
  background:linear-gradient(180deg,#F7EED8,#EAD9B0);color:#1B2840;padding:12px 14px;display:flex;flex-direction:column;gap:4px;overflow:hidden;
  box-shadow:0 8px 20px -10px rgba(0,0,0,.6);transform:translate3d(0,0,1px);
  transition:transform var(--an-d4) var(--an-e-out) 120ms}
html.dark[data-accent="navygold"] .ay-env-lh{display:flex;align-items:center;gap:8px;min-width:0}
html.dark[data-accent="navygold"] .ay-env-lh b{font-size:.82rem;font-weight:900;color:#14213A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.dark[data-accent="navygold"] .ay-env-mono{flex:none;width:26px;height:26px;border-radius:8px;background:#1B2840;color:#EAD39C;display:grid;place-items:center;font-size:.75rem;font-weight:900}
html.dark[data-accent="navygold"] .ay-env-from{font-size:.7rem;color:#3B4A63;margin:0}
html.dark[data-accent="navygold"] .ay-env-from strong{color:#14213A}
html.dark[data-accent="navygold"] .ay-env-msg{font-size:.7rem;line-height:1.65;color:#2F3D55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html.dark[data-accent="navygold"] .ay-env-date{margin-top:auto;display:flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;color:#6B4F1C}
html.dark[data-accent="navygold"] .ay-env-front{z-index:2;background:linear-gradient(200deg,#22406A,#152B49 60%);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);
  box-shadow:inset 0 0 0 1px rgba(198,165,99,.28);transform:translateZ(2px)}
html.dark[data-accent="navygold"] .ay-env-front::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 40%,rgba(243,223,176,.12) 50%,transparent 60%)}
html.dark[data-accent="navygold"] .ay-env-flap{z-index:3;transform-origin:50% 0;background:linear-gradient(180deg,#2A4A75,#1A3356);clip-path:polygon(0 0,100% 0,50% 58%);
  transform:rotateX(0deg) translateZ(3px);transition:transform var(--an-d4) var(--an-e-out),z-index 0s 300ms}
html.dark[data-accent="navygold"] .ay-env-seal{position:absolute;left:50%;top:52%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;z-index:4;
  background:radial-gradient(circle at 35% 30%,#F3DFB0,#C6A563 45%,#7E6230);color:#2B1E06;display:grid;place-items:center;
  box-shadow:0 6px 14px -4px rgba(0,0,0,.7),inset 0 -2px 6px rgba(0,0,0,.35),0 0 0 3px rgba(198,165,99,.18);
  transform:translateZ(6px);transition:transform var(--an-d3) var(--an-e-spring),opacity var(--an-d3)}
html.dark[data-accent="navygold"] .ay-env-toggle{position:absolute;inset:0;z-index:5;border:0;border-radius:14px;background:transparent;cursor:pointer;padding:0}
html.dark[data-accent="navygold"] .ay-env-toggle:focus-visible{outline:2px solid var(--an-gold-hi);outline-offset:4px}
html.dark[data-accent="navygold"] .ay-env.is-open .ay-env-flap{transform:rotateX(178deg) translateZ(3px);z-index:0}
html.dark[data-accent="navygold"] .ay-env.is-open .ay-env-seal{transform:translateZ(6px) scale(0);opacity:0}
html.dark[data-accent="navygold"] .ay-env.is-open .ay-env-letter{transform:translate3d(0,-46%,4px)}
html.dark[data-accent="navygold"] .ay-env.is-open .ay-env-toggle{inset-block-start:auto;height:56%}
html.dark[data-accent="navygold"] .ay-env:not(.is-open):hover .ay-env-seal{transform:translateZ(6px) scale(1.08) rotate(-8deg)}
html.dark[data-accent="navygold"] .ay-env-seal::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}
html.dark[data-accent="navygold"][data-fx="full"] .ay-env:not(.is-open) .ay-env-seal::after{animation:an-pulse 2.6s ease-out infinite}
html.dark[data-accent="navygold"][data-fx="off"] .ay-env *{transition:none!important}

/* ---------- 4 · header invitation bell + popover ---------- */
html.dark[data-accent="navygold"] #invitation-badge{background:var(--an-metal)!important;color:var(--an-on-gold)!important;--tw-ring-color:var(--an-ink-1);
  box-shadow:0 0 0 2px var(--an-ink-1),0 4px 12px rgba(198,165,99,.5)!important;top:-5px;left:-5px}
html.dark[data-accent="navygold"] header.sticky #invitation-btn{border-color:var(--an-line-gold)!important;color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] #invitation-btn svg{transform-origin:50% 10%}
html.dark[data-accent="navygold"][data-fx="full"] #invitation-btn.ay-ring svg{animation:ay-ring 1.2s var(--an-e-out) 2}
@keyframes ay-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
html.dark[data-accent="navygold"] #invitations-modal{background:rgba(4,8,18,.72)!important}
html.dark[data-accent="navygold"] .ay-inv-pop{background:linear-gradient(170deg,rgba(27,47,75,.97),rgba(16,29,53,.98))!important;border-color:var(--an-line-gold)!important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)!important;perspective:900px}
html.dark[data-accent="navygold"][data-fx="full"] .ay-inv-pop{transform-origin:top center;animation:ay-popin var(--an-d3) var(--an-e-spring) both}
@keyframes ay-popin{from{opacity:0;transform:perspective(800px) rotateX(-16deg) translateY(-10px)}to{opacity:1;transform:none}}
html.dark[data-accent="navygold"] .ay-inv-pop h3 svg{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .ay-inv-pop > a{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .ay-inv-it{background:linear-gradient(165deg,rgba(33,55,83,.85),rgba(24,43,69,.9))!important;border-color:var(--an-hair)!important;
  box-shadow:var(--an-sh-1),0 0 0 1px rgba(198,165,99,.08);transition:transform var(--an-d2) var(--an-e-out),border-color var(--an-d2)}
html.dark[data-accent="navygold"] .ay-inv-it:hover{border-color:var(--an-line-gold)!important}
html.dark[data-accent="navygold"][data-fx="full"] .ay-inv-it:hover{transform:perspective(700px) rotateX(4deg) translateY(-2px)}
html.dark[data-accent="navygold"] .ay-inv-it .border-t{border-color:var(--an-hair)!important}
html.dark[data-accent="navygold"] .ay-inv-lg{flex:none;width:30px;height:30px;border-radius:10px;align-items:center;justify-content:center;background:var(--an-metal);color:var(--an-on-gold);font-weight:900;font-size:.8rem}
html.dark[data-accent="navygold"] .ay-inv-it .text-slate-400{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .ay-inv-no{background:linear-gradient(180deg,rgba(33,55,83,.95),rgba(16,29,53,.95))!important;color:var(--an-tx-1)!important;border:1px solid var(--an-hair)}

/* ---------- 2 · manager invites an independent agent (team modal) ---------- */
html.dark[data-accent="navygold"] .ay-tm-modal{background:linear-gradient(170deg,#1B2F4B,#101D35)!important;border-color:var(--an-line-gold)!important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)!important}
html.dark[data-accent="navygold"] .ay-tm-modal .border-b{border-color:var(--an-hair)!important}
html.dark[data-accent="navygold"] .ay-tm-modal h3 + svg,html.dark[data-accent="navygold"] .ay-tm-modal .text-emerald-500{color:var(--an-gold-hi)!important}
html.dark[data-accent="navygold"] .ay-tm-modal :is(input,textarea):not([type=checkbox]){background:rgba(8,15,32,.55)!important;border:1px solid var(--an-hair)!important;color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .ay-tm-modal p.text-slate-400{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"] .ay-tm-modal button.rounded-full{background:var(--an-ink-3)!important;color:var(--an-tx-1)!important}
html.dark[data-accent="navygold"] .ay-tm-modal .ay-letter{background:linear-gradient(180deg,rgba(247,238,216,.07),rgba(198,165,99,.05))!important;border-color:var(--an-line-gold)!important;
  box-shadow:inset 0 1px 0 rgba(243,223,176,.08)}
html.dark[data-accent="navygold"] .ay-pick-wrap{margin-bottom:2px}
html.dark[data-accent="navygold"] .ay-pick-label{display:block;font-size:.72rem;font-weight:800;color:var(--an-gold);margin-bottom:8px}
html.dark[data-accent="navygold"] .ay-pick{display:flex;flex-direction:column;gap:8px;max-height:212px;overflow-y:auto;padding:2px}
html.dark[data-accent="navygold"] .ay-pick-empty{font-size:.72rem;color:var(--an-tx-2);padding:8px 2px}
html.dark[data-accent="navygold"] .ay-pick-it{display:flex;align-items:center;gap:10px;width:100%;text-align:right;padding:8px 10px;border-radius:14px;cursor:pointer;
  background:rgba(16,29,53,.6);border:1px solid var(--an-hair);color:var(--an-tx-1);
  transition:border-color var(--an-d2),background var(--an-d2),box-shadow var(--an-d2),transform var(--an-d2) var(--an-e-out)}
html.dark[data-accent="navygold"] .ay-pick-it:hover{border-color:var(--an-line-gold)}
html.dark[data-accent="navygold"][data-fx="full"] .ay-pick-it:hover{transform:translateY(-1px)}
html.dark[data-accent="navygold"] .ay-pick-it[aria-pressed="true"]{border-color:var(--an-gold);background:rgba(198,165,99,.10);box-shadow:0 0 0 3px rgba(198,165,99,.14)}
html.dark[data-accent="navygold"] .ay-pick-av{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:.72rem;font-weight:900;
  background:linear-gradient(160deg,#2A4466,#182B45);color:var(--an-gold-hi);box-shadow:inset 0 0 0 1px var(--an-line-gold)}
html.dark[data-accent="navygold"] .ay-pick-tx{flex:1;min-width:0;display:flex;flex-direction:column}
html.dark[data-accent="navygold"] .ay-pick-tx b{font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.dark[data-accent="navygold"] .ay-pick-tx span{font-size:.68rem;color:var(--an-tx-2);text-align:right}
html.dark[data-accent="navygold"] .ay-pick-ck{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--an-tx-3);transition:all var(--an-d2)}
html.dark[data-accent="navygold"] .ay-pick-it[aria-pressed="true"] .ay-pick-ck{border-color:transparent;background:var(--an-metal);
  box-shadow:inset 0 0 0 5px var(--an-gold-deep),inset 0 0 0 7px var(--an-gold-hi)}
html.dark[data-accent="navygold"] .ay-send-state{align-items:center;gap:8px;font-size:.72rem;color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ay-fly{position:relative;height:0}
html.dark[data-accent="navygold"] .ay-fly-env{position:absolute;left:50%;margin-left:-22px;top:-30px;width:44px;height:30px;border-radius:6px;opacity:0;pointer-events:none;
  background:var(--an-metal);box-shadow:0 8px 18px -6px rgba(198,165,99,.8)}
html.dark[data-accent="navygold"] .ay-fly-env::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,transparent 48%,rgba(11,20,38,.35) 50%,transparent 52%),linear-gradient(200deg,transparent 48%,rgba(11,20,38,.35) 50%,transparent 52%)}
html.dark[data-accent="navygold"][data-fx="full"] .ay-fly.go .ay-fly-env{animation:ay-fly 900ms var(--an-e-out) forwards}
@keyframes ay-fly{0%{opacity:0;transform:translate(0,0) scale(.6) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(60px,-230px) scale(.45) rotate(-18deg)}}

/* ---------- team member cards: metallic 3D ---------- */
html.dark[data-accent="navygold"] .ay-tm-card{position:relative;background:var(--an-card)!important;border:1px solid var(--an-hair)!important;
  box-shadow:var(--an-sh-2)!important;overflow:hidden;isolation:isolate}
html.dark[data-accent="navygold"] .ay-tm-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%),radial-gradient(420px 160px at 85% -10%,rgba(198,165,99,.12),transparent 70%)}
html.dark[data-accent="navygold"] .ay-tm-card:hover{border-color:var(--an-line-gold)!important}
html.dark[data-accent="navygold"] .ay-tm-card.is-manager{border-color:var(--an-line-gold)!important}
html.dark[data-accent="navygold"] .ay-tm-head,html.dark[data-accent="navygold"] .ay-tm-comm{border-color:var(--an-hair)!important}
html.dark[data-accent="navygold"] .ay-tm-av{background:var(--an-metal)!important;color:var(--an-on-gold)!important;border:0!important;box-shadow:var(--an-sh-gold)!important}
html.dark[data-accent="navygold"] .ay-tm-live{color:var(--an-ok)!important}
html.dark[data-accent="navygold"] .ay-tm-live span:last-child{background:var(--an-ok)!important;box-shadow:0 0 8px rgba(92,201,160,.7)}
html.dark[data-accent="navygold"] .ay-tm-edit{background:var(--an-ink-3)!important;color:var(--an-tx-2)!important;border:1px solid var(--an-hair)}
html.dark[data-accent="navygold"] .ay-tm-edit:hover{color:var(--an-gold-hi)!important;border-color:var(--an-line-gold)}
html.dark[data-accent="navygold"] .ay-tm-kpis > div{padding:10px 16px;border-radius:16px;background:rgba(8,15,32,.35);box-shadow:inset 0 0 0 1px var(--an-hair)}
html.dark[data-accent="navygold"] .ay-tm-kpis .text-slate-500{color:var(--an-tx-2)!important}
html.dark[data-accent="navygold"][data-fx="full"] .ay-tm-card :is(.ay-tm-av,.ay-tm-kpis){transform:translateZ(26px)}
html.dark[data-accent="navygold"][data-fx="full"] .ay-tm-card .ay-tm-head{transform-style:preserve-3d}
html.dark[data-accent="navygold"] #team-members-count{color:var(--an-gold-hi)!important}

/* ---------- 11 · super-admin SMS invitations to prospects ---------- */
html.dark[data-accent="navygold"] .ay-prospects .sa-card{background:var(--an-card)!important;border-color:var(--an-hair)!important;box-shadow:var(--an-sh-1)}
html.dark[data-accent="navygold"] .ay-sa-send{background:var(--an-metal)!important;border-color:rgba(243,223,176,.55)!important;color:var(--an-on-gold)!important;
  box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)!important;transition:transform var(--an-d2) var(--an-e-out),box-shadow var(--an-d2)}
html.dark[data-accent="navygold"] .ay-sa-send:hover{box-shadow:0 14px 30px -10px rgba(198,165,99,.65),inset 0 1px 0 rgba(255,255,255,.5)!important}
html.dark[data-accent="navygold"][data-fx="full"] .ay-sa-send:hover{transform:translateY(-1px)}
html.dark[data-accent="navygold"] .ay-sa-send:active{transform:translateY(1px) scale(.98)}
html.dark[data-accent="navygold"] .ay-prospects .sa-seg button.on{background:var(--an-metal)!important;color:var(--an-on-gold)!important}
html.dark[data-accent="navygold"] .ay-pr{position:relative;padding:10px 12px!important;margin-bottom:6px;border:1px solid var(--an-hair)!important;border-radius:14px;
  background:linear-gradient(180deg,rgba(33,55,83,.55),rgba(16,29,53,.65));transition:border-color var(--an-d2),transform var(--an-d2) var(--an-e-out)}
html.dark[data-accent="navygold"] .ay-pr:hover{border-color:var(--an-line-gold)!important}
html.dark[data-accent="navygold"][data-fx="full"] .ay-pr:hover{transform:translateX(-2px)}
html.dark[data-accent="navygold"] .ay-pr .sa-ib{background:var(--an-ink-3);border-color:var(--an-hair);color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] .ay-pr .sa-pill.warn{color:var(--an-warn);background:rgba(232,184,100,.12);box-shadow:inset 0 0 0 1px rgba(232,184,100,.32);border-radius:999px}
html.dark[data-accent="navygold"] .ay-pr .sa-pill.ok{color:var(--an-ok);background:rgba(92,201,160,.12);box-shadow:inset 0 0 0 1px rgba(92,201,160,.3);border-radius:999px}
html.dark[data-accent="navygold"] .ay-pr .sa-pill.ok::before{content:"✓ "}
html.dark[data-accent="navygold"] .ay-pr .sa-num small{color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ay-pr .ay-sms{position:absolute;inset-block-start:50%;inset-inline-end:46px;width:22px;height:16px;border-radius:4px;opacity:0;pointer-events:none;
  background:var(--an-metal);box-shadow:0 6px 14px -4px rgba(198,165,99,.8)}
html.dark[data-accent="navygold"][data-fx="full"] .ay-pr .ay-sms.go{animation:ay-sms 800ms var(--an-e-out) forwards}
@keyframes ay-sms{0%{opacity:1;transform:translate(0,-50%) scale(.6)}100%{opacity:0;transform:translate(-240px,-150%) scale(1) rotate(-12deg)}}

/* reduced motion: no flights, rings or bobbing */
@media (prefers-reduced-motion:reduce){
  html.dark[data-accent="navygold"] .ay-env *,html.dark[data-accent="navygold"] .ay-inv-pop,html.dark[data-accent="navygold"] .ay-inv-it,html.dark[data-accent="navygold"] .ay-pick-it,html.dark[data-accent="navygold"] .ay-pr{transition:none!important;animation:none!important}
  html.dark[data-accent="navygold"] #invitation-btn svg,html.dark[data-accent="navygold"] .ay-inv-empty-art,html.dark[data-accent="navygold"] .ay-fly-env,html.dark[data-accent="navygold"] .ay-sms{animation:none!important}
}
html.dark[data-accent="navygold"] .ay-pick-wrap{margin-bottom:14px}
html.dark[data-accent="navygold"] .ay-inv-title{display:flex;align-items:center;gap:8px;min-width:0}
html.dark[data-accent="navygold"] .ay-inv-title > span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.dark[data-accent="navygold"] .ay-tm-modal button[onclick="handleDeleteCurrentAgent()"]{background:rgba(240,138,138,.08)!important;color:var(--an-bad)!important;border-color:rgba(240,138,138,.3)!important}

/* ==========================================================================
   07 · Settings & invitations: referral ticket + progress ring, effects level,
   invite medals, locked rewards (settings + card studio), referral sign-up and
   the quick-start gift (public pages, ay-pub-*, always dark, not html.dark[data-accent="navygold"] scoped).
   ========================================================================== */

/* ---------- referral code: 3D gold ticket ---------- */
html.dark[data-accent="navygold"] .ng-settings #st-invite #st-code-box.ay-ticket{
  position:relative;padding:14px 16px;border-radius:18px;gap:12px;overflow:visible;
  background:radial-gradient(280px 140px at 88% -10%,rgba(243,223,176,.18),transparent 70%),linear-gradient(135deg,#24405F 0%,#1B3352 55%,#152A45 100%);
  border:1px solid var(--an-line-gold);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px -22px rgba(198,165,99,.45),0 14px 26px -18px rgba(0,0,0,.7)}
html.dark[data-accent="navygold"] .ng-settings #st-invite #st-code-box .ay-tk-main{display:flex;flex-direction:column;gap:2px}
html.dark[data-accent="navygold"] .ng-settings #st-invite #st-code-box small{color:var(--an-tx-2);font-size:12px}
html.dark[data-accent="navygold"] .ng-settings #st-invite #ref-code-display{font-size:1.32rem;font-weight:900;letter-spacing:.12em;line-height:1.35;
  background:var(--an-metal);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-sub{font-size:12px;font-weight:700;color:var(--an-gold-hi)}
/* perforation with the two half-circle cut-outs of a ticket stub */
html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-perf{position:relative;align-self:stretch;width:0;margin-block:-14px;flex:none;
  border-inline-start:1.5px dashed rgba(198,165,99,.45)}
html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-perf::before,html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-perf::after{content:"";position:absolute;inset-inline-start:-10px;
  width:18px;height:18px;border-radius:50%;background:#132842;border:1px solid var(--an-line-gold)}
html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-perf::before{top:-10px;clip-path:inset(50% 0 0 0)}
html.dark[data-accent="navygold"] .ng-settings #st-invite .ay-tk-perf::after{bottom:-10px;clip-path:inset(0 0 50% 0)}
html.dark[data-accent="navygold"][data-fx="full"] .ng-settings #st-invite #st-code-box .ay-tk-main{transform:translateZ(26px);transform-style:preserve-3d}
html.dark[data-accent="navygold"][data-fx="full"] .ng-settings #st-invite #st-code-box .st-btn{transform:translateZ(16px)}

/* ---------- progress ring toward 3 invites ---------- */
html.dark[data-accent="navygold"] .ng-settings .ay-inv-prog{align-items:center;gap:14px;margin-top:12px;padding:12px 14px;border-radius:16px;
  background:rgba(8,15,32,.38);border:1px solid var(--an-hair)}
html.dark[data-accent="navygold"] .ng-settings .ay-ring{position:relative;width:84px;height:84px;flex:none}
html.dark[data-accent="navygold"] .ng-settings .ay-ring svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
html.dark[data-accent="navygold"] .ng-settings .ay-ring .tr{stroke:var(--an-ink-3)}
html.dark[data-accent="navygold"] .ng-settings .ay-ring .pr{stroke:url(#ay-ring-g);stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(198,165,99,.45));
  transition:stroke-dashoffset 900ms var(--an-e-out)}
html.dark[data-accent="navygold"] .ng-settings .ay-ring .lbl{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.25;white-space:nowrap}
html.dark[data-accent="navygold"] .ng-settings .ay-ring .lbl b{font-size:.92rem;font-weight:900;color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .ng-settings .ay-ring .lbl small{display:block;font-size:12px;font-weight:700;color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ng-settings .ay-inv-info{display:flex;flex-direction:column;gap:8px;min-width:0}
html.dark[data-accent="navygold"] .ng-settings .ay-inv-info > b{font-size:12.5px;font-weight:900;color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] .ng-settings .ay-steps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
@media (min-width:640px){html.dark[data-accent="navygold"] .ng-settings .ay-steps{flex-direction:row;flex-wrap:wrap;gap:6px 14px}}
html.dark[data-accent="navygold"] .ng-settings .ay-steps li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ng-settings .ay-steps .n{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;
  background:var(--an-ink-3);color:var(--an-tx-1);box-shadow:inset 0 0 0 1px var(--an-hair)}
html.dark[data-accent="navygold"] .ng-settings .ay-steps li.done{color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .ng-settings .ay-steps li.done .n{background:var(--an-metal);color:var(--an-on-gold);box-shadow:0 4px 10px -4px rgba(198,165,99,.8),inset 0 1px 0 rgba(255,255,255,.5)}
html.dark[data-accent="navygold"] .ng-settings .ay-steps li.done .t::before{content:"✓";margin-inline-end:4px;color:var(--an-gold-hi);font-weight:900}

/* ---------- effects level (night-only radio group) ---------- */
html.dark[data-accent="navygold"] .ng-settings #st-fx .ay-fx-ic{background:rgba(198,165,99,.14);color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;padding:4px;border-radius:14px;
  background:rgba(8,15,32,.45);border:1px solid var(--an-hair)}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt{position:relative;display:block;cursor:pointer}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt span{display:flex;align-items:center;justify-content:center;gap:4px;height:38px;border-radius:10px;
  font-size:12px;font-weight:800;color:var(--an-tx-2);transition:background-color var(--an-d2),color var(--an-d2)}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt:hover span{color:var(--an-tx-1);background:rgba(168,181,199,.08)}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt input:checked + span{background:var(--an-metal);color:var(--an-on-gold);box-shadow:var(--an-sh-gold),inset 0 1px 0 rgba(255,255,255,.45)}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt input:checked + span::before{content:"✓";font-weight:900}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-opt input:focus-visible + span{outline:2px solid var(--an-gold-hi);outline-offset:2px}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-now{font-size:12px;font-weight:700;color:var(--an-tx-2);margin-top:8px}
html.dark[data-accent="navygold"] .ng-settings .ay-fx-now:empty{display:none}

/* ---------- locked rewards: gold padlock + gold progress ---------- */
html.dark[data-accent="navygold"] .ay-padl{display:block;color:var(--an-gold-hi);filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}
html.dark[data-accent="navygold"] .ay-padl .sh{transform-box:view-box;transform-origin:21.5px 14.5px;transition:transform var(--an-d4) var(--an-e-spring)}
/* premium cards (#ac-black needs 2, #ac-navygold needs 3 + coin): padlock lives inside the gem */
html.dark[data-accent="navygold"] .ng-settings .ac-prem .gem .ay-padl{width:24px;height:24px}
html.dark[data-accent="navygold"] .ng-settings .ac-prem .gem:is([data-ic="lock"],[data-ic="crown"]) .ay-gem-ic{display:none!important}
html.dark[data-accent="navygold"] .ng-settings .ac-prem .gem[data-ic="check"] .ay-padl{display:none!important}
html.dark[data-accent="navygold"] .ng-settings .ac-prem .gem[data-ic="crown"] .ay-padl .sh{transform:translateY(-3px) rotate(24deg)}
html.dark[data-accent="navygold"] .ng-settings .ac-prem .gem[data-ic="crown"]{box-shadow:0 0 0 1px rgba(243,223,176,.4),0 0 18px -2px rgba(198,165,99,.6)}
html.dark[data-accent="navygold"] .ng-settings :is(.ac-black,.ac-ng) .bar{background:rgba(255,255,255,.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
html.dark[data-accent="navygold"] .ng-settings :is(.ac-black,.ac-ng) .bar i,html.dark[data-accent="navygold"] .ng-settings .ac-hint .pb i,html.dark[data-accent="navygold"] .ng-settings .st-md .pg i{background:var(--an-metal)!important;box-shadow:0 0 8px rgba(198,165,99,.45)}
/* colour swatches */
html.dark[data-accent="navygold"] .ng-settings .ac-sw .lk{background:rgba(8,15,32,.55);color:var(--an-gold-hi)}
html.dark[data-accent="navygold"] .ng-settings .ac-sw .lk > svg:not(.ay-padl){display:none}
html.dark[data-accent="navygold"] .ng-settings .ac-sw .lk .ay-padl{width:15px;height:15px}
html.dark[data-accent="navygold"] .ng-settings .ac-sw .lk.ay-opening .ay-padl .sh{transform:translateY(-3px) rotate(24deg)}
html.dark[data-accent="navygold"] .ng-settings .ac-sw .lk.ay-opening{animation:ay-lk-out 260ms 480ms var(--an-e-out) forwards}
@keyframes ay-lk-out{to{opacity:0;transform:scale(1.25)}}
/* card studio template locks (TPL_REQ gold 2, navygold 3) */
html.dark[data-accent="navygold"] .cs-tpl .lock{background:linear-gradient(180deg,rgba(8,15,32,.55),rgba(8,15,32,.78));color:var(--an-gold-hi);gap:4px;
  box-shadow:inset 0 0 0 1px var(--an-line-gold)}
html.dark[data-accent="navygold"] .cs-tpl .lock > svg:not(.ay-padl){display:none}
html.dark[data-accent="navygold"] .cs-tpl .lock .ay-padl{width:22px;height:22px}
html.dark[data-accent="navygold"] .cs-tpl .ay-lk-bar{display:block!important;width:58%;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
html.dark[data-accent="navygold"] .cs-tpl .ay-lk-bar i{display:block;height:100%;border-radius:5px;background:var(--an-metal);box-shadow:0 0 8px rgba(198,165,99,.5)}
html.dark[data-accent="navygold"] .cs-tpl .ay-lk-n{font-size:12px;font-weight:800;color:var(--an-tx-1)}
html.dark[data-accent="navygold"] .cs-tpl .ay-tpl-open{position:absolute;top:10px;inset-inline-start:10px;width:26px;height:26px;border-radius:50%;display:grid!important;place-items:center;
  background:rgba(8,15,32,.72);box-shadow:0 0 0 1px var(--an-line-gold),0 4px 10px -4px rgba(0,0,0,.6)}
html.dark[data-accent="navygold"] .cs-tpl .ay-tpl-open .ay-padl{width:15px;height:15px}
html.dark[data-accent="navygold"] .cs-tpl .ay-tpl-open .ay-padl .sh{transform:translateY(-3px) rotate(24deg)}
html.dark[data-accent="navygold"]:not([data-fx="off"]) .cs-tpl .ay-tpl-open:not(.ay-done) .ay-padl .sh{animation:ay-shackle-open var(--an-d4) 300ms var(--an-e-spring) both}
@keyframes ay-shackle-open{from{transform:none}to{transform:translateY(-3px) rotate(24deg)}}

/* ---------- medals: night 3D metals that spin (full effects) ---------- */
html.dark[data-accent="navygold"] .ng-settings .st-mds{gap:8px}
html.dark[data-accent="navygold"] .ng-settings .st-md{position:relative;padding:10px 4px 8px;border-radius:16px;color:var(--an-tx-1);transition:background-color var(--an-d2)}
html.dark[data-accent="navygold"] .ng-settings .st-md.off{color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ng-settings .st-md:hover{background:rgba(198,165,99,.07)}
html.dark[data-accent="navygold"] .ng-settings .st-md .ay-md-need{font-size:12px;font-weight:800;color:var(--an-tx-2)}
html.dark[data-accent="navygold"] .ng-settings .st-md .pg{background:rgba(255,255,255,.1)}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md{padding-bottom:0!important} /* navygold.css (ux) pads every .md (meant for the dashboard root) on phones */
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md.bronze{--m1:#F0C59A;--m2:#6F4425;--m3:#D9A06B;--m4:#8A5530;--mi:#2A170A}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md.silver{--m1:#FFFFFF;--m2:#6E7A8D;--m3:#E1E7EF;--m4:#8E9AAD;--mi:#1B2433}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md.gold{--m1:#FFF1C9;--m2:#8E713A;--m3:#EAD39C;--m4:#B08A45;--mi:#2B1F07}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md.diamond{--m1:#F4FBFF;--m2:#4A7FB0;--m3:#C4E8FB;--m4:#5F98C9;--mi:#0B1E33}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md .cr{box-shadow:0 8px 16px -4px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md .cr::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.55),transparent 38%),linear-gradient(200deg,transparent 55%,rgba(0,0,0,.22))}
html.dark[data-accent="navygold"] :is(.st-md,.cs-md) .md.locked{filter:grayscale(.55) brightness(.55);opacity:.8}

html.dark[data-accent="navygold"][data-fx="full"] :is(.st-md,.cs-md) .md .cr{transform-style:preserve-3d;transition:transform 900ms var(--an-e-out)}
html.dark[data-accent="navygold"][data-fx="full"] :is(.st-md,.cs-md):is(:hover,:focus-visible) .md .cr{transform:rotateY(360deg)}

/* ==========================================================================
   Public pages (login, quick-start): they set html.dark + data-accent from
   localStorage themselves, so the night scope works there too. New elements are
   .an-only (invisible in every other theme); nothing else on those pages changes.
   ========================================================================== */
html.dark[data-accent="navygold"] .ay-pub-ref-note.an-only{display:flex!important;margin-top:6px;font-size:12px;font-weight:700;line-height:1.7;color:#EAD39C;align-items:center;gap:6px}
html.dark[data-accent="navygold"] .ay-pub-ref-note.an-only[hidden]{display:none!important}
html.dark[data-accent="navygold"] .ay-pub-ref-note::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#C6A563;box-shadow:0 0 8px rgba(243,223,176,.8)}
html.dark[data-accent="navygold"] #reg-referral.ay-pub-ref-on{border:1.5px solid transparent!important;color:#F3DFB0!important;letter-spacing:.1em;font-weight:800;
  background:linear-gradient(#0A1428,#0A1428) padding-box,
    conic-gradient(from var(--an-ang,0deg),#8E713A,#F3DFB0,#C6A563,#8E713A 50%,#EAD39C 75%,#8E713A) border-box!important;
  box-shadow:0 0 0 3px rgba(198,165,99,.12),0 8px 22px -12px rgba(198,165,99,.6)}
html.dark[data-accent="navygold"][data-fx="full"] #reg-referral.ay-pub-ref-on{animation:an-spin 4s linear infinite}

/* quick-start gift box */
html.dark[data-accent="navygold"] .ay-pub-qs > .ay-pub-gift.an-only{--g-hi:#F3DFB0;--g-mid:#C6A563;--g-deep:#8E713A;
  position:relative;display:block!important;width:104px;height:96px;margin:42px auto 8px!important;padding:0;border:0;background:none;cursor:pointer;
  perspective:520px;border-radius:18px;-webkit-tap-highlight-color:transparent}
html.dark[data-accent="navygold"] .ay-pub-gift:focus-visible{outline:2px solid #EAD39C;outline-offset:4px}
html.dark[data-accent="navygold"] .ay-pub-gift-box{position:absolute;inset-inline:14px;bottom:4px;height:56px;border-radius:9px;
  background:linear-gradient(160deg,#2A4466 0%,#1A3050 55%,#132540 100%);border:1px solid rgba(198,165,99,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset -10px 0 18px -10px rgba(0,0,0,.6),0 16px 22px -8px rgba(0,0,0,.65)}
html.dark[data-accent="navygold"] .ay-pub-gift-box::before,html.dark[data-accent="navygold"] .ay-pub-gift-lid::before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - 7px);width:14px;
  background:linear-gradient(90deg,var(--g-deep),var(--g-hi) 45%,var(--g-mid))}
html.dark[data-accent="navygold"] .ay-pub-gift-lid{position:absolute;inset-inline:8px;bottom:58px;height:20px;border-radius:7px;transform-origin:15% 100%;
  background:linear-gradient(160deg,#36577F,#1D3556);border:1px solid rgba(198,165,99,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 10px -6px rgba(0,0,0,.7);
  transition:transform 700ms cubic-bezier(.34,1.56,.64,1)}
html.dark[data-accent="navygold"] .ay-pub-gift-bow{position:absolute;left:50%;top:-14px;width:34px;height:16px;transform:translateX(-50%)}
html.dark[data-accent="navygold"] .ay-pub-gift-bow::before,html.dark[data-accent="navygold"] .ay-pub-gift-bow::after{content:"";position:absolute;top:0;width:16px;height:14px;border-radius:50% 50% 10% 50%;
  background:linear-gradient(135deg,var(--g-hi),var(--g-mid) 55%,var(--g-deep));box-shadow:0 2px 4px rgba(0,0,0,.4)}
html.dark[data-accent="navygold"] .ay-pub-gift-bow::before{left:0;transform:rotate(-18deg)}
html.dark[data-accent="navygold"] .ay-pub-gift-bow::after{right:0;transform:scaleX(-1) rotate(-18deg)}
html.dark[data-accent="navygold"] .ay-pub-gift-glow{position:absolute;left:50%;bottom:52px;width:12px;height:12px;border-radius:50%;background:#F3DFB0;
  box-shadow:0 0 42px 20px rgba(243,223,176,.55);opacity:0;transform:translateX(-50%);transition:opacity 420ms ease}
html.dark[data-accent="navygold"] .ay-pub-gift-pop{position:absolute;left:50%;bottom:50px;z-index:2;padding:2px 9px;border-radius:999px;white-space:nowrap;
  font-size:12px;font-weight:900;color:#0B1426;background:linear-gradient(135deg,#F3DFB0,#EAD39C 30%,#C6A563 70%,#8E713A);
  box-shadow:0 8px 18px -8px rgba(198,165,99,.8);opacity:0;transform:translate(-50%,10px) scale(.6);
  transition:opacity 300ms ease 180ms,transform 600ms cubic-bezier(.34,1.56,.64,1) 180ms}
html.dark[data-accent="navygold"] .ay-pub-qs.is-open .ay-pub-gift-lid{transform:translateY(-16px) rotate(-14deg)}
html.dark[data-accent="navygold"] .ay-pub-qs.is-open .ay-pub-gift-glow{opacity:1}
html.dark[data-accent="navygold"] .ay-pub-qs.is-open .ay-pub-gift-pop{opacity:1;transform:translate(-50%,-30px) scale(1)}
html.dark[data-accent="navygold"] .ay-pub-qs.is-open .ay-pub-gift-msg{color:#EAD39C!important;-webkit-text-fill-color:transparent;
  background:linear-gradient(180deg,#F3DFB0 10%,#C6A563 95%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 14px rgba(198,165,99,.35))}
html.dark[data-accent="navygold"][data-fx="full"] .ay-pub-qs:not(.is-open) .ay-pub-gift{animation:ay-pub-bob 3.2s ease-in-out infinite}
html.dark[data-accent="navygold"]:not([data-fx="off"]) .ay-pub-gift:hover .ay-pub-gift-lid{transform:translateY(-4px) rotate(-4deg)}
html.dark[data-accent="navygold"]:not([data-fx="off"]) .ay-pub-qs.is-open .ay-pub-gift:hover .ay-pub-gift-lid{transform:translateY(-16px) rotate(-14deg)}
@keyframes ay-pub-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){
  html.dark[data-accent="navygold"] :is(.ay-pub-gift-lid,.ay-pub-gift-pop,.ay-pub-gift-glow){transition:none}
  html.dark[data-accent="navygold"] #reg-referral.ay-pub-ref-on,html.dark[data-accent="navygold"] .ay-pub-gift{animation:none!important}
}