/* ============================================================
   VIJIN.AI — ENTITIES hero city skyline styles (violet identity).
   Scoped to .sv[data-seg="entities"]. Light + dark safe. Pairs with
   entities-hero.js. The radar/porthole is hidden; cards are kept.
   ============================================================ */
.sv[data-seg="entities"]{
  --en-ft:#5b3f88;   /* near solid buildings (dark mode: lighter than the eggplant bg) */
  --en-md:#4a356f;   /* mid tier */
  --en-bk:#3a2a5c;   /* far faded towers */
  --en-win:#d2c2f4;  /* lit windows */
  --en-cloud:#4a3a6e;
  --en-sun:rgba(157,123,255,.28);
}
[data-theme="light"] .sv[data-seg="entities"]{
  --en-ft:#6a4f8e;   /* deep violet silhouettes on cream */
  --en-md:#9683bc;
  --en-bk:#bcacd6;
  --en-win:#fbf6ee;
  --en-cloud:#dccfeb;
  --en-sun:rgba(206,188,232,.72);
}

/* hide the radar porthole + its overlays (keep the floating cards) */
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-gov-radar,
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-gov-glow,
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-gov-fx,
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-disc{display:none !important}

.sv[data-seg="entities"] .en-sky{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sv[data-seg="entities"] .en-sky svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.sv[data-seg="entities"] .en-sun{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);
  width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--en-sun) 0%,transparent 64%)}

.sv[data-seg="entities"] .en-bk{fill:var(--en-bk);opacity:.5}
.sv[data-seg="entities"] .en-md{fill:var(--en-md);opacity:.78}
.sv[data-seg="entities"] .en-ft{fill:var(--en-ft)}
.sv[data-seg="entities"] .en-base{fill:var(--en-ft)}
.sv[data-seg="entities"] .en-cloud{fill:var(--en-cloud);opacity:.42}
.sv[data-seg="entities"] .en-cloud.c2{opacity:.3}
.sv[data-seg="entities"] .en-win{fill:var(--en-win);opacity:.5}
.sv[data-seg="entities"] .en-win.lit{opacity:.95}

@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="entities"] .en-win.fl{animation:enWinFlick 4.2s steps(1) infinite}
  .sv[data-seg="entities"] .en-win.fl:nth-of-type(3n){animation-delay:1.4s}
  .sv[data-seg="entities"] .en-win.fl:nth-of-type(5n){animation-delay:2.8s}
}
@keyframes enWinFlick{0%,100%{opacity:.5}50%{opacity:.95}}

/* ---- box-less, icon-forward capability cards in a clean top row ---- */
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-cards{
  position:absolute !important;inset:3% 2% auto 2% !important;transform:none !important;height:auto !important;
  display:flex !important;flex-wrap:nowrap;justify-content:space-between !important;align-items:flex-start !important;gap:4px;z-index:3}
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-fcard{
  position:static !important;inset:auto !important;top:auto !important;transform:none !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
  display:flex !important;flex-direction:column;align-items:center;text-align:center;gap:9px;
  flex:1 1 0 !important;max-width:118px;padding:4px 3px 6px !important}
.sv[data-seg="entities"] .sv-govco-fc-viz{order:-1;margin:0 auto !important;max-width:none !important}
.sv[data-seg="entities"] .en-fc-svg{color:#c39ad6;display:grid;place-items:center}
[data-theme="light"] .sv[data-seg="entities"] .en-fc-svg{color:#6a4f8e}
.sv[data-seg="entities"] .en-fc-svg svg{width:40px !important;height:40px !important;filter:drop-shadow(0 1px 5px rgba(10,6,26,.5))}
[data-theme="light"] .sv[data-seg="entities"] .en-fc-svg svg{filter:drop-shadow(0 1px 3px rgba(120,90,150,.35))}
.sv[data-seg="entities"] .sv-govco-fcard b{font-size:12.5px !important;line-height:1.3;text-align:center;color:#fff;text-shadow:0 1px 7px rgba(10,6,26,.7)}
[data-theme="light"] .sv[data-seg="entities"] .sv-govco-fcard b{color:#2a2350;text-shadow:0 1px 3px rgba(255,255,255,.7)}
@media(max-width:640px){.sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-cards{flex-wrap:wrap;justify-content:center}
  .sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-fcard{flex-basis:30%;max-width:31%}
  .sv[data-seg="entities"] .en-fc-svg svg{width:34px !important;height:34px !important}}

/* lower the central glowing core a bit (it sits high by default) */
.sv[data-seg="entities"] .sv-orb.en-noradar .sv-govco-core{top:34% !important}