/* ============================================================
   VIJIN.AI · Sovereign — Cross-entity section (v2, balanced)
   ------------------------------------------------------------
   Section: "ربط عابر للجهات دون كسر العزل".
   Clean, balanced capability cells: a centred icon chip with a soft
   per-colour halo over a label, on a subtly tinted bordered surface.
   No floating ports, no lopsided gaps, no neon rings.
   Scoped to sovereign; loaded LAST. Works in dark + light
   (label uses --head which adapts; gold is remapped to teal in light).
   ============================================================ */

.svx [data-seg="sovereign"] .sv-scv{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  max-width:1060px !important;
  margin:46px auto 0 !important;
  justify-items:stretch !important;
}

/* Balanced cell */
.svx [data-seg="sovereign"] .sv-scv-node{
  position:relative !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:0 !important;
  padding:30px 24px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,
    color-mix(in oklab,var(--c) 8%,transparent),
    color-mix(in oklab,var(--bg-4) 30%,transparent) 70%) !important;
  border:1px solid color-mix(in oklab,var(--c) 24%,transparent) !important;
  overflow:hidden !important;
  transition:border-color .18s ease, transform .18s cubic-bezier(.2,.7,.2,1), box-shadow .18s ease !important;
}
.svx [data-seg="sovereign"] .sv-scv-node:hover{
  transform:translateY(-3px) !important;
  border-color:color-mix(in oklab,var(--c) 52%,transparent) !important;
  box-shadow:0 18px 40px -26px color-mix(in oklab,var(--c) 80%,#000) !important;
}

/* Drop the open-ring motif */
.svx [data-seg="sovereign"] .sv-scv-ring{display:none !important;}

/* Centred stack */
.svx [data-seg="sovereign"] .sv-scv-in{
  position:static !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
  max-width:none !important;
  text-align:center !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
}

/* Icon chip with soft halo (override neon-float from sovereign-icons.css) */
.svx [data-seg="sovereign"] .sv-scv-ic{
  position:relative !important;
  inset:auto !important;
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:15px !important;
  display:grid !important;
  place-items:center !important;
  color:var(--c) !important;
  background:color-mix(in oklab,var(--c) 15%,transparent) !important;
  border:1px solid color-mix(in oklab,var(--c) 36%,transparent) !important;
  box-shadow:none !important;
  overflow:visible !important;
  flex:none !important;
}
.svx [data-seg="sovereign"] .sv-scv-ic::before{
  content:"" !important;
  position:absolute !important;
  inset:-30% !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  width:160% !important; height:160% !important;
  transform:none !important;
  border-radius:50% !important;
  background:radial-gradient(circle at center,
    color-mix(in oklab,var(--c) 32%,transparent), transparent 68%) !important;
  filter:blur(12px) !important;
  opacity:.55 !important;
  z-index:0 !important;
}
.svx [data-seg="sovereign"] .sv-scv-ic::after{display:none !important;}
.svx [data-seg="sovereign"] .sv-scv-ic svg{
  width:28px !important;
  height:28px !important;
  position:relative !important;
  z-index:2 !important;
  color:var(--c) !important;
  filter:drop-shadow(0 0 5px color-mix(in oklab,var(--c) 50%,transparent)) !important;
}

/* Label */
.svx [data-seg="sovereign"] .sv-scv-in b{
  color:var(--head) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
  text-align:center !important;
  max-width:24ch !important;
}

/* Light mode: tame halo so it never reads as a white/gold smear on cream */
[data-theme="light"].svx [data-seg="sovereign"] .sv-scv-ic::before{opacity:.32 !important;}
[data-theme="light"].svx [data-seg="sovereign"] .sv-scv-ic svg{
  filter:drop-shadow(0 0 3px color-mix(in oklab,var(--c) 40%,transparent)) brightness(.95) !important;
}

/* Responsive */
@media(max-width:880px){
  .svx [data-seg="sovereign"] .sv-scv{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){
  .svx [data-seg="sovereign"] .sv-scv{grid-template-columns:1fr !important;}
}
@media(prefers-reduced-motion:reduce){
  .svx [data-seg="sovereign"] .sv-scv-node:hover{transform:none !important;}
}