/* t538 sync: Ivonne v30 dashboard styles (Brain hex diagram, Intent leads, Events), scoped to #v30-*; the rest of the app keeps Sanjay's styling */
.dash4.sx > .dcard.funnel, .dash4.sx > .dcard.globe, .dash4.sx > .dcard.activity { grid-row: auto !important; }
.dash4.sx > .sx-v30 { grid-column: 1 / -1; min-width: 0; }
.sx-v30 .sx-z { width: 976px; zoom: calc(var(--lw, 976) / 976); display: flex; flex-direction: column; gap: 10px; }
.sx-v30 #v30-brand, .sx-v30 #v30-hot, .sx-v30 #v30-events { font-family: Inter, system-ui, sans-serif; color: #0f0f14; }
.sx-v30 #v30-hot .stats { text-decoration: none; color: inherit; }
.sx-v30 #v30-events .sx-evd svg { width: 20px; height: 20px; color: #6E56F7; }
.sx-v30 #v30-events .evl { grid-template-columns: repeat(3, 1fr); }
#sxPop { position: fixed; z-index: 90; display: none; width: 280px; background: #fff; border: 1px solid #e6e1fb; border-radius: 12px; box-shadow: 0 12px 32px rgba(36, 18, 75, .16); padding: 12px 14px; font: 12px/1.45 Inter, system-ui, sans-serif; color: #3c4150; pointer-events: none; }
#sxPop .ph { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
#sxPop .ph b { font-size: 13px; color: #111318; }
#sxPop .ph i { margin-left: auto; font-style: normal; font-size: 9.5px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: #f1edff; color: #5b47d6; }
#sxPop p { margin: 0 0 6px; } #sxPop ul { margin: 0 0 6px; padding-left: 16px; } #sxPop .pf { color: #8b90a0; font-size: 11px; } #sxPop .pn { margin-top: 6px; font-weight: 600; color: #5b47d6; }
/* Sanjay's bubble colors on Ivonne's chat classes too */
.msg-ai { background: #f1f2f4 !important; color: var(--text) !important; border-radius: 12px 12px 12px 3px; }
.msg-me { background: #1b2f6b !important; border-color: #1b2f6b !important; color: #fff !important; }

#v30-brand .card{position:relative;width:1000px;height:340px;border-radius:16px;box-sizing:border-box;
 background:#fff;border:1.5px solid #D4CBF8;
 box-shadow:0 1px 2px rgba(16,16,24,.04),0 4px 16px -8px rgba(16,16,24,.06);overflow:hidden}
#v30-brand svg.main{position:absolute;left:-1px;top:-1px}
#v30-brand .bh{position:absolute;left:0;top:0;height:56px;padding-left:20px;display:flex;align-items:center;gap:8px;z-index:1}
#v30-brand .bh svg{display:block}
#v30-brand .bh h3{margin:0;font-size:14px;font-weight:600;color:#0F0F14;letter-spacing:-.01em}
#v30-brand .bh .meta{font-size:13px;font-weight:400;color:#71717A}
#v30-brand .sys{position:absolute;right:20px;top:0;height:56px;display:flex;align-items:center;gap:3px;font-size:11.270px;font-weight:500;letter-spacing:.22em;color:#A1A1AA;z-index:1}
#v30-brand .sys .n{font-size:13.320px;font-weight:600;letter-spacing:0;color:#6E56F7;margin-left:8px}
#v30-brand .sys span.t{margin-right:8px}
#v30-brand .lab{position:absolute;height:40px;display:flex;flex-direction:column;justify-content:center;white-space:nowrap;z-index:1}
#v30-brand .nm{font-size:14px;font-weight:600;line-height:20px}
#v30-brand .cap{font-size:11.270px;font-weight:500;color:#A1A1AA;line-height:16px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}
#v30-brand .cap svg{display:block;flex:none}
@keyframes v30pulse{0%,100%{opacity:1}50%{opacity:.45}}
#v30-brand .pulse{animation:v30pulse 1.8s infinite}
@keyframes v30comet{from{stroke-dashoffset:var(--o0,0)}to{stroke-dashoffset:var(--o1,-1000)}}
#v30-brand .comet{animation:v30comet 4.5s linear infinite;animation-delay:0s}
#v30-hot .stats{height:80px;border:1.5px solid #D4CBF8;border-radius:16px;background:linear-gradient(105deg,rgba(255,249,252,.98),rgba(255,255,255,.94) 38%,rgba(252,251,255,.97));display:flex;align-items:center;padding:0 20px;gap:13px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(25,20,55,.04),0 6px 16px -12px rgba(110,86,247,.26),inset 0 1px 0 #fff}
#v30-hot .icon-wrap{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:linear-gradient(145deg,#FFF2F4,#F8F4FF);border:1px solid #F4D2DE;box-shadow:0 2px 7px -4px rgba(216,61,98,.34)}
#v30-hot .title{font-size:15px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:8px}
#v30-hot .title .sub{font-size:12.5px;font-weight:400;color:#71717A}
#v30-hot .period{font-size:11.5px;color:#8B8997;margin-top:3px}
#v30-hot .pills{display:flex;gap:8px;margin-left:auto;align-items:center}
#v30-hot .pill{height:36px;display:flex;align-items:center;gap:5px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
#v30-hot .pill b{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
#v30-hot .arrow{margin-left:10px;color:#8272D7;font-size:23px;line-height:1;font-weight:400}
#v30-hot .stats:hover{border-color:#BFB2FC}
#v30-hot .stats:focus-visible{outline:2px solid #6E56F7;outline-offset:-3px}
#v30-brand,#v30-events,#v30-activity{grid-column:1/-1;position:relative}
#v30-events{height:130px}
#v30-brand svg,#v30-map svg{pointer-events:none}
#v30-brand .lab{pointer-events:auto;cursor:pointer;transition:filter .15s,transform .15s}
#v30-brand .lab:hover{filter:brightness(.9);transform:translateY(-1px)}
#v30-brand .v30-focus{filter:drop-shadow(0 0 8px #b68eff);outline:2px solid #6e56f7;border-radius:9px;background:#fff9}
#v30-brand .v30-unlock .cap{padding:2px 5px;border-radius:5px;background:#f4f2ff;color:#6E56F7}
#v30-events .ev{border:1px solid transparent;border-radius:10px;padding:0 7px;cursor:pointer;background:transparent;width:100%;text-align:left;min-height:63px}
#v30-events .ev:hover{background:#f8f6ff;border-color:#e3defc}
#v30-events .evd{transition:box-shadow .15s}
#v30-events .ev:hover .evd{box-shadow:0 3px 10px #6e56f71c}
#v30-hot{grid-column:1/-1;height:80px;position:relative}
#v30-brand{height:372px;position:relative}
#v30-brand>.card{position:relative;width:1000px;height:340px;left:0;top:0;transform:none}
#v30-brand svg.main{pointer-events:none}
#v30-events .evl{display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;top:56px;gap:16px;padding:4px 20px 0}
#v30-events .evd{display:flex;flex-direction:column;width:44px;height:48px;border:1px solid #ececf1;border-radius:10px;background:#f4f2ff;align-items:center;justify-content:center;flex:none}
#v30-events .evn{font-size:14px;font-weight:600}
#v30-events .evr{font-size:12.5px;color:#71717a;margin-top:2px}
#v30-brand,#v30-reference,#v30-events,#v30-funnel,#v30-map,#v30-activity,#v30-hot{grid-row:auto}
#v30-events>.card{position:relative;width:976px;height:130px;background:#fff;border:1.5px solid #d4cbf8;border-radius:16px;box-shadow:0 1px 2px #1010180a,0 4px 16px -8px #1010180f;overflow:hidden}
#v30-brand .lab{position:absolute}
#v30-events .evd b{font-size:17px;font-weight:600;color:#6e56f7;line-height:1}
#v30-events .evd small{font-size:10.5px;font-weight:600;color:#71717a;letter-spacing:.06em;margin-bottom:3px}
#v30-events .ch{position:absolute;left:0;top:0;right:0;height:56px;padding:0 20px;display:flex;align-items:center;gap:8px;z-index:2}
#v30-events .ch h3{font-size:14px;font-weight:600;margin:0;letter-spacing:-.01em}
#v30-events .ch .ci{display:flex;color:#6e56f7}
#v30-events .ch .meta{font-size:13px;color:#71717a}
#v30-brand>.card{width:1000px;height:340px}
#v30-brand .main{width:1000px;height:340px}
#v30-events .card>.evl{position:absolute;left:0;right:0;top:56px;height:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:4px 20px 0}
#v30-events .card>.evl .ev{position:relative;display:flex;align-items:center;gap:12px;height:62px;min-height:62px;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;font-family:Inter,sans-serif;padding:0 6px;text-align:left}
#v30-events .card>.evd{display:flex;align-items:center;gap:12px;height:62px;min-height:62px}
#v30-events .ch{pointer-events:none}
#v30-events .ch button,#v30-events .ch select{pointer-events:auto}
#v30-events>.card{overflow:hidden}
#v30-brand>.card{width:calc(100% * 1.025);max-width:none;align-self:stretch}
#v30-brand>.card>.main{top:1px}
#v30-brand>.card{width:1000px;height:340px;left:-12px;top:-12px;transform:none}
#v30-brand{height:340px}
#v30-brand{
  height:331.84px;
  width:976px;
  position:relative;
  grid-column:1/-1;
}
#v30-brand>.card{
  width:1000px!important;
  height:340px!important;
  left:0!important;
  top:0!important;
  transform:scale(0.976)!important;
  transform-origin:0 0!important;
  position:relative;
}
#v30-brand>.card>.main,
#v30-brand svg.main{
  left:-1px;
  top:-1px;
  transform:none;
}
#v30-brand .lab{cursor:pointer}
/* v36: plain labels */
/* old v33-pop replaced in v35 block */
/* old hover pop replaced */
#v30-brand .v33-pop .ph{display:flex;align-items:center;gap:8px;margin-bottom:5px}
#v30-brand .v33-pop .ph .ic{
  width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--c,#6E56F7),var(--c2,#8b7cf7));color:#fff;
}
#v30-brand .v33-pop .ph .ic svg{width:12px;height:12px;display:block}
#v30-brand .v33-pop .ph b{font-size:13px;font-weight:700;color:var(--d,#6E56F7);letter-spacing:-.01em}
#v30-brand .v33-pop .ph i{
  margin-left:auto;font-style:normal;font-size:9.5px;font-weight:600;padding:2px 8px;
  border-radius:999px;background:var(--t2,#efeaff);color:var(--d,#6E56F7);
}
#v30-brand .v33-pop p{margin:0 0 6px;color:#1d1b34;font-size:11.5px;line-height:1.35}
#v30-brand .v33-pop ul{margin:0 0 6px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px}
#v30-brand .v33-pop li{
  font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:999px;
  background:var(--t,#f4f2ff);border:1px solid var(--t2,#e6e0ff);color:var(--d,#6E56F7);
}
#v30-brand .v33-pop .pf{font-size:10.5px;color:#6b7280;margin-bottom:6px}
#v30-brand .v33-pop .pn{
  display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--d,#6E56F7);
  padding-top:6px;border-top:1px dashed var(--t2,#e6e0ff);
}
#v30-brand .v33-pop .pn svg{width:11px;height:11px;flex:none}
#v30-brand .v33-pop .ex{font-size:9.5px;color:#a1a1aa;margin-top:4px}
#v30-brand.card,#v30-brand>.card,#v30-brand{overflow:visible}
#v30-brand .v33-pop .pn[data-nav]{pointer-events:auto;position:relative;z-index:2}
#v30-brand>.card,#v30-brand{overflow:visible!important}
body > .v33-pop.v35-pop-portal svg{
  position:static!important;
  inset:auto!important;
  left:auto!important; top:auto!important; right:auto!important; bottom:auto!important;
  width:14px!important;
  height:14px!important;
  max-width:14px!important;
  max-height:14px!important;
  display:block!important;
  flex:none!important;
  overflow:visible!important;
}
#v30-brand .comet{
  animation:v30comet 4.5s linear infinite !important;
  animation-delay:0s !important;
}
#v30-brand .comet.v35-glow-lead{
  stroke:#c4b5fd !important;
  stroke-width:18 !important;
  stroke-dasharray:120 880 !important;
  opacity:1 !important;
  filter:url(#neonwide) drop-shadow(0 0 8px rgba(167,139,250,.9));
}
#v30-brand .lab{transition:filter .35s ease}
#v30-brand>.card{overflow:hidden!important;position:relative!important}
#v30-brand .lab{
  filter:none!important;
  text-shadow:none!important;
}
#v30-brand .lab .nm{
  text-shadow:none!important;
  filter:none!important;
  color:#0F0F14!important;
  font-weight:600!important;
}
#v30-brand .lab.v33-glow,
#v30-brand .lab.v33-glow .nm{
  filter:none!important;
  text-shadow:none!important;
}
#v30-brand .pulse{animation:none!important;opacity:1!important}
#v30-brand path.comet{display:none!important;animation:none!important}
#v30-brand path.comet.v36-ring-glow{
  display:inline!important;
  animation:v30comet 4.5s linear infinite!important;
  animation-delay:0s!important;
  stroke:#c4b5fd!important;
  stroke-width:16!important;
  stroke-dasharray:110 890!important;
  opacity:1!important;
  filter:url(#neonwide)!important;
}
#v30-brand .v36-pop,
#v30-brand .v33-pop,
body > .v33-pop,
body > .v36-pop{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#v30-brand .v36-pop.is-open{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important; /* don't block other labels */
  position:absolute!important;
  width:300px!important;
  height:220px!important;
  max-width:300px!important;
  max-height:220px!important;
  box-sizing:border-box!important;
  padding:12px 14px 10px!important;
  border-radius:12px!important;
  border:1px solid #d4cbf8!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 28px -6px rgba(16,16,24,.18),0 2px 8px rgba(16,16,24,.06)!important;
  z-index:50!important;
  overflow:hidden!important;
  color:#1d1b34!important;
  font-family:Inter,system-ui,sans-serif!important;
}
#v30-brand .v36-pop.is-open svg{
  position:static!important; inset:auto!important;
  width:14px!important; height:14px!important; max-width:14px!important; max-height:14px!important;
  display:block!important; flex:none!important;
}
#v30-brand .v36-pop .ph{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important}
#v30-brand .v36-pop .ph .ic{
  width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;
  display:inline-grid!important;place-items:center!important;flex:none!important;
  background:#f4f2ff!important;color:#6E56F7!important;overflow:hidden!important;
}
#v30-brand .v36-pop .ph .ic svg{width:14px!important;height:14px!important}
#v30-brand .v36-pop .ph b{font-size:13px!important;font-weight:700!important;color:#6E56F7!important}
#v30-brand .v36-pop .ph i{font-style:normal!important;margin-left:auto!important;font-size:12px!important;color:#6b7280!important;white-space:nowrap!important}
#v30-brand .v36-pop p{margin:0 0 8px!important;font-size:12.5px!important;line-height:1.35!important;color:#1d1b34!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#v30-brand .v36-pop ul{margin:0 0 8px!important;padding:0!important;list-style:none!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important}
#v30-brand .v36-pop li{font-size:11.5px!important;padding:3px 8px!important;border-radius:999px!important;background:#f4f2ff!important;color:#5b4cdb!important}
#v30-brand .v36-pop .pf{font-size:11.5px!important;color:#6b7280!important;margin:0 0 8px!important}
#v30-brand .v36-pop .pn{
  pointer-events:auto!important;
  display:inline-flex!important;align-items:center!important;gap:6px!important;height:30px!important;
  padding:0 12px!important;border-radius:8px!important;background:#f3eefc!important;color:#6E56F7!important;
  font:600 12.5px Inter,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;
}
#v30-brand .v36-pop .pn svg{width:14px!important;height:14px!important}
#v30-brand .v36-pop .ex{font-size:11px!important;color:#a1a1aa!important;margin-top:6px!important}
