/* ============================================================
   HODEX CRM V6.3 — LIVE WOW MASTER DESIGN SYSTEM
   One CSS language for every module: midnight glass + electric blue + gold.
   ============================================================ */
:root{
  --hx-bg-0:#020812;
  --hx-bg-1:#04101d;
  --hx-bg-2:#071827;
  --hx-surface:rgba(6,18,31,.88);
  --hx-surface-strong:rgba(5,15,27,.97);
  --hx-surface-soft:rgba(10,29,47,.72);
  --hx-blue:#18a8ff;
  --hx-blue-2:#61caff;
  --hx-blue-line:rgba(48,164,244,.34);
  --hx-gold:#d9a83c;
  --hx-gold-2:#f4cf75;
  --hx-gold-line:rgba(217,168,60,.42);
  --hx-text:#f4f8fc;
  --hx-text-2:#d5e2ee;
  --hx-muted:#9bb0c2;
  --hx-muted-2:#7890a5;
  --hx-danger:#ff7280;
  --hx-success:#49db91;
  --hx-radius:20px;
  --hx-shadow:0 20px 58px rgba(0,0,0,.34),0 0 28px rgba(24,168,255,.045);
  --hx-shadow-hover:0 24px 68px rgba(0,0,0,.42),0 0 30px rgba(24,168,255,.11),0 0 20px rgba(217,168,60,.065);
}

html{background:var(--hx-bg-0)!important}
body:not(.login-page){
  color:var(--hx-text)!important;
  background:
    radial-gradient(circle at 80% -8%,rgba(24,168,255,.10),transparent 27%),
    radial-gradient(circle at 16% 0%,rgba(217,168,60,.045),transparent 24%),
    linear-gradient(180deg,var(--hx-bg-0),var(--hx-bg-1) 46%,#020914)!important;
}
body:not(.login-page) .content{position:relative;isolation:isolate}
body:not(.login-page) .content:before{
  content:"";position:fixed;inset:78px 0 0 250px;pointer-events:none;z-index:-1;opacity:.5;
  background:linear-gradient(115deg,transparent 0 48%,rgba(24,168,255,.028) 48.15%,transparent 48.6%),radial-gradient(circle at 90% 12%,rgba(217,168,60,.045),transparent 21%);
}

/* Typography: no pale grey blocks or low-contrast copy. */
body:not(.login-page) h1,body:not(.login-page) h2,body:not(.login-page) h3,body:not(.login-page) h4{color:var(--hx-text)!important}
body:not(.login-page) p,body:not(.login-page) .muted{color:var(--hx-muted)!important}
body:not(.login-page) .eyebrow,body:not(.login-page) .panel-kicker{color:var(--hx-gold-2)!important}

/* Shared premium surfaces. This catches older modules still using legacy .panel/.kpi. */
body:not(.login-page) .panel,
body:not(.login-page) .kpi,
body:not(.login-page) .collection-card,
body:not(.login-page) .command-hero,
body:not(.login-page) .mini-metrics>a,
body:not(.login-page) .quality-grid>div,
body:not(.login-page) .owner-row{
  background:linear-gradient(145deg,rgba(8,25,42,.94),rgba(4,13,23,.96))!important;
  border:1px solid var(--hx-blue-line)!important;
  border-bottom-color:var(--hx-gold-line)!important;
  color:var(--hx-text)!important;
  box-shadow:var(--hx-shadow)!important;
}
body:not(.login-page) .panel:hover,
body:not(.login-page) .kpi:hover,
body:not(.login-page) .collection-card:hover{border-color:rgba(76,186,255,.50)!important;box-shadow:var(--hx-shadow-hover)!important}

/* Buttons / chips / forms use one interaction language. */
body:not(.login-page) .btn,body:not(.login-page) button{
  border:1px solid rgba(67,158,229,.28)!important;
  background:linear-gradient(180deg,rgba(13,38,61,.96),rgba(6,20,34,.96))!important;
  color:#eff8ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 22px rgba(0,0,0,.18)!important;
}
body:not(.login-page) .btn:hover,body:not(.login-page) button:hover{border-color:rgba(85,190,255,.64)!important;box-shadow:0 0 22px rgba(24,168,255,.11),inset 0 1px rgba(255,255,255,.07)!important}
body:not(.login-page) .btn.gold,body:not(.login-page) .v5-gold-cta{
  color:#07111b!important;border-color:rgba(255,221,137,.64)!important;
  background:linear-gradient(145deg,#f7d987,#b77a19)!important;
  box-shadow:0 10px 28px rgba(217,168,60,.20),inset 0 1px rgba(255,255,255,.48)!important;
}
body:not(.login-page) input,body:not(.login-page) select,body:not(.login-page) textarea{
  color:#eff8ff!important;background:rgba(4,16,28,.88)!important;border:1px solid rgba(70,158,226,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body:not(.login-page) input::placeholder,body:not(.login-page) textarea::placeholder{color:#7893aa!important;opacity:1!important}
body:not(.login-page) input:focus,body:not(.login-page) select:focus,body:not(.login-page) textarea:focus{border-color:rgba(80,189,255,.72)!important;box-shadow:0 0 0 3px rgba(24,168,255,.09),0 0 24px rgba(24,168,255,.08)!important}

/* ---------------- HODEX PULSE: remove legacy white/grey UI ---------------- */
body:not(.login-page) .pulse-hero{
  border:1px solid var(--hx-blue-line)!important;border-bottom-color:rgba(217,168,60,.52)!important;
  background:linear-gradient(125deg,rgba(7,24,41,.98),rgba(4,13,23,.98) 58%,rgba(62,42,12,.55))!important;
  box-shadow:0 28px 75px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045),0 0 34px rgba(24,168,255,.045)!important;
}
body:not(.login-page) .pulse-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(38,166,255,.045) 52%,transparent 67%)}
body:not(.login-page) .pulse-hero p{color:#a9bfd1!important}
body:not(.login-page) .pulse-live{color:#f4cf75!important}
body:not(.login-page) .pulse-live span{background:#efb846!important;box-shadow:0 0 0 6px rgba(239,184,70,.10),0 0 20px rgba(239,184,70,.38)!important}

body:not(.login-page) .pulse-kpis>a,
body:not(.login-page) .pulse-kpis>div{
  position:relative;overflow:hidden;min-height:84px;
  background:linear-gradient(145deg,rgba(10,30,49,.96),rgba(4,14,24,.98))!important;
  border:1px solid rgba(54,158,232,.30)!important;border-bottom-color:rgba(217,168,60,.34)!important;
  color:var(--hx-text)!important;box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body:not(.login-page) .pulse-kpis>a:before,body:not(.login-page) .pulse-kpis>div:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(24,168,255,.15),transparent 47%),radial-gradient(circle at 100% 100%,rgba(217,168,60,.07),transparent 44%)}
body:not(.login-page) .pulse-kpis>a:hover{transform:translateY(-3px)!important;border-color:rgba(80,188,255,.58)!important;box-shadow:var(--hx-shadow-hover)!important}
body:not(.login-page) .pulse-kpis small{position:relative;color:#92abc0!important;font-weight:700!important}
body:not(.login-page) .pulse-kpis b{position:relative;color:#fff!important;text-shadow:0 0 22px rgba(24,168,255,.10)!important}

body:not(.login-page) .pulse-shell{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(8,24,40,.96),rgba(3,12,22,.98))!important;
  border:1px solid rgba(59,161,235,.30)!important;border-bottom-color:rgba(217,168,60,.34)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;
}
body:not(.login-page) .pulse-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% -12%,rgba(24,168,255,.08),transparent 32%)}
body:not(.login-page) .pulse-head{position:relative;z-index:1}
body:not(.login-page) .pulse-head h3{color:#fff!important}
body:not(.login-page) .pulse-tab{background:rgba(11,32,51,.92)!important;color:#9fb8cd!important;border:1px solid rgba(62,147,214,.18)!important}
body:not(.login-page) .pulse-tab:hover{color:#eaf7ff!important;border-color:rgba(63,174,250,.42)!important}
body:not(.login-page) .pulse-tab.active{color:#07111a!important;background:linear-gradient(145deg,#f7d987,#b97d1c)!important;border-color:rgba(255,220,132,.58)!important;box-shadow:0 0 20px rgba(217,168,60,.14)!important}
body:not(.login-page) .pulse-list{position:relative;z-index:1}
body:not(.login-page) .pulse-contact{
  background:linear-gradient(145deg,rgba(9,29,47,.94),rgba(4,15,26,.98))!important;
  border:1px solid rgba(55,150,219,.23)!important;color:#eaf4fd!important;
  box-shadow:0 11px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.028)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body:not(.login-page) .pulse-contact:hover{transform:translateY(-3px)!important;border-color:rgba(73,181,255,.55)!important;box-shadow:var(--hx-shadow-hover)!important}
body:not(.login-page) .pulse-contact.hot{border-left:3px solid var(--hx-gold)!important;box-shadow:inset 3px 0 rgba(217,168,60,.9),0 11px 30px rgba(0,0,0,.22)!important}
body:not(.login-page) .pulse-contact.warm{border-left:3px solid rgba(24,168,255,.76)!important;box-shadow:inset 3px 0 rgba(24,168,255,.76),0 11px 30px rgba(0,0,0,.22)!important}
body:not(.login-page) .pulse-score{background:linear-gradient(145deg,#0d2034,#06101c)!important;border:1px solid rgba(64,173,249,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 22px rgba(24,168,255,.075)!important}
body:not(.login-page) .pulse-score b{color:#fff!important}
body:not(.login-page) .pulse-score small{color:var(--hx-gold-2)!important}
body:not(.login-page) .pulse-name>a{color:#f5f9fd!important}
body:not(.login-page) .pulse-recommend b{color:#f1c865!important}
body:not(.login-page) .pulse-recommend span{color:#9db3c6!important}
body:not(.login-page) .pulse-flags span{background:rgba(18,47,72,.82)!important;color:#a9c3d8!important;border:1px solid rgba(70,151,211,.14)!important}
body:not(.login-page) .pulse-meta{color:#8fa8bb!important}
body:not(.login-page) .pulse-action{background:rgba(12,35,55,.94)!important;color:#c9e8ff!important;border:1px solid rgba(58,156,226,.21)!important}
body:not(.login-page) .pulse-action:hover{border-color:rgba(80,188,255,.52)!important;color:#fff!important;box-shadow:0 0 16px rgba(24,168,255,.09)!important}
body:not(.login-page) .pulse-action.primary{color:#07111b!important;background:linear-gradient(145deg,#f4d47e,#b77919)!important;border-color:rgba(255,219,130,.56)!important}
body:not(.login-page) .pulse-footnote{color:#829caf!important;border-color:rgba(78,150,207,.13)!important}

/* Unified data/collection cards - extra lock against old light theme. */
body:not(.login-page) .collection-card{background:linear-gradient(145deg,rgba(9,29,47,.96),rgba(4,15,26,.98))!important;border-color:rgba(62,156,225,.28)!important;border-bottom-color:rgba(217,168,60,.40)!important}
body:not(.login-page) .collection-card h3,body:not(.login-page) .collection-card b{color:#fff!important}
body:not(.login-page) .collection-card p{color:#b6c8d7!important}
body:not(.login-page) .collection-card small{color:#88a2b7!important}

/* Cursor-reactive WOW overlay injected by app.js. Calm: reacts only to user pointer. */
.hx-wow-surface{position:relative!important;overflow:hidden!important;isolation:isolate}
.hx-wow-surface>.hx-wow-glow{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:0!important;transition:opacity .20s ease!important;background:radial-gradient(300px circle at var(--hx-x,50%) var(--hx-y,50%),rgba(36,177,255,.115),transparent 48%),radial-gradient(220px circle at calc(var(--hx-x,50%) + 8%) calc(var(--hx-y,50%) + 10%),rgba(217,168,60,.055),transparent 48%)!important}
.hx-wow-surface:hover>.hx-wow-glow{opacity:1!important}
.hx-wow-surface>*:not(.hx-wow-glow){position:relative;z-index:1}

/* Icon depth without changing the actual icon artwork. */
body:not(.login-page) .nav .ico,body:not(.login-page) .v60-top-btn img,body:not(.login-page) .v60-notification-btn img{
  filter:drop-shadow(0 0 8px rgba(24,168,255,.26)) drop-shadow(0 0 6px rgba(217,168,60,.14))!important;
}
body:not(.login-page) .nav a.active .ico{filter:drop-shadow(0 0 11px rgba(24,168,255,.42)) drop-shadow(0 0 8px rgba(217,168,60,.34))!important}

@media(max-width:720px){
  body:not(.login-page) .content:before{inset:68px 0 0 0}
  body:not(.login-page) .pulse-contact{grid-template-columns:54px minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){.hx-wow-surface>.hx-wow-glow{display:none!important}.pulse-contact,.pulse-kpis>a{transition:none!important}}

/* ============================================================
   HODEX CRM V6.3 — LIVE WOW MASTER
   Stronger premium depth, electric-blue light + polished gold edge.
   No automatic blinking. Effects react to pointer / focus only.
   ============================================================ */
:root{
  --hx-electric:#00b7ff;
  --hx-electric-2:#58d5ff;
  --hx-royal:#087cff;
  --hx-gold-hot:#f4bd52;
  --hx-gold-soft:#ffd98a;
  --hx-line-electric:rgba(41,178,255,.64);
  --hx-line-gold:rgba(240,182,69,.54);
  --hx-glass:rgba(4,14,25,.86);
  --hx-glass-2:rgba(8,27,45,.82);
  --hx-deep-shadow:0 24px 70px rgba(0,0,0,.48),0 0 40px rgba(0,151,255,.06);
}

/* Shared page depth: visible across modules, still restrained for work use. */
body:not(.login-page) .content{
  background:
    radial-gradient(900px 540px at 92% -10%,rgba(0,157,255,.105),transparent 62%),
    radial-gradient(680px 460px at 18% 12%,rgba(230,170,60,.045),transparent 60%)!important;
}
body:not(.login-page) .topbar{
  background:linear-gradient(180deg,rgba(3,12,22,.94),rgba(3,13,24,.82))!important;
  border-bottom:1px solid rgba(42,162,235,.22)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.24),0 1px 0 rgba(239,181,68,.10)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
}
body:not(.login-page) .sidebar{
  background:linear-gradient(180deg,#030b14 0%,#04111d 55%,#020812 100%)!important;
  border-right:1px solid rgba(32,139,211,.25)!important;
  box-shadow:18px 0 54px rgba(0,0,0,.28)!important;
}
body:not(.login-page) .nav a{
  border:1px solid transparent!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body:not(.login-page) .nav a:hover{
  transform:translateX(3px)!important;
  background:linear-gradient(90deg,rgba(4,37,62,.92),rgba(4,20,34,.70))!important;
  border-color:rgba(33,162,242,.32)!important;
  box-shadow:inset 3px 0 rgba(25,174,255,.62),0 0 24px rgba(0,157,255,.07)!important;
}
body:not(.login-page) .nav a.active{
  background:linear-gradient(95deg,rgba(7,44,72,.98),rgba(8,25,41,.90))!important;
  border-color:rgba(237,183,72,.62)!important;
  box-shadow:inset 3px 0 #e9ae39,0 0 28px rgba(0,160,255,.12),0 0 18px rgba(231,169,54,.08)!important;
}

/* Universal premium cards: removes any remaining dull grey blocks. */
body:not(.login-page) :is(.panel,.kpi,.collection-card,.command-panel,.industry-card,.v61-stage,.v61-deal,.v61-robot-kpis>div,.v61-studio-kpis>div,.v61-quality-kpis>a){
  background:
    linear-gradient(145deg,rgba(9,31,51,.92),rgba(3,13,23,.97) 62%),
    radial-gradient(circle at 12% 0,rgba(36,181,255,.10),transparent 38%)!important;
  border:1px solid rgba(39,154,230,.34)!important;
  border-bottom-color:rgba(231,174,63,.46)!important;
  box-shadow:var(--hx-deep-shadow),inset 0 1px rgba(255,255,255,.045)!important;
  color:#f5faff!important;
}
body:not(.login-page) :is(.panel,.collection-card,.command-panel,.industry-card,.v61-deal):hover{
  border-color:rgba(61,189,255,.62)!important;
  border-bottom-color:rgba(244,190,82,.66)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.50),0 0 34px rgba(0,165,255,.12),0 0 20px rgba(235,174,58,.07)!important;
}

/* -------- HODEX PULSE V6.3 signature screen -------- */
.pulse-page{position:relative;isolation:isolate;padding-bottom:20px}
.pulse-page:before{
  content:"";position:fixed;pointer-events:none;z-index:-1;left:250px;right:0;top:72px;height:520px;
  background:radial-gradient(520px 250px at 72% 4%,rgba(0,146,255,.11),transparent 70%),radial-gradient(460px 210px at 94% 10%,rgba(235,174,58,.065),transparent 70%);
}
.pulse-page .pulse-hero{
  min-height:165px;align-items:center!important;padding:30px 34px!important;border-radius:30px!important;
  border:1px solid rgba(49,174,248,.34)!important;border-bottom-color:rgba(241,184,72,.62)!important;
  background:linear-gradient(112deg,rgba(5,20,35,.99) 0%,rgba(7,28,48,.97) 55%,rgba(48,34,13,.82) 100%)!important;
  box-shadow:0 30px 86px rgba(0,0,0,.48),0 0 42px rgba(0,155,255,.07),inset 0 1px rgba(255,255,255,.055)!important;
}
.pulse-page .pulse-hero:after{
  width:620px!important;height:280px!important;right:-40px!important;top:-80px!important;border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(19,166,255,.17),rgba(236,177,61,.075) 42%,transparent 70%)!important;
  filter:blur(2px);opacity:.95;
}
.pulse-page .pulse-hero-copy{position:relative;z-index:3;max-width:760px}
.pulse-page .pulse-hero h2{font-size:clamp(38px,4.4vw,64px)!important;line-height:.98!important;letter-spacing:-.055em!important;text-shadow:0 10px 34px rgba(0,0,0,.35)!important}
.pulse-page .pulse-hero p{font-size:15px!important;line-height:1.6!important;color:#b9cada!important}
.pulse-page .pulse-energy{position:absolute;right:60px;top:12px;width:min(48%,720px);height:140px;pointer-events:none;z-index:1;opacity:.98}
.pulse-page .pulse-energy:before,.pulse-page .pulse-energy:after,.pulse-page .pulse-energy i{
  content:"";position:absolute;left:0;right:0;height:2px;border-radius:999px;transform:rotate(-4deg);transform-origin:right center;
}
.pulse-page .pulse-energy:before{top:70px;background:linear-gradient(90deg,transparent,#059dff 22%,#73d9ff 56%,#ffc967 84%,transparent);box-shadow:0 0 18px #0a9cff,0 0 28px rgba(245,185,69,.34)}
.pulse-page .pulse-energy:after{top:91px;opacity:.48;background:linear-gradient(90deg,transparent,#007dff 28%,#efb842 82%,transparent);box-shadow:0 0 13px rgba(0,140,255,.72)}
.pulse-page .pulse-energy i:nth-child(1){top:55px;opacity:.28;background:linear-gradient(90deg,transparent,#219cff 48%,transparent)}
.pulse-page .pulse-energy i:nth-child(2){top:108px;opacity:.30;background:linear-gradient(90deg,transparent,#e0a83f 72%,transparent)}
.pulse-page .pulse-energy i:nth-child(3){top:78px;height:1px;opacity:.65;background:linear-gradient(90deg,transparent 5%,#fff 62%,transparent 90%)}
.pulse-page .pulse-live{align-self:flex-end;margin-bottom:2px;padding:10px 14px!important;border:1px solid rgba(234,175,62,.35);border-radius:999px;background:rgba(10,20,29,.58);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(231,171,55,.08)!important}

.pulse-page .pulse-kpis{gap:12px!important;margin-bottom:20px!important}
.pulse-page .pulse-kpi{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:92px!important;padding:15px 16px!important;
  border-radius:20px!important;background:linear-gradient(145deg,rgba(8,29,49,.97),rgba(3,13,23,.99))!important;
  border:1px solid rgba(44,158,231,.30)!important;border-bottom-color:rgba(235,177,68,.38)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)!important;
}
.pulse-page .pulse-kpi.stale{border-color:rgba(38,174,255,.72)!important;box-shadow:0 0 28px rgba(0,162,255,.18),0 18px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.05)!important}
.pulse-page .pulse-kpi-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(10,45,72,.96),rgba(5,18,31,.98));border:1px solid rgba(38,164,242,.32);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 20px rgba(0,157,255,.10)}
.pulse-page .pulse-kpi:nth-child(-n+3) .pulse-kpi-icon,.pulse-page .pulse-kpi.due .pulse-kpi-icon{border-color:rgba(235,176,66,.36);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 18px rgba(235,174,62,.08)}
.pulse-page .pulse-kpi-icon img{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(22,166,255,.28)) drop-shadow(0 0 5px rgba(234,176,61,.18))}
.pulse-page .pulse-kpi small{font-size:11px!important;letter-spacing:.01em;color:#a8bed0!important}
.pulse-page .pulse-kpi b{display:block;font-size:28px!important;line-height:1!important;margin-top:6px!important;color:#fff!important}

.pulse-page .pulse-shell{border-radius:28px!important;padding:22px 20px 18px!important;border-color:rgba(38,159,235,.38)!important;border-bottom-color:rgba(235,177,67,.46)!important;background:linear-gradient(155deg,rgba(7,25,42,.97),rgba(2,11,20,.995))!important;box-shadow:0 28px 80px rgba(0,0,0,.44),0 0 40px rgba(0,153,255,.065),inset 0 1px rgba(255,255,255,.035)!important}
.pulse-page .pulse-shell:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(0,167,255,.055),transparent 25%,transparent 72%,rgba(235,177,66,.045));mix-blend-mode:screen}
.pulse-page .pulse-head{padding:0 6px 8px!important}
.pulse-page .pulse-head h3{font-size:28px!important;letter-spacing:-.035em!important}
.pulse-page .pulse-tabs{padding:5px;border:1px solid rgba(36,139,209,.16);background:rgba(2,11,19,.46);border-radius:999px}
.pulse-page .pulse-tab{padding:8px 12px!important;background:rgba(6,23,38,.94)!important;color:#aec3d5!important;border:1px solid rgba(63,151,215,.20)!important}
.pulse-page .pulse-tab.active{background:linear-gradient(145deg,#0b85e9,#07579d)!important;color:white!important;border-color:rgba(69,190,255,.78)!important;box-shadow:0 0 19px rgba(0,161,255,.28),inset 0 1px rgba(255,255,255,.18)!important}

.pulse-page .pulse-list{gap:10px!important}
.pulse-page .pulse-contact{
  grid-template-columns:72px minmax(0,1fr) 300px!important;min-height:82px;padding:11px 14px!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(7,25,42,.98),rgba(3,13,23,.99))!important;border:1px solid rgba(38,140,208,.26)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.028)!important;
}
.pulse-page .pulse-contact:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#00aaff 22%,#48c8ff 60%,transparent);opacity:.58;box-shadow:0 0 14px rgba(0,163,255,.42)}
.pulse-page .pulse-contact.hot:after{background:linear-gradient(180deg,transparent,#f1b746 22%,#ffe199 60%,transparent);box-shadow:0 0 16px rgba(237,178,67,.42)}
.pulse-page .pulse-contact:hover{transform:translateY(-2px) scale(1.002)!important;border-color:rgba(55,185,255,.60)!important;box-shadow:0 18px 44px rgba(0,0,0,.40),0 0 25px rgba(0,161,255,.14),inset 0 1px rgba(255,255,255,.045)!important}
.pulse-page .pulse-score{width:60px!important;height:60px!important;border-radius:18px!important;background:linear-gradient(145deg,#0b2d4c,#041322)!important;border-color:rgba(35,168,248,.55)!important;box-shadow:0 0 23px rgba(0,159,255,.18),inset 0 1px rgba(255,255,255,.08)!important}
.pulse-page .pulse-score b{font-size:25px!important;text-shadow:0 0 17px rgba(35,176,255,.30)}
.pulse-page .pill{background:linear-gradient(145deg,#0c68a9,#095184)!important;color:#dff5ff!important;border:1px solid rgba(87,194,255,.32)!important;box-shadow:0 0 14px rgba(0,150,255,.09)!important}
.pulse-page .pulse-action{padding:8px 12px!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(7,37,60,.98),rgba(3,19,33,.98))!important;border-color:rgba(49,164,238,.30)!important;color:#e5f6ff!important}
.pulse-page .pulse-action[href^="tel:"]{border-color:rgba(233,177,67,.43)!important;color:#ffd985!important;box-shadow:0 0 15px rgba(230,170,50,.08)!important}
.pulse-page .pulse-action[href^="mailto:"]{border-color:rgba(47,171,247,.48)!important;color:#9bddff!important;box-shadow:0 0 17px rgba(0,155,255,.09)!important}
.pulse-page .pulse-action.primary{color:#fff!important;background:linear-gradient(145deg,#111b29,#060c14)!important;border-color:rgba(236,183,76,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.pulse-page .pulse-action:hover{transform:translateY(-1px);filter:brightness(1.14)}

/* Selected/keyboard focused surfaces get a real halo instead of flat browser outline. */
body:not(.login-page) :is(a,button,input,select,textarea):focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(3,14,25,.95),0 0 0 4px rgba(45,184,255,.68),0 0 26px rgba(0,166,255,.22)!important}

/* Stronger pointer spotlight. Still only pointer-driven; no timers. */
.hx-wow-surface>.hx-wow-glow{background:radial-gradient(380px circle at var(--hx-x,50%) var(--hx-y,50%),rgba(0,174,255,.17),transparent 47%),radial-gradient(280px circle at calc(var(--hx-x,50%) + 9%) calc(var(--hx-y,50%) + 8%),rgba(238,181,68,.085),transparent 48%)!important;mix-blend-mode:screen}

@media(max-width:1100px){
  .pulse-page .pulse-contact{grid-template-columns:64px minmax(0,1fr)!important}
  .pulse-page .pulse-meta{grid-column:2!important}
  .pulse-page .pulse-energy{width:58%;right:10px;opacity:.48}
}
@media(max-width:720px){
  .pulse-page .pulse-hero{min-height:auto!important;padding:24px!important}.pulse-page .pulse-energy{display:none}
  .pulse-page .pulse-kpi{grid-template-columns:40px 1fr!important;min-height:78px!important}.pulse-page .pulse-kpi-icon{width:38px;height:38px;border-radius:12px}.pulse-page .pulse-kpi-icon img{width:24px;height:24px}
  .pulse-page .pulse-contact{grid-template-columns:52px 1fr!important}.pulse-page .pulse-contact:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  body:not(.login-page) .nav a,.pulse-page .pulse-contact,.pulse-page .pulse-kpi,.pulse-page .pulse-action{transition:none!important}
}

/* ============================================================
   HODEX CRM V6.4 — ULTRA WOW EXPERIENCE
   Visible launch-ready depth. Pointer/focus driven, no blinking.
   ============================================================ */
:root{
  --hx64-blue:#00b8ff;--hx64-blue2:#65ddff;--hx64-blue3:#087dff;
  --hx64-gold:#f0b94f;--hx64-gold2:#ffe09a;--hx64-ink:#020912;
  --hx64-panel:linear-gradient(155deg,rgba(7,26,44,.985),rgba(2,10,18,.995));
  --hx64-border:rgba(47,175,250,.46);--hx64-goldline:rgba(239,180,70,.55);
  --hx64-shadow:0 26px 70px rgba(0,0,0,.52),0 0 35px rgba(0,162,255,.09),inset 0 1px rgba(255,255,255,.055);
}
body:not(.login-page){background:#020812!important}
body:not(.login-page) .content{position:relative;isolation:isolate;background:
 radial-gradient(1050px 620px at 83% -10%,rgba(0,151,255,.14),transparent 64%),
 radial-gradient(820px 520px at 10% 8%,rgba(235,177,65,.065),transparent 62%),
 linear-gradient(180deg,#03101c 0%,#020914 100%)!important}
body:not(.login-page) .content:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(69,174,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(69,174,241,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 75%)}
body:not(.login-page) .sidebar{border-right:1px solid rgba(240,184,75,.33)!important;background:linear-gradient(180deg,#020811,#04111e 48%,#020710 100%)!important;box-shadow:20px 0 70px rgba(0,0,0,.40),inset -1px 0 rgba(23,163,248,.14)!important}
body:not(.login-page) .brand img{filter:drop-shadow(0 0 15px rgba(241,185,73,.30)) drop-shadow(0 0 20px rgba(0,166,255,.08))!important;transform:translateZ(0)}
body:not(.login-page) .topbar{background:linear-gradient(180deg,rgba(2,9,17,.965),rgba(4,16,28,.86))!important;border-bottom:1px solid rgba(39,169,246,.30)!important;box-shadow:0 14px 44px rgba(0,0,0,.36),0 1px rgba(239,181,70,.16)!important;backdrop-filter:blur(24px) saturate(1.28)!important}
body:not(.login-page) .nav a{border-radius:14px!important}
body:not(.login-page) .nav a:hover{transform:translateX(4px) scale(1.006)!important;border-color:rgba(53,186,255,.42)!important;box-shadow:inset 3px 0 var(--hx64-blue),0 0 26px rgba(0,173,255,.12)!important}
body:not(.login-page) .nav a.active{border-color:rgba(244,193,88,.78)!important;background:linear-gradient(95deg,rgba(27,34,33,.98),rgba(8,27,44,.92))!important;box-shadow:inset 3px 0 var(--hx64-gold),0 0 24px rgba(0,171,255,.18),0 0 22px rgba(240,184,75,.15)!important}

/* PULSE hero: strong cinematic energy without animation. */
.pulse-page{position:relative}
.pulse-page:before{content:"";position:absolute;inset:-16px -8px auto -8px;height:360px;pointer-events:none;z-index:0;background:radial-gradient(520px 180px at 76% 14%,rgba(0,174,255,.12),transparent 72%),radial-gradient(420px 160px at 96% 10%,rgba(242,183,69,.095),transparent 72%)}
.pulse-page>*{position:relative;z-index:1}
.pulse-page .pulse-hero{min-height:184px!important;padding:34px 38px!important;border-radius:32px!important;overflow:hidden!important;background:
 linear-gradient(113deg,rgba(4,18,31,.995) 0%,rgba(5,28,50,.985) 61%,rgba(54,38,12,.88) 100%)!important;
 border:1px solid rgba(56,186,255,.52)!important;border-bottom-color:rgba(245,190,83,.78)!important;
 box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 42px rgba(0,169,255,.13),0 0 30px rgba(239,180,65,.07),inset 0 1px rgba(255,255,255,.075)!important}
.pulse-page .pulse-hero:before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:
 linear-gradient(108deg,transparent 0 48%,rgba(0,179,255,.06) 56%,transparent 65%),
 radial-gradient(460px 130px at 70% 44%,rgba(0,182,255,.14),transparent 72%),
 radial-gradient(330px 105px at 91% 44%,rgba(244,183,61,.12),transparent 72%)!important}
.pulse-page .pulse-hero h2{font-size:clamp(42px,4.9vw,72px)!important;font-weight:900!important;letter-spacing:-.06em!important;color:#fff!important;text-shadow:0 12px 42px rgba(0,0,0,.48),0 0 28px rgba(70,190,255,.08)!important}
.pulse-page .pulse-hero .eyebrow,.pulse-page .panel-kicker{color:var(--hx64-gold)!important;letter-spacing:.17em!important;font-weight:850!important}
.pulse-page .pulse-energy{width:min(52%,800px)!important;height:160px!important;right:40px!important;top:16px!important;filter:drop-shadow(0 0 8px rgba(0,163,255,.26))}
.pulse-page .pulse-energy:before{height:3px!important;box-shadow:0 0 16px #00a9ff,0 0 38px rgba(0,167,255,.55),0 0 24px rgba(245,188,76,.32)!important}
.pulse-page .pulse-live{padding:10px 15px!important;border-color:rgba(245,189,73,.54)!important;background:rgba(3,12,20,.74)!important;box-shadow:0 0 26px rgba(238,179,65,.11),inset 0 1px rgba(255,255,255,.06)!important}

/* KPI HUD cards */
.pulse-page .pulse-kpis{gap:13px!important}
.pulse-page .pulse-kpi{position:relative;overflow:hidden;min-height:100px!important;border-radius:22px!important;border:1px solid rgba(49,173,247,.42)!important;border-bottom-color:rgba(241,184,72,.51)!important;background:var(--hx64-panel)!important;box-shadow:0 20px 52px rgba(0,0,0,.42),0 0 22px rgba(0,158,255,.08),inset 0 1px rgba(255,255,255,.055)!important}
.pulse-page .pulse-kpi:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 32%,transparent 68%,rgba(0,174,255,.045));opacity:.9}
.pulse-page .pulse-kpi:hover{transform:translateY(-5px) scale(1.015)!important;border-color:rgba(89,207,255,.80)!important;box-shadow:0 26px 58px rgba(0,0,0,.46),0 0 34px rgba(0,177,255,.19),0 0 16px rgba(240,184,75,.10)!important}
.pulse-page .pulse-kpi.stale{border-color:rgba(43,190,255,.90)!important;box-shadow:0 0 0 1px rgba(0,174,255,.14),0 0 35px rgba(0,171,255,.24),0 22px 54px rgba(0,0,0,.45)!important}
.pulse-page .pulse-kpi-icon{width:52px!important;height:52px!important;border-radius:17px!important;border:1px solid rgba(61,189,255,.50)!important;background:linear-gradient(145deg,rgba(8,54,88,.98),rgba(3,20,34,.98))!important;box-shadow:0 0 27px rgba(0,171,255,.20),inset 0 1px rgba(255,255,255,.08)!important}
.pulse-page .pulse-kpi:nth-child(-n+3) .pulse-kpi-icon,.pulse-page .pulse-kpi.due .pulse-kpi-icon{border-color:rgba(244,191,83,.56)!important;box-shadow:0 0 24px rgba(241,183,70,.13),inset 0 1px rgba(255,255,255,.08)!important}
.pulse-page .pulse-kpi b{font-size:31px!important}

/* Next Best Action surface */
.pulse-page .pulse-shell{border-radius:30px!important;border:1px solid rgba(47,177,251,.52)!important;border-bottom-color:rgba(242,185,72,.58)!important;background:linear-gradient(160deg,rgba(5,22,38,.985),rgba(2,9,17,.998))!important;box-shadow:0 34px 94px rgba(0,0,0,.52),0 0 38px rgba(0,164,255,.10),inset 0 1px rgba(255,255,255,.05)!important}
.pulse-page .pulse-shell:before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:radial-gradient(500px 180px at 89% 0%,rgba(0,173,255,.10),transparent 70%),linear-gradient(90deg,rgba(0,168,255,.035),transparent 22%,transparent 80%,rgba(241,183,67,.035))!important}
.pulse-page .pulse-head h3{font-size:30px!important;color:#fff!important}
.pulse-page .pulse-tabs{background:rgba(2,10,18,.72)!important;border-color:rgba(57,169,237,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
.pulse-page .pulse-tab{color:#c3d7e6!important;border-color:rgba(57,164,230,.27)!important}
.pulse-page .pulse-tab.active{background:linear-gradient(145deg,#0b8ce7,#075caa)!important;border-color:rgba(88,210,255,.86)!important;box-shadow:0 0 26px rgba(0,177,255,.34),inset 0 1px rgba(255,255,255,.20)!important}

/* Ranked rows: visible neon rail + premium actions. */
.pulse-page .pulse-contact{position:relative;overflow:hidden;min-height:88px!important;border-radius:19px!important;border:1px solid rgba(47,151,218,.40)!important;border-left-color:rgba(242,185,72,.65)!important;background:linear-gradient(145deg,rgba(6,25,42,.99),rgba(2,11,20,.999))!important;box-shadow:0 13px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important}
.pulse-page .pulse-contact:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--hx64-gold) 20%,var(--hx64-blue) 76%,transparent);box-shadow:0 0 18px rgba(241,183,69,.30),0 0 16px rgba(0,170,255,.22)}
.pulse-page .pulse-contact:after{width:3px!important;opacity:.88!important;background:linear-gradient(180deg,transparent 2%,#00baff 22%,#6ce0ff 62%,transparent 96%)!important;box-shadow:0 0 19px rgba(0,181,255,.58)!important}
.pulse-page .pulse-contact:hover{transform:translateY(-4px) scale(1.004)!important;border-color:rgba(84,202,255,.80)!important;box-shadow:0 22px 52px rgba(0,0,0,.46),0 0 30px rgba(0,176,255,.20),0 0 15px rgba(241,183,68,.07),inset 0 1px rgba(255,255,255,.055)!important}
.pulse-page .pulse-score{width:64px!important;height:64px!important;border-radius:19px!important;border:1px solid rgba(51,190,255,.68)!important;background:linear-gradient(145deg,#0c3659,#041624)!important;box-shadow:0 0 28px rgba(0,175,255,.24),inset 0 1px rgba(255,255,255,.10)!important}
.pulse-page .pulse-score b{font-size:27px!important}
.pulse-page .pulse-name>a{font-size:16px!important;font-weight:900!important;color:#fff!important}
.pulse-page .pulse-recommend b{color:#ffd16a!important;text-shadow:0 0 14px rgba(242,184,72,.12)!important}
.pulse-page .pulse-recommend span,.pulse-page .pulse-meta{color:#a9bfd0!important}
.pulse-page .pulse-action{border-radius:11px!important;padding:9px 14px!important;font-weight:850!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.pulse-page .pulse-action[href^="tel:"]{color:#ffe19a!important;border-color:rgba(242,185,73,.62)!important;background:linear-gradient(180deg,rgba(57,39,10,.58),rgba(14,18,22,.96))!important;box-shadow:0 0 19px rgba(240,181,66,.11),inset 0 1px rgba(255,255,255,.05)!important}
.pulse-page .pulse-action[href^="mailto:"]{color:#b9ecff!important;border-color:rgba(52,191,255,.67)!important;background:linear-gradient(180deg,rgba(4,49,79,.76),rgba(3,18,31,.98))!important;box-shadow:0 0 22px rgba(0,174,255,.15),inset 0 1px rgba(255,255,255,.055)!important}
.pulse-page .pulse-action.primary{border-color:rgba(239,184,73,.46)!important;background:linear-gradient(145deg,#121d29,#050b12)!important}
.pulse-page .pulse-action:hover{transform:translateY(-2px) scale(1.035)!important;filter:brightness(1.18)!important}

/* Shared WOW for the rest of CRM, driven by the same core system. */
body:not(.login-page) :is(.panel,.collection-card,.v61-stage,.v61-deal,.v61-sales-strip>a,.command-panel,.industry-card,.v5-calendar-card,.v5-day-panel){border-color:rgba(47,170,243,.38)!important;border-bottom-color:rgba(239,181,69,.42)!important;background:var(--hx64-panel)!important;box-shadow:var(--hx64-shadow)!important}
body:not(.login-page) :is(.panel,.collection-card,.v61-stage,.v61-deal,.command-panel,.industry-card,.v5-calendar-card,.v5-day-panel):hover{border-color:rgba(82,202,255,.65)!important;box-shadow:0 30px 75px rgba(0,0,0,.48),0 0 34px rgba(0,171,255,.15),0 0 16px rgba(239,181,69,.07)!important}

/* Pointer spotlight becomes more visible; still interaction-only. */
.hx-wow-surface>.hx-wow-glow{background:radial-gradient(460px circle at var(--hx-x,50%) var(--hx-y,50%),rgba(0,184,255,.22),transparent 46%),radial-gradient(320px circle at calc(var(--hx-x,50%) + 10%) calc(var(--hx-y,50%) + 8%),rgba(244,187,74,.11),transparent 49%)!important;mix-blend-mode:screen!important}

@media(max-width:1100px){.pulse-page .pulse-energy{opacity:.48!important}.pulse-page .pulse-kpi{min-height:86px!important}}
@media(max-width:720px){.pulse-page .pulse-hero{padding:25px!important;border-radius:24px!important}.pulse-page .pulse-hero h2{font-size:38px!important}.pulse-page .pulse-contact{min-height:auto!important}.pulse-page .pulse-energy{display:none!important}}
@media(prefers-reduced-motion:reduce){.pulse-page .pulse-kpi,.pulse-page .pulse-contact,.pulse-page .pulse-action{transition:none!important}}
@media(hover:hover) and (pointer:fine){
 .pulse-page .pulse-contact:hover,.pulse-page .pulse-kpi:hover,body:not(.login-page) .collection-card:hover,body:not(.login-page) .v61-deal:hover{transform:perspective(900px) rotateX(var(--hx64-rx,0deg)) rotateY(var(--hx64-ry,0deg)) translateY(-4px)!important;transform-style:preserve-3d}
}

/* HODEX V8.4 — HARD SIDEBAR SCROLL, desktop + standalone app */
html,body{height:100%;}
.sidebar{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important;}
.sidebar .side-logo,.sidebar .brand,.sidebar .side-head{flex:0 0 auto!important;}
.sidebar .sidebar-scroll,.sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:stable!important;}
.sidebar .sidebar-scroll::-webkit-scrollbar,.sidebar nav::-webkit-scrollbar{width:8px!important;}
.sidebar .sidebar-scroll::-webkit-scrollbar-thumb,.sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2f9bff,#b88934)!important;border-radius:999px!important;}
.sidebar .sidebar-scroll::-webkit-scrollbar-track,.sidebar nav::-webkit-scrollbar-track{background:rgba(255,255,255,.03)!important;}
@media (max-width:860px){.sidebar{height:100dvh!important;max-height:100dvh!important}.sidebar .sidebar-scroll,.sidebar nav{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;}}