/* ============================================================
   VIJIN.AI — GOVCO bespoke section visuals (scoped to govco only)
   Loaded AFTER marketing-serve.css by serve-govco.html.
   Per-section redesigns requested on the page; every rule is
   namespaced .sv[data-seg="govco"] so other serve pages are
   untouched. Cool palette + glass + sequential signal pulse (§10).
   ============================================================ */
.sv[data-seg="govco"]{--gc-cyan:#17d1c6;--gc-blue:#38a7dd;--gc-violet:#7b6cf0;--gc-green:#52d999;--gc-mauve:#b07cc6;--gc-gold:#feb602}
[data-theme="light"] .sv[data-seg="govco"]{--gc-cyan:#0a7d75;--gc-blue:#2467b0;--gc-violet:#5a47c8;--gc-green:#157a4a;--gc-mauve:#7a4e96;--gc-gold:#8a6000}

/* ============================================================
   (cc-4) GOLD IDENTITY — make gold the LEADER colour (matches the
   "من نخدم" nav identity for govco), with the cool palette kept as
   supporting per-item accents. Gold darkens in light mode (§3).
   ============================================================ */
.sv[data-seg="govco"] .sv-eyebrow,
.sv[data-seg="govco"] .sv-hero .sv-eyebrow{color:var(--gc-gold) !important;border-color:color-mix(in oklab,var(--gc-gold) 38%,transparent) !important;background:color-mix(in oklab,var(--gc-gold) 12%,transparent) !important}
.sv[data-seg="govco"] .sv-eyebrow svg,
.sv[data-seg="govco"] .sv-hero .sv-eyebrow svg{color:var(--gc-gold) !important}
.sv[data-seg="govco"] .sv-segbg{--seg:#feb602 !important}
[data-theme="light"] .sv[data-seg="govco"] .sv-segbg{--seg:#d9b24a !important}
.sv[data-seg="govco"] .sv-hero-bg{background:radial-gradient(820px 480px at 82% -8%,color-mix(in oklab,#feb602 22%,transparent),transparent 60%),radial-gradient(620px 420px at 12% 8%,color-mix(in oklab,#feb602 12%,transparent),transparent 62%)}
.sv[data-seg="govco"] .btn-primary{background:linear-gradient(120deg,#f0a800,#ffce5a) !important;color:#241a05 !important;border-color:transparent !important}
.sv[data-seg="govco"] .btn-primary svg{color:#241a05 !important}

/* (per request) hero chips on ONE line — no wrapping */
.sv[data-seg="govco"] .sv-hero .sv-chips{flex-wrap:nowrap !important;gap:8px !important;max-width:none !important}

/* (per request) Contact "Type" <select>: kill the browser blue/white; match
   the page navy + gold identity. */
.sv[data-seg="govco"] .lp-fld select{accent-color:#feb602 !important}
.sv[data-seg="govco"] .lp-fld select option{background-color:#0c2c58 !important;color:#f4f0ff !important}
.sv[data-seg="govco"] .lp-fld select option:checked,
.sv[data-seg="govco"] .lp-fld select option:hover{background:#feb602 !important;color:#241a05 !important}
[data-theme="light"] .sv[data-seg="govco"] .lp-fld select{accent-color:#b07a00 !important}
[data-theme="light"] .sv[data-seg="govco"] .lp-fld select option{background-color:#f3eede !important;color:#2a2350 !important}
[data-theme="light"] .sv[data-seg="govco"] .lp-fld select option:checked{background:#b07a00 !important;color:#fff !important}

/* (per request) form fields: glassy page-colored fields instead of the
   near-black boxes — transparent + blur reveal the page, gold-tinted border. */
.sv[data-seg="govco"] .lp-fld input,
.sv[data-seg="govco"] .lp-fld textarea,
.sv[data-seg="govco"] .lp-fld select{
  background:color-mix(in oklab,#103a6b 55%,transparent) !important;
  border-color:color-mix(in oklab,var(--gc-gold) 26%,transparent) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.1) !important;backdrop-filter:blur(8px) saturate(1.1) !important}
.sv[data-seg="govco"] .lp-fld input:focus,
.sv[data-seg="govco"] .lp-fld textarea:focus,
.sv[data-seg="govco"] .lp-fld select:focus{
  border-color:color-mix(in oklab,var(--gc-gold) 55%,transparent) !important;
  box-shadow:0 0 0 3px color-mix(in oklab,var(--gc-gold) 16%,transparent) !important}
[data-theme="light"] .sv[data-seg="govco"] .lp-fld input,
[data-theme="light"] .sv[data-seg="govco"] .lp-fld textarea,
[data-theme="light"] .sv[data-seg="govco"] .lp-fld select{
  background:color-mix(in oklab,#ffffff 62%,transparent) !important;
  border-color:color-mix(in oklab,var(--gc-gold) 34%,#d8cfae) !important}
.sv[data-seg="govco"] .sv-hero .sv-chip{white-space:nowrap !important;padding:7px 11px !important;flex:0 0 auto}
@media(max-width:760px){
  .sv[data-seg="govco"] .sv-hero .sv-chips{flex-wrap:wrap !important}
}

/* (per request) UNIFORM page background — no progressive darkening as you
   scroll; the darkening gradient lives ONLY in the footer area. */
[data-theme="dark"] .sv[data-seg="govco"]{background:#103a6b !important}

/* footer (per request): NO gradient lines at all + background = page color. */
.sv-foot-aura{display:none !important}
/* footer copyright/sub text: the owner wants this line in ROYAL GREEN
   (was washed-out lavender/blue next to the · bullet). Theme-aware. */
.lp-foot.sv-foot-glow .lp-foot-sub{color:#2fb574 !important}
.lp-foot.sv-foot-glow .lp-foot-sub a{color:#43d98c !important;font-weight:700}
[data-theme="light"] .lp-foot.sv-foot-glow .lp-foot-sub{color:#0e7a40 !important}
[data-theme="light"] .lp-foot.sv-foot-glow .lp-foot-sub a{color:#0b6a37 !important}

/* (cc-8/10) social icons must keep their OFFICIAL look: white glyph on the
   brand-colored box — never the inherited gold link color. */
.sv[data-seg="govco"] .lp-social a{color:#fff !important}
.sv[data-seg="govco"] .lp-social a svg,
.sv[data-seg="govco"] .lp-social a path{color:#fff !important;fill:#fff !important}

/* (cc-2) footer brand tagline: readable dark tone on cream (not faint) */
[data-theme="light"] .sv[data-seg="govco"] .lp-foot-brand{color:#3a4452 !important}

/* (cc) dropdown panel ("من نخدم") = same as the page background */
.sv[data-seg="govco"] .dd-panel{background:#103a6b !important}
[data-theme="light"] .sv[data-seg="govco"] .dd-panel{background:#faf6e7 !important}

/* (cc) background flow line 3 ("gray" violet) → royal green */
.vjbg[data-pal="govco"]{--vjbg-3:#2bbd77 !important}
.vjbg[data-pal="govco"] .l3{color:#2bbd77 !important}
[data-theme="light"] .vjbg[data-pal="govco"]{--vjbg-3:#1a7a45 !important}
[data-theme="light"] .vjbg[data-pal="govco"] .l3{color:#1a7a45 !important}

/* (cc) REMOVE the graph-paper / notebook-grid squares from the hero bg */
.sv[data-seg="govco"] .sv-hero-grid{display:none !important}

/* (cc) bespoke SECTION CARDS → glass: page-colored + translucent + blur so the
   background flow lines show through (per request, applies to every section). */
[data-theme="dark"] .sv[data-seg="govco"] :is(.gv-tier,.gv-rk-board,.gv-rk-tile,.gv-bus-chip,.gv-org-node,.gv-org-hub,.gv-glass,.gv-iso-dash,.gv-iso-rule,.gv-iso-cell){
  background:rgba(16,58,107,.40) !important;-webkit-backdrop-filter:blur(11px) saturate(1.1) !important;backdrop-filter:blur(11px) saturate(1.1) !important}
[data-theme="light"] .sv[data-seg="govco"] :is(.gv-tier,.gv-rk-board,.gv-rk-tile,.gv-bus-chip,.gv-org-node,.gv-org-hub,.gv-glass,.gv-iso-dash,.gv-iso-rule,.gv-iso-cell){
  background:rgba(255,255,255,.42) !important;-webkit-backdrop-filter:blur(11px) saturate(1.1) !important;backdrop-filter:blur(11px) saturate(1.1) !important}
/* inner icon chips: faint glass so the identity icon reads (no heavy colored block) */
[data-theme="dark"] .sv[data-seg="govco"] :is(.gv-rk-ic,.gv-tier-ic,.gv-org-ic,.gv-bus-ic,.gv-iso-rk){background:rgba(255,255,255,.07) !important}
[data-theme="light"] .sv[data-seg="govco"] :is(.gv-rk-ic,.gv-tier-ic,.gv-org-ic,.gv-bus-ic,.gv-iso-rk){background:rgba(16,58,107,.06) !important}

/* ============================================================
   (cc-21) HERO TITLE — gold identity highlight (theme-aware)
   ============================================================ */
.sv[data-seg="govco"] .sv-hero-copy h1 .gv-hl{color:#feb602}
[data-theme="light"] .sv[data-seg="govco"] .sv-hero-copy h1 .gv-hl{color:#b07a00}

/* ============================================================
   (cc-36) ORB GLOW — cyan → gold (matches govco identity)
   ============================================================ */
.sv[data-seg="govco"] .sv-gov-glow{background:radial-gradient(circle at 50% 60%,rgba(254,182,2,.30),rgba(0,0,0,0) 68%) !important}
[data-theme="light"] .sv[data-seg="govco"] .sv-gov-glow{background:radial-gradient(circle at 50% 60%,rgba(176,122,0,.18),rgba(0,0,0,0) 66%) !important}

/* ============================================================
   LIGHT MODE fixes (per request)
   ============================================================ */
/* solid cream page layer — no gradient/transparency in light mode */
[data-theme="light"] .sv[data-seg="govco"]{background:#faf6e7 !important}
/* hero floating-card icons: darken the bright cyan/mint so they read on cream */
[data-theme="light"] .sv[data-seg="govco"] .sv-govco-fc-viz:not(.gv-fc-svg){filter:brightness(.62) saturate(1.25)}

/* (cc-2) hero floating cards: NO box — just the icon + label floating, and
   themeable SVG icons that recolor cleanly in light mode. */
/* (cc) hero floating cards laid out as ONE centered row across the orb top */
.sv[data-seg="govco"] .sv-govco-cards{position:absolute !important;inset:2% 1.5% auto 1.5% !important;
  display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:4px !important;z-index:3}
.sv[data-seg="govco"] .sv-govco-fcard{position:static !important;top:auto !important;inset-inline:auto !important;
  flex:1 1 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;max-width:130px !important;padding:4px 6px !important}
.sv[data-seg="govco"] .sv-govco-fc-viz.gv-fc-svg{color:#feb602;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));display:grid;place-items:center}
.sv[data-seg="govco"] .sv-govco-fc-viz.gv-fc-svg svg{width:38px !important;height:38px !important}
.sv[data-seg="govco"] .sv-govco-fcard b{text-shadow:0 1px 6px rgba(6,16,40,.6);font-size:13px !important}
[data-theme="light"] .sv[data-seg="govco"] .sv-govco-fc-viz.gv-fc-svg{color:#9a6a00;filter:none}
[data-theme="light"] .sv[data-seg="govco"] .sv-govco-fcard b{color:#2a2350 !important;text-shadow:0 1px 3px rgba(255,255,255,.6)}
.lp-foot.sv-foot-glow{padding-top:48px !important;background:transparent !important}
[data-theme="dark"] .lp-foot.sv-foot-glow{background:transparent !important}
[data-theme="light"] .lp-foot.sv-foot-glow{background:transparent !important}

/* ============================================================
   (cc-3) HERO — skyline buildings emitting an electric pulse.
   Hide the old radar / core / fx; keep the floating cards + glow.
   ============================================================ */
.sv[data-seg="govco"] .sv-gov-radar,
.sv[data-seg="govco"] .sv-govco-core,
.sv[data-seg="govco"] .sv-gov-fx{display:none !important}

.sv[data-seg="govco"] .gv-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.sv[data-seg="govco"] .gv-sky svg{width:100%;height:100%;display:block;overflow:visible}
.sv[data-seg="govco"] .gv-bldg{fill:color-mix(in oklab,var(--gc-blue) 24%,transparent);stroke:color-mix(in oklab,var(--gc-cyan) 60%,transparent);stroke-width:1}
.sv[data-seg="govco"] .gv-win{fill:color-mix(in oklab,var(--gc-cyan) 38%,transparent)}
.sv[data-seg="govco"] .gv-win.lit{fill:var(--gc-cyan)}
.sv[data-seg="govco"] .gv-base{stroke:color-mix(in oklab,var(--gc-cyan) 60%,transparent);stroke-width:1.4}
.sv[data-seg="govco"] .gv-riser{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 5px currentColor)}
.sv[data-seg="govco"] .gv-node{filter:drop-shadow(0 0 6px currentColor)}
@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="govco"] .gv-riser{stroke-dasharray:7 90;stroke-dashoffset:97;animation:gvFlow 2.4s linear infinite}
  .sv[data-seg="govco"] .gv-riser.r2{animation-delay:.5s}
  .sv[data-seg="govco"] .gv-riser.r3{animation-delay:1s}
  .sv[data-seg="govco"] .gv-riser.r4{animation-delay:1.5s}
  .sv[data-seg="govco"] .gv-node{animation:gvPulse 2.4s ease-in-out infinite}
  .sv[data-seg="govco"] .gv-node.n2{animation-delay:.5s}
  .sv[data-seg="govco"] .gv-node.n3{animation-delay:1s}
  .sv[data-seg="govco"] .gv-node.n4{animation-delay:1.5s}
  .sv[data-seg="govco"] .gv-win.fl{animation:gvFlick 3.6s steps(1) infinite}
  .sv[data-seg="govco"] .gv-win.fl2{animation-delay:1.2s}
  .sv[data-seg="govco"] .gv-win.fl3{animation-delay:2.4s}
}
@keyframes gvFlow{to{stroke-dashoffset:0}}
@keyframes gvPulse{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
@keyframes gvFlick{0%,100%{fill:color-mix(in oklab,var(--gc-cyan) 38%,transparent)}50%{fill:var(--gc-cyan)}}
.sv[data-seg="govco"] .gv-node{transform-box:fill-box;transform-origin:center}

/* glass helper shared by the bespoke govco panels */
.sv[data-seg="govco"] .gv-glass{position:relative;border-radius:18px;
  border:1px solid color-mix(in oklab,var(--c,var(--gc-cyan)) 26%,transparent);
  background:linear-gradient(160deg,color-mix(in oklab,var(--c,var(--gc-cyan)) 12%,transparent),color-mix(in oklab,#0c0a30 40%,transparent));
  -webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1)}
[data-theme="light"] .sv[data-seg="govco"] .gv-glass{background:linear-gradient(160deg,color-mix(in oklab,var(--c,var(--gc-cyan)) 10%,#fff),color-mix(in oklab,#fff 70%,transparent))}

/* ============================================================
   (cc-5) OWNERSHIP TIERS — vertical spine + glass tiers
   ============================================================ */
.sv[data-seg="govco"] .gv-tiers{position:relative;max-width:760px;margin:38px auto 0;padding-inline-start:34px;display:flex;flex-direction:column;gap:12px}
.sv[data-seg="govco"] .gv-tiers-spine{position:absolute;inset-inline-start:10px;top:8px;bottom:46px;width:2px;
  background:linear-gradient(180deg,var(--gc-cyan),color-mix(in oklab,var(--gc-violet) 60%,transparent))}
.sv[data-seg="govco"] .gv-tier{position:relative;display:flex;align-items:center;gap:15px;padding:16px 18px;border-radius:14px;
  border:1px solid color-mix(in oklab,var(--c) 26%,transparent);
  background:linear-gradient(120deg,color-mix(in oklab,var(--c) 13%,transparent),color-mix(in oklab,#0c0a30 38%,transparent));
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:transform .22s ease,border-color .22s ease}
[data-theme="light"] .sv[data-seg="govco"] .gv-tier{background:linear-gradient(120deg,color-mix(in oklab,var(--c) 11%,#fff),color-mix(in oklab,#fff 72%,transparent))}
.sv[data-seg="govco"] .gv-tier:hover{transform:translateX(-4px);border-color:color-mix(in oklab,var(--c) 50%,transparent)}
.sv[data-seg="govco"] .gv-tier-node{position:absolute;inset-inline-start:-29px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;
  background:var(--c);box-shadow:0 0 0 4px color-mix(in oklab,var(--c) 22%,transparent),0 0 12px var(--c)}
@media(prefers-reduced-motion:no-preference){.sv[data-seg="govco"] .gv-tier-node{animation:gvNode 2.6s ease-in-out infinite;animation-delay:calc(var(--si)*.22s)}}
@keyframes gvNode{0%,100%{box-shadow:0 0 0 4px color-mix(in oklab,var(--c) 18%,transparent),0 0 8px var(--c)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--c) 30%,transparent),0 0 18px var(--c)}}
.sv[data-seg="govco"] .gv-tier-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 16%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);
  box-shadow:0 0 18px -5px color-mix(in oklab,var(--c) 70%,transparent)}
.sv[data-seg="govco"] .gv-tier-tx{flex:1;min-width:0}
.sv[data-seg="govco"] .gv-tier-tx b{font-size:16px;font-weight:700;color:var(--head);line-height:1.4}
.sv[data-seg="govco"] .gv-tier-depth{flex:none;display:flex;align-items:flex-end;gap:3px;height:22px}
.sv[data-seg="govco"] .gv-tier-depth i{width:5px;height:7px;border-radius:2px;background:color-mix(in oklab,var(--c) 22%,transparent)}
.sv[data-seg="govco"] .gv-tier-depth i.on{height:18px;background:var(--c);box-shadow:0 0 7px color-mix(in oklab,var(--c) 60%,transparent)}
.sv[data-seg="govco"] .gv-tiers-cap{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding-inline-start:2px;
  font-family:var(--f-mono,monospace);font-size:12px;color:var(--t2)}
.sv[data-seg="govco"] .gv-cap-dot{width:9px;height:9px;border-radius:50%;background:var(--gc-violet);box-shadow:0 0 9px var(--gc-violet)}
@media(max-width:560px){.sv[data-seg="govco"] .gv-tier-depth{display:none}}

/* ============================================================
   (cc-6) RISK CORRELATION BOARD — trend line + stage tiles
   ============================================================ */
.sv[data-seg="govco"] .gv-rk-board{max-width:980px;margin:38px auto 0;padding:22px 24px 24px;border-radius:22px;
  border:1px solid color-mix(in oklab,var(--gc-cyan) 16%,transparent);
  background:linear-gradient(165deg,color-mix(in oklab,var(--gc-blue) 10%,transparent),color-mix(in oklab,#0c0a30 42%,transparent));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
[data-theme="light"] .sv[data-seg="govco"] .gv-rk-board{background:linear-gradient(165deg,color-mix(in oklab,var(--gc-blue) 9%,#fff),color-mix(in oklab,#fff 70%,transparent))}
.sv[data-seg="govco"] .gv-rk-chart{position:relative;height:108px;margin-bottom:6px}
.sv[data-seg="govco"] .gv-rk-chart svg{width:100%;height:100%;overflow:visible}
.sv[data-seg="govco"] .gv-rk-area{fill:color-mix(in oklab,var(--gc-cyan) 14%,transparent)}
.sv[data-seg="govco"] .gv-rk-line{fill:none;stroke:var(--gc-cyan);stroke-width:2.4;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px color-mix(in oklab,var(--gc-cyan) 70%,transparent))}
.sv[data-seg="govco"] .gv-rk-mk{fill:var(--gc-cyan);stroke:#0c0a30;stroke-width:1.5}
[data-theme="light"] .sv[data-seg="govco"] .gv-rk-mk{stroke:#fff}
@media(prefers-reduced-motion:no-preference){.sv[data-seg="govco"] .gv-rk-mk{animation:gvNode 2.4s ease-in-out infinite;animation-delay:calc(var(--si)*.28s);transform-box:fill-box;transform-origin:center}}
.sv[data-seg="govco"] .gv-rk-axis{position:absolute;font-family:var(--f-mono,monospace);font-size:10.5px;letter-spacing:.04em;color:var(--t2);text-transform:uppercase}
.sv[data-seg="govco"] .gv-rk-risk{top:2px;inset-inline-start:2px}
.sv[data-seg="govco"] .gv-rk-rail{position:relative;height:2px;margin:4px 0 16px;border-radius:2px;
  background:linear-gradient(90deg,color-mix(in oklab,var(--gc-cyan) 50%,transparent),color-mix(in oklab,var(--gc-violet) 50%,transparent))}
.sv[data-seg="govco"] .gv-rk-pulse{position:absolute;top:50%;width:30px;height:4px;border-radius:4px;transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,var(--gc-cyan),transparent);filter:drop-shadow(0 0 6px var(--gc-cyan))}
@media(prefers-reduced-motion:no-preference){.sv[data-seg="govco"] .gv-rk-pulse{animation:gvRail 3s linear infinite}}
@keyframes gvRail{0%{inset-inline-start:-8%}100%{inset-inline-start:104%}}
.sv[data-seg="govco"] .gv-rk-tiles{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px}
.sv[data-seg="govco"] .gv-rk-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-radius:13px;
  border:1px solid color-mix(in oklab,var(--c) 26%,transparent);
  background:linear-gradient(160deg,color-mix(in oklab,var(--c) 13%,transparent),color-mix(in oklab,#0c0a30 36%,transparent));
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
[data-theme="light"] .sv[data-seg="govco"] .gv-rk-tile{background:linear-gradient(160deg,color-mix(in oklab,var(--c) 10%,#fff),color-mix(in oklab,#fff 72%,transparent))}
.sv[data-seg="govco"] .gv-rk-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 16%,transparent);border:1px solid color-mix(in oklab,var(--c) 32%,transparent)}
.sv[data-seg="govco"] .gv-rk-tile b{font-size:13px;font-weight:700;color:var(--head);line-height:1.35}
.sv[data-seg="govco"] .gv-rk-stage{position:absolute;top:10px;inset-inline-end:11px;font-family:var(--f-mono,monospace);font-size:11px;color:color-mix(in oklab,var(--c) 70%,var(--t2))}
@media(max-width:860px){.sv[data-seg="govco"] .gv-rk-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.sv[data-seg="govco"] .gv-rk-tiles{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   (cc-7) INTEGRATION BUS — central rail + plugged-in systems
   ============================================================ */
.sv[data-seg="govco"] .gv-bus{max-width:1000px;margin:40px auto 0;text-align:center}
.sv[data-seg="govco"] .gv-bus-hub{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;
  font-family:var(--f-mono,monospace);font-weight:700;font-size:14px;letter-spacing:.02em;color:var(--head);
  border:1px solid color-mix(in oklab,var(--gc-cyan) 45%,transparent);
  background:linear-gradient(120deg,color-mix(in oklab,var(--gc-cyan) 20%,transparent),color-mix(in oklab,var(--gc-blue) 16%,transparent));
  box-shadow:0 0 26px -8px color-mix(in oklab,var(--gc-cyan) 70%,transparent)}
.sv[data-seg="govco"] .gv-bus-hub-core{width:11px;height:11px;border-radius:50%;background:var(--gc-cyan);box-shadow:0 0 12px var(--gc-cyan)}
@media(prefers-reduced-motion:no-preference){.sv[data-seg="govco"] .gv-bus-hub-core{animation:gvNode 2s ease-in-out infinite;--c:var(--gc-cyan)}}
.sv[data-seg="govco"] .gv-bus-rail{position:relative;height:6px;margin:16px 0;border-radius:6px;
  background:linear-gradient(90deg,color-mix(in oklab,var(--gc-cyan) 30%,transparent),color-mix(in oklab,var(--gc-violet) 30%,transparent));overflow:visible}
.sv[data-seg="govco"] .gv-bus-rail-line{position:absolute;inset:0;border-radius:6px;border:1px solid color-mix(in oklab,var(--gc-cyan) 30%,transparent)}
.sv[data-seg="govco"] .gv-pkt{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,transparent,var(--gc-cyan));filter:drop-shadow(0 0 5px var(--gc-cyan))}
@media(prefers-reduced-motion:no-preference){
  .sv[data-seg="govco"] .gv-pkt{animation:gvRail 2.6s linear infinite}
  .sv[data-seg="govco"] .gv-pkt.p2{animation-delay:.9s;background:linear-gradient(90deg,transparent,var(--gc-green));filter:drop-shadow(0 0 5px var(--gc-green))}
  .sv[data-seg="govco"] .gv-pkt.p3{animation-delay:1.7s;background:linear-gradient(90deg,transparent,var(--gc-violet));filter:drop-shadow(0 0 5px var(--gc-violet))}
}
.sv[data-seg="govco"] .gv-bus-chips{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.sv[data-seg="govco"] .gv-bus-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:13px;
  border:1px solid color-mix(in oklab,var(--c) 28%,transparent);
  background:linear-gradient(160deg,color-mix(in oklab,var(--c) 13%,transparent),color-mix(in oklab,#0c0a30 36%,transparent));
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .2s ease}
[data-theme="light"] .sv[data-seg="govco"] .gv-bus-chip{background:linear-gradient(160deg,color-mix(in oklab,var(--c) 10%,#fff),color-mix(in oklab,#fff 72%,transparent))}
.sv[data-seg="govco"] .gv-bus-chip:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--c) 52%,transparent)}
.sv[data-seg="govco"] .gv-bus-drop{position:absolute;top:-16px;width:2px;height:16px;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--c) 70%,transparent))}
.sv[data-seg="govco"] .gv-bus-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 16%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);
  box-shadow:0 0 16px -5px color-mix(in oklab,var(--c) 70%,transparent)}
.sv[data-seg="govco"] .gv-bus-chip b{font-size:12px;font-weight:700;color:var(--head);line-height:1.35;text-wrap:balance}
.sv[data-seg="govco"] .gv-bus-foot{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 16px;border-radius:999px;
  font-size:12.5px;color:var(--t2);border:1px solid color-mix(in oklab,var(--gc-cyan) 20%,transparent);
  background:color-mix(in oklab,var(--gc-cyan) 7%,transparent)}
.sv[data-seg="govco"] .gv-bus-foot .gv-lock{color:var(--gc-cyan);display:grid;place-items:center}
@media(max-width:820px){.sv[data-seg="govco"] .gv-bus-chips{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.sv[data-seg="govco"] .gv-bus-chips{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   (cc-9) ISOLATION DASHBOARD — nested scopes + guard rules
   ============================================================ */
.sv[data-seg="govco"] .gv-iso{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1000px;margin:38px auto 0;align-items:start}
@media(max-width:820px){.sv[data-seg="govco"] .gv-iso{grid-template-columns:1fr}}
.sv[data-seg="govco"] .gv-iso-dash{overflow:hidden}
.sv[data-seg="govco"] .gv-iso-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;
  border-bottom:1px solid color-mix(in oklab,var(--gc-cyan) 18%,transparent)}
.sv[data-seg="govco"] .gv-iso-bar .d{width:9px;height:9px;border-radius:50%;background:color-mix(in oklab,var(--gc-cyan) 45%,transparent)}
.sv[data-seg="govco"] .gv-iso-bar b{font-family:var(--f-mono,monospace);font-size:12px;color:var(--head);margin-inline-start:7px}
.sv[data-seg="govco"] .gv-iso-barlock{margin-inline-start:auto;color:var(--gc-cyan);display:grid;place-items:center}
.sv[data-seg="govco"] .gv-iso-stage{padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;align-items:stretch}
.sv[data-seg="govco"] .gv-iso-ext{display:inline-flex;align-items:center;gap:9px;align-self:center;padding:7px 14px;border-radius:999px;
  font-size:12px;color:var(--t3);border:1px dashed color-mix(in oklab,var(--t2) 40%,transparent);opacity:.7;position:relative}
.sv[data-seg="govco"] .gv-iso-ext::after{content:"";position:absolute;inset-inline:10px;top:50%;height:1.5px;background:color-mix(in oklab,var(--t2) 55%,transparent);transform:rotate(-8deg)}
.sv[data-seg="govco"] .gv-iso-ring{position:relative;border:1.6px dashed color-mix(in oklab,var(--gc-cyan) 42%,transparent);border-radius:16px;
  padding:24px 16px 16px;background:color-mix(in oklab,var(--gc-cyan) 6%,transparent)}
.sv[data-seg="govco"] .gv-iso-tag{position:absolute;top:-11px;inset-inline-start:16px;font-family:var(--f-mono,monospace);font-size:11px;font-weight:700;
  color:var(--gc-cyan);padding:2px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--gc-cyan) 36%,transparent);
  background:var(--bg-1,#0f083b)}
[data-theme="light"] .sv[data-seg="govco"] .gv-iso-tag{background:#fff}
.sv[data-seg="govco"] .gv-iso-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sv[data-seg="govco"] .gv-iso-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:15px 8px;border-radius:11px;
  color:var(--gc-cyan);border:1px solid color-mix(in oklab,var(--gc-cyan) 28%,transparent);background:color-mix(in oklab,var(--gc-cyan) 12%,transparent)}
.sv[data-seg="govco"] .gv-iso-cell small{color:var(--t2);font-size:11px;font-weight:600}
.sv[data-seg="govco"] .gv-iso-lock{position:absolute;top:6px;inset-inline-end:6px;color:var(--gc-cyan);opacity:.85;display:grid;place-items:center}
.sv[data-seg="govco"] .gv-iso-rules{display:flex;flex-direction:column;gap:9px}
.sv[data-seg="govco"] .gv-iso-rule{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;
  border:1px solid color-mix(in oklab,var(--gc-cyan) 16%,transparent);
  background:linear-gradient(120deg,color-mix(in oklab,var(--gc-cyan) 7%,transparent),color-mix(in oklab,#0c0a30 32%,transparent));
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:14px;color:var(--t1);line-height:1.5}
[data-theme="light"] .sv[data-seg="govco"] .gv-iso-rule{background:linear-gradient(120deg,color-mix(in oklab,var(--gc-cyan) 7%,#fff),color-mix(in oklab,#fff 74%,transparent))}
.sv[data-seg="govco"] .gv-iso-rk{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}
.sv[data-seg="govco"] .gv-iso-rule.deny .gv-iso-rk{color:var(--gc-cyan);background:color-mix(in oklab,var(--gc-cyan) 15%,transparent);border:1px solid color-mix(in oklab,var(--gc-cyan) 32%,transparent)}
.sv[data-seg="govco"] .gv-iso-rule.ok .gv-iso-rk{color:var(--gc-green);background:color-mix(in oklab,var(--gc-green) 15%,transparent);border:1px solid color-mix(in oklab,var(--gc-green) 32%,transparent)}

/* ============================================================
   (cc-8) standards rebuilt as holographic .sv-pillar cards (JS) —
   they inherit the pillar styling automatically; no extra CSS.
   ============================================================ */

/* ============================================================
   (cc-4) HERO SECTOR BADGES — small sector icons above the buildings
   (buildings are kept; these float above the rooftops)
   ============================================================ */
/* shrink the floating cards a touch so 4 fit across the top cleanly */
.sv[data-seg="govco"] .sv-govco-fcard{padding:8px 10px 9px !important;max-width:112px !important;align-items:center !important;text-align:center}
.sv[data-seg="govco"] .sv-govco-fcard b{font-size:11px !important;line-height:1.28;text-align:center}
.sv[data-seg="govco"] .sv-govco-fc-viz{order:-1;margin-bottom:5px}
.sv[data-seg="govco"] .sv-govco-fc-viz,
.sv[data-seg="govco"] .sv-govco-fc-viz img,
.sv[data-seg="govco"] .sv-govco-fc-viz svg{width:26px !important;height:26px !important}
.sv[data-seg="govco"] .gv-sky-icons{position:absolute;inset:0;z-index:1;pointer-events:none}
.sv[data-seg="govco"] .gv-sky-ic{position:absolute;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 18%,color-mix(in oklab,#0c0a30 55%,transparent));
  border:1px solid color-mix(in oklab,var(--c) 44%,transparent);
  box-shadow:0 0 16px -4px color-mix(in oklab,var(--c) 75%,transparent);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
[data-theme="light"] .sv[data-seg="govco"] .gv-sky-ic{background:color-mix(in oklab,var(--c) 16%,#fff);box-shadow:0 8px 18px -9px color-mix(in oklab,var(--c) 55%,#000)}
@media(prefers-reduced-motion:no-preference){.sv[data-seg="govco"] .gv-sky-ic{animation:gvBadge 4.6s ease-in-out infinite}}
@keyframes gvBadge{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}

/* ============================================================
   (cc-10) COMPANY RELATIONSHIP ORG-CHART
   ============================================================ */
.sv[data-seg="govco"] .gv-org{max-width:1000px;margin:38px auto 0;display:flex;flex-direction:column;align-items:center}
.sv[data-seg="govco"] .gv-org-hub{display:flex;align-items:center;gap:13px;padding:15px 22px;border-radius:16px;
  border:1px solid color-mix(in oklab,var(--gc-gold) 42%,transparent);
  background:linear-gradient(120deg,color-mix(in oklab,var(--gc-gold) 18%,transparent),color-mix(in oklab,#0c0a30 40%,transparent));
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 0 30px -10px color-mix(in oklab,var(--gc-gold) 60%,transparent)}
[data-theme="light"] .sv[data-seg="govco"] .gv-org-hub{background:linear-gradient(120deg,color-mix(in oklab,var(--gc-gold) 14%,#fff),color-mix(in oklab,#fff 70%,transparent))}
.sv[data-seg="govco"] .gv-org-hub-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--gc-gold);
  background:color-mix(in oklab,var(--gc-gold) 18%,transparent);border:1px solid color-mix(in oklab,var(--gc-gold) 38%,transparent)}
.sv[data-seg="govco"] .gv-org-hub-tx b{display:block;font-size:17px;font-weight:800;color:var(--head)}
.sv[data-seg="govco"] .gv-org-hub-tx small{font-size:12px;color:var(--t2)}
.sv[data-seg="govco"] .gv-org-trunk{width:2px;height:30px;background:linear-gradient(180deg,var(--gc-gold),color-mix(in oklab,var(--gc-cyan) 60%,transparent))}
.sv[data-seg="govco"] .gv-org-row{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;width:100%;padding-top:24px}
.sv[data-seg="govco"] .gv-org-row::before{content:"";position:absolute;top:0;inset-inline-start:8.33%;inset-inline-end:8.33%;height:2px;
  background:linear-gradient(90deg,color-mix(in oklab,var(--gc-cyan) 50%,transparent),color-mix(in oklab,var(--gc-violet) 50%,transparent))}
.sv[data-seg="govco"] .gv-org-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 10px;border-radius:13px;
  border:1px solid color-mix(in oklab,var(--c) 28%,transparent);
  background:linear-gradient(160deg,color-mix(in oklab,var(--c) 13%,transparent),color-mix(in oklab,#0c0a30 36%,transparent));
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .2s ease}
[data-theme="light"] .sv[data-seg="govco"] .gv-org-node{background:linear-gradient(160deg,color-mix(in oklab,var(--c) 10%,#fff),color-mix(in oklab,#fff 72%,transparent))}
.sv[data-seg="govco"] .gv-org-node:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--c) 52%,transparent)}
.sv[data-seg="govco"] .gv-org-node::before{content:"";position:absolute;top:-24px;inset-inline-start:50%;transform:translateX(-50%);width:2px;height:24px;
  background:color-mix(in oklab,var(--c) 55%,transparent)}
.sv[data-seg="govco"] .gv-org-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--c);
  background:color-mix(in oklab,var(--c) 16%,transparent);border:1px solid color-mix(in oklab,var(--c) 34%,transparent);
  box-shadow:0 0 16px -5px color-mix(in oklab,var(--c) 70%,transparent)}
.sv[data-seg="govco"] .gv-org-node b{font-size:12.5px;font-weight:700;color:var(--head);line-height:1.35;text-align:center;text-wrap:balance}
@media(max-width:780px){.sv[data-seg="govco"] .gv-org-row{grid-template-columns:repeat(3,1fr);gap:14px}
  .sv[data-seg="govco"] .gv-org-row::before,.sv[data-seg="govco"] .gv-org-node::before,.sv[data-seg="govco"] .gv-org-trunk{display:none}}
@media(max-width:430px){.sv[data-seg="govco"] .gv-org-row{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   (cc-2) ISOLATION DASHBOARD → identity (gold) lines/accents
   ============================================================ */
.sv[data-seg="govco"] .gv-iso-bar{border-bottom-color:color-mix(in oklab,var(--gc-gold) 20%,transparent)}
.sv[data-seg="govco"] .gv-iso-bar .d{background:color-mix(in oklab,var(--gc-gold) 50%,transparent)}
.sv[data-seg="govco"] .gv-iso-barlock{color:var(--gc-gold)}
.sv[data-seg="govco"] .gv-iso-ring{border-color:color-mix(in oklab,var(--gc-gold) 42%,transparent);background:color-mix(in oklab,var(--gc-gold) 6%,transparent)}
.sv[data-seg="govco"] .gv-iso-tag{color:var(--gc-gold);border-color:color-mix(in oklab,var(--gc-gold) 36%,transparent)}
.sv[data-seg="govco"] .gv-iso-cell{color:var(--gc-gold);border-color:color-mix(in oklab,var(--gc-gold) 28%,transparent);background:color-mix(in oklab,var(--gc-gold) 12%,transparent)}
.sv[data-seg="govco"] .gv-iso-lock{color:var(--gc-gold)}
.sv[data-seg="govco"] .gv-iso-rule{border-color:color-mix(in oklab,var(--gc-gold) 16%,transparent);
  background:linear-gradient(120deg,color-mix(in oklab,var(--gc-gold) 7%,transparent),color-mix(in oklab,#0c0a30 32%,transparent))}
[data-theme="light"] .sv[data-seg="govco"] .gv-iso-rule{background:linear-gradient(120deg,color-mix(in oklab,var(--gc-gold) 8%,#fff),color-mix(in oklab,#fff 74%,transparent))}
.sv[data-seg="govco"] .gv-iso-rule.deny .gv-iso-rk{color:var(--gc-gold);background:color-mix(in oklab,var(--gc-gold) 15%,transparent);border-color:color-mix(in oklab,var(--gc-gold) 32%,transparent)}

/* ============================================================
   HEADER — "من نخدم" dropdown: recolour the trigger + panel accent
   from mauve (#b07cc6) to the govco identity GOLD. The inline
   style="--c:#b07cc6" on #dd is overridden with !important.
   ============================================================ */
#dd{--c:#feb602 !important}
[data-theme="light"] #dd{--c:#b07a00 !important}
.dd-foot .btn-primary{--c:#feb602}

/* ============================================================
   PAGE BACKGROUND — recolour the 2nd flow line from the dull
   orange/grey to ROYAL GREEN (owner request). Identity gold (l1)
   stays the leader; l3 keeps its faint green gradient. */
.vjbg[data-pal="govco"]{--vjbg-2:#1f9d57 !important}
[data-theme="light"] .vjbg[data-pal="govco"]{--vjbg-2:#0e7a40 !important}

/* ============================================================
   FOOTER — copyright "أحد منتجات … 2026" : the grey/blue text reads
   as washed-out next to the · bullet → make it the ROYAL GREEN the
   owner asked for (theme-aware, legible on dark + cream). The Nawat
   link picks up the same family, a touch brighter.
   ============================================================ */