
:root{
  --pb-bg-0:#02070c;
  --pb-bg-1:#04111a;
  --pb-bg-2:#071b22;
  --pb-panel-0:rgba(4,12,18,.96);
  --pb-panel-1:rgba(6,15,24,.98);
  --pb-panel-2:rgba(8,20,29,.98);
  --pb-line:rgba(96,235,190,.14);
  --pb-line-strong:rgba(114,250,208,.24);
  --pb-text:#eef9ff;
  --pb-muted:#9cb8c1;
  --pb-green:#57f3a8;
  --pb-green-2:#1ecb80;
  --pb-blue:#4ec3ff;
  --pb-blue-2:#1b88ff;
  --pb-purple:#b05dff;
  --pb-gold:#f6c65a;
  --pb-gold-2:#ffdf87;
  --pb-shadow:0 24px 56px rgba(0,0,0,.38);
  --pb-panel-shadow:0 24px 56px rgba(0,0,0,.38), inset 0 1px 0 rgba(208,255,238,.04), 0 0 0 1px rgba(40,146,118,.04);
}

body.vx-dataop-theme{
  background:
    radial-gradient(1100px 760px at 12% 0%, rgba(37,248,169,.08), transparent 54%),
    radial-gradient(980px 620px at 88% 8%, rgba(56,174,255,.11), transparent 50%),
    radial-gradient(860px 540px at 50% 110%, rgba(120,84,255,.07), transparent 52%),
    linear-gradient(180deg, #02070c 0%, #04111a 38%, #030a11 100%) !important;
  color:var(--pb-text);
}

body.vx-dataop-theme .gf-bg-dots i{
  background:radial-gradient(circle, rgba(162,255,227,.95), rgba(77,203,255,.72));
  box-shadow:0 0 10px rgba(62,230,179,.28),0 0 22px rgba(44,164,255,.20);
  opacity:.62;
}
body.vx-dataop-theme #bg-video{opacity:.10;filter:saturate(.55) hue-rotate(-14deg) brightness(.46) contrast(1.05);}
body.vx-dataop-theme #vaultPlasma{opacity:.72;}
body.vx-dataop-theme .heightpage{max-width:1120px;}
body.vx-dataop-theme .wrapper{
  background:linear-gradient(180deg, rgba(3,9,14,.84), rgba(3,8,13,.88));
  border-radius:30px;
  border:1px solid rgba(63,198,155,.08);
  box-shadow:0 32px 70px rgba(0,0,0,.34);
}
body.vx-dataop-theme.vx-account .wrapper{
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
}

/* Header */
body.vx-dataop-theme .gf-topbar{max-width:min(var(--gf-app-shell,1120px),calc(100% - 18px));padding:10px 10px 16px;gap:12px;}
body.vx-dataop-theme .gf-brand-logo{
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.26)) drop-shadow(0 0 22px rgba(48,214,170,.12)) saturate(1.04);
}
body.vx-dataop-theme .gf-top-btn{
  border-color:rgba(92,224,182,.17);
  background:linear-gradient(180deg, rgba(5,14,24,.96), rgba(4,10,18,.985));
  color:#eefcff;
  box-shadow:0 14px 28px rgba(0,0,0,.30), inset 0 1px 0 rgba(176,255,232,.04);
}
body.vx-dataop-theme .gf-top-btn:hover{
  border-color:rgba(112,248,206,.28);
  box-shadow:0 16px 32px rgba(0,0,0,.34), 0 0 0 1px rgba(51,173,143,.06);
}
body.vx-dataop-theme .gf-top-btn.is-active{
  background:linear-gradient(135deg, rgba(12,113,145,.98), rgba(19,185,208,.94));
  border-color:rgba(149,239,255,.38);
  box-shadow:0 18px 34px rgba(0,82,130,.34), inset 0 1px 0 rgba(255,255,255,.14), 0 0 18px rgba(31,174,227,.14);
}
body.vx-dataop-theme .gf-top-btn.live,
body.vx-dataop-theme .gf-top-btn.live.is-live,
body.vx-dataop-theme .gf-top-btn.live.is-soon{
  background:linear-gradient(135deg, rgba(43,31,8,.98), rgba(81,57,12,.94));
  border-color:rgba(255,208,98,.26);
  color:#ffe6a3;
  box-shadow:0 16px 30px rgba(68,44,7,.24), inset 0 1px 0 rgba(255,245,204,.08);
}
body.vx-dataop-theme .gf-top-btn.danger{
  background:linear-gradient(180deg, rgba(33,11,14,.94), rgba(19,8,10,.98));
  border-color:rgba(255,124,124,.16);
}
body.vx-dataop-theme .gf-top-ico{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  color:#dcfbff;
}
body.vx-dataop-theme .gf-top-dot{background:linear-gradient(180deg,#99ffe8,#4ec3ff);box-shadow:0 0 0 3px rgba(74,182,161,.14),0 0 16px rgba(78,195,255,.26);}
body.vx-dataop-theme .gf-top-dot.is-on::after{background:linear-gradient(180deg,#0a2b3b,#0b1d30);border-color:rgba(93,226,195,.28);}

/* Bottom dock */
body.vx-dataop-theme .vx-dock__inner{
  background:linear-gradient(180deg, rgba(6,14,22,.98), rgba(3,9,15,.995));
  border-color:rgba(82,209,169,.13);
  box-shadow:0 26px 54px rgba(0,0,0,.48),0 0 0 1px rgba(40,143,115,.06),0 0 24px rgba(38,170,138,.08);
}
body.vx-dataop-theme .vx-dock__inner::before{border-color:rgba(255,255,255,.04);}
body.vx-dataop-theme .vx-dock__grid{
  background:
    radial-gradient(560px 220px at 10% 0%, rgba(65,237,173,.10), transparent 60%),
    radial-gradient(520px 220px at 92% 0%, rgba(78,195,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(8,18,28,.98), rgba(4,10,17,.99));
  border-color:rgba(92,209,169,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.42);
}
body.vx-dataop-theme .vx-dock-btn{
  border-color:rgba(101,217,179,.12);
  background:linear-gradient(180deg, rgba(17,31,45,.96), rgba(8,17,26,.99));
  color:#f3fbff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.24);
}
body.vx-dataop-theme .vx-dock-btn::before{background:linear-gradient(180deg, rgba(255,255,255,.10), transparent 42%), radial-gradient(220px 120px at 50% 0%, rgba(87,243,168,.10), transparent 62%);}
body.vx-dataop-theme .vx-dock-btn::after{background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(110,248,205,.54), rgba(78,195,255,.42));}
body.vx-dataop-theme .vx-dock-btn:hover{border-color:rgba(121,238,204,.22);filter:brightness(1.04);}
body.vx-dataop-theme .vx-dock-btn.is-primary,
body.vx-dataop-theme .vx-dock-btn.is-active{
  background:linear-gradient(135deg, rgba(18,111,150,.99), rgba(20,191,214,.95));
  border-color:rgba(165,241,255,.34);
  box-shadow:0 18px 30px rgba(0,83,130,.34), inset 0 1px 0 rgba(255,255,255,.18), 0 0 18px rgba(28,180,220,.12);
}
body.vx-dataop-theme .vx-dock-btn--shop{
  background:linear-gradient(135deg, rgba(13,71,80,.98), rgba(10,34,56,.98));
  border-color:rgba(84,214,178,.20);
}

/* Shared footer */
body.vx-dataop-theme .gf-footer-card{
  background:linear-gradient(180deg, rgba(5,13,20,.94), rgba(4,9,15,.98)) !important;
  box-shadow:0 24px 52px rgba(0,0,0,.38),0 0 22px rgba(39,169,139,.08) !important;
}
body.vx-dataop-theme .gf-footer-grid{background-image:radial-gradient(rgba(111,240,198,.07) 1px, transparent 1px);}
body.vx-dataop-theme .gf-footer-aura{background:radial-gradient(circle at 50% 0%, rgba(61,205,161,.18), transparent 60%);}
body.vx-dataop-theme .gf-footer-beam{background:linear-gradient(90deg, transparent, rgba(84,231,189,.55), rgba(78,195,255,.46), transparent);}
body.vx-dataop-theme .gf-footer-link{
  background:rgba(11,27,29,.90);
  border-color:rgba(95,224,184,.20);
  color:#e7fff7 !important;
}
body.vx-dataop-theme .gf-footer-link:hover{background:rgba(12,40,38,.96);border-color:rgba(106,239,197,.30);box-shadow:0 14px 28px rgba(0,0,0,.24), 0 0 18px rgba(83,224,184,.12) !important;}

/* Shared surfaces */
body.vx-dataop-theme .gf-dash-blue{background-image:radial-gradient(980px 560px at 16% 12%, rgba(55,238,161,.09), transparent 60%),radial-gradient(760px 420px at 86% 18%, rgba(78,195,255,.10), transparent 55%),radial-gradient(820px 520px at 50% 110%, rgba(120,84,255,.07), transparent 55%) !important;}
body.vx-dataop-theme .gf-db-panel,
body.vx-dataop-theme .gf-home-shell-pro,
body.vx-dataop-theme .gf-home-card,
body.vx-dataop-theme .gf-db-stat,
body.vx-dataop-theme .gf-db-mini,
body.vx-dataop-theme .gf-db-claimstat,
body.vx-dataop-theme .gf-db-sectioncard,
body.vx-dataop-theme .gf-db-status-pill,
body.vx-dataop-theme .gf-db-command-card,
body.vx-dataop-theme .gf-home-signal-card,
body.vx-dataop-theme .gf-home-pass-stat,
body.vx-dataop-theme .gf-home-lane-card,
body.vx-dataop-theme .gf-db-command-wrap,
body.vx-dataop-theme .gf-db-module-card,
body.vx-dataop-theme .gf-db-module-strip,
body.vx-dataop-theme .gf-db-pass-panel,
body.vx-dataop-theme .gf-db-pass-stat,
body.vx-dataop-theme .ps-shell,
body.vx-dataop-theme .ps-balance,
body.vx-dataop-theme .ps-node,
body.vx-dataop-theme .ps-shop-shell,
body.vx-dataop-theme .gf-page-head,
body.vx-dataop-theme .gf-site-card,
body.vx-dataop-theme .gf-panel,
body.vx-dataop-theme .gf-card,
body.vx-dataop-theme .gf-gcard.gf-card-unified,
body.vx-dataop-theme .vx-tcg-card{
  background:linear-gradient(180deg, rgba(4,12,19,.97), rgba(3,9,15,.99)) !important;
  border-color:rgba(86,217,176,.12) !important;
  box-shadow:var(--pb-panel-shadow) !important;
}
body.vx-dataop-theme .gf-db-panel::before,
body.vx-dataop-theme .gf-home-shell-pro::before,
body.vx-dataop-theme .gf-db-sectioncard::before,
body.vx-dataop-theme .ps-shell::before{background:radial-gradient(circle, rgba(73,255,186,.14), transparent 72%) !important;}
body.vx-dataop-theme .gf-db-panel::after,
body.vx-dataop-theme .gf-home-shell-pro::after,
body.vx-dataop-theme .gf-db-sectioncard::after,
body.vx-dataop-theme .ps-shell::after{background:radial-gradient(circle, rgba(78,195,255,.10), transparent 72%) !important;}
body.vx-dataop-theme .gf-db-status-pill,
body.vx-dataop-theme .gf-db-chip,
body.vx-dataop-theme .gf-db-tag,
body.vx-dataop-theme .gf-db-kicker,
body.vx-dataop-theme .gf-db-eyebrow,
body.vx-dataop-theme .gf-home-shell-kicker,
body.vx-dataop-theme .gf-home-shell-pill,
body.vx-dataop-theme .gf-home-signal-chip,
body.vx-dataop-theme .gf-home-pill-item,
body.vx-dataop-theme .gf-feature-pill,
body.vx-dataop-theme .ps-chip{
  background:linear-gradient(180deg, rgba(7,24,24,.90), rgba(7,18,31,.88)) !important;
  border-color:rgba(89,226,186,.18) !important;
  color:#cdfcee !important;
  box-shadow:none !important;
}
body.vx-dataop-theme .gf-db-status-pill small,
body.vx-dataop-theme .gf-home-shell-kicker,
body.vx-dataop-theme .gf-home-shell-pill,
body.vx-dataop-theme .gf-db-kicker,
body.vx-dataop-theme .gf-db-chip,
body.vx-dataop-theme .gf-db-tag{color:#c5f8ea !important;}
body.vx-dataop-theme .gf-home-shell-kicker.is-gold,
body.vx-dataop-theme .gf-home-shell-pill.is-gold,
body.vx-dataop-theme .gf-db-pass-kicker,
body.vx-dataop-theme .gf-db-pass-chip,
body.vx-dataop-theme .gf-db-pass-chiprow .gf-db-pass-chip,
body.vx-dataop-theme .ps-node.gold,
body.vx-dataop-theme .ps-chip.gold,
body.vx-dataop-theme .gf-db-pass-panel,
body.vx-dataop-theme .gf-db-pass-stat{
  background:linear-gradient(180deg, rgba(29,21,7,.97), rgba(16,12,4,.99)) !important;
  border-color:rgba(255,205,88,.24) !important;
  color:#ffe7a8 !important;
  box-shadow:0 24px 54px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,243,208,.05), 0 0 0 1px rgba(145,106,22,.04) !important;
}
body.vx-dataop-theme .gf-db-name,
body.vx-dataop-theme .pb-title,
body.vx-dataop-theme .gf-db-title,
body.vx-dataop-theme .gf-db-pass-title,
body.vx-dataop-theme .gf-home-shell-copy h2,
body.vx-dataop-theme .gf-db-sec-head h2,
body.vx-dataop-theme .gf-home-shell-head h2,
body.vx-dataop-theme .gf-home-lane-headcopy h3,
body.vx-dataop-theme .gf-card-title,
body.vx-dataop-theme h1,
body.vx-dataop-theme h2,
body.vx-dataop-theme h3{color:#f4fbff !important;text-shadow:0 12px 34px rgba(0,0,0,.18);}
body.vx-dataop-theme .pb-badge{
  border-color:rgba(255,205,88,.46) !important;
  background:radial-gradient(65% 65% at 50% 30%, rgba(255,241,195,.16), transparent 72%), linear-gradient(180deg, rgba(59,45,10,.52), rgba(19,14,7,.30)) !important;
  box-shadow:0 0 0 1px rgba(255,212,96,.08), 0 10px 22px rgba(99,70,9,.16), inset 0 1px 0 rgba(255,248,220,.16) !important;
  color:#fff1bd !important;
}
body.vx-dataop-theme .pb-tagline,
body.vx-dataop-theme .gf-db-muted,
body.vx-dataop-theme .gf-db-sub,
body.vx-dataop-theme .gf-home-signal-body,
body.vx-dataop-theme .gf-home-lane-summary,
body.vx-dataop-theme .gf-home-lane-point,
body.vx-dataop-theme .gf-footer-copy,
body.vx-dataop-theme .ps-alert,
body.vx-dataop-theme p,
body.vx-dataop-theme .copy,
body.vx-dataop-theme .meta,
body.vx-dataop-theme .s,
body.vx-dataop-theme .gf-db-stat .s,
body.vx-dataop-theme .gf-db-sec-head p,
body.vx-dataop-theme .gf-home-shell-copy p{color:var(--pb-muted) !important;}

/* Buttons */
body.vx-dataop-theme .gf-db-btn,
body.vx-dataop-theme .gf-home-pass-btn,
body.vx-dataop-theme .gf-home-signal-link,
body.vx-dataop-theme .gf-gbtn,
body.vx-dataop-theme .gf-hero-btn,
body.vx-dataop-theme .gf-btn,
body.vx-dataop-theme .gf-btn-primary,
body.vx-dataop-theme .vx-btn-primary,
body.vx-dataop-theme .ps-shop-meta .ps-chip,
body.vx-dataop-theme .ps-node b + span{
  border-color:rgba(93,225,186,.20) !important;
  background:linear-gradient(135deg, rgba(8,58,56,.98), rgba(10,31,53,.98)) !important;
  color:#efffff !important;
  box-shadow:0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(158,255,227,.10) !important;
}
body.vx-dataop-theme .gf-db-btn.is-primary,
body.vx-dataop-theme .gf-hero-btn.is-primary,
body.vx-dataop-theme .vx-btn-primary,
body.vx-dataop-theme .gf-btn-primary,
body.vx-dataop-theme .gf-home-signal-link.is-pri,
body.vx-dataop-theme .gf-home-pass-btn:not(.is-gold):first-child{
  background:linear-gradient(135deg, rgba(12,112,150,.98), rgba(20,188,211,.95)) !important;
  border-color:rgba(149,241,255,.32) !important;
  color:#f7fdff !important;
  box-shadow:0 18px 32px rgba(0,82,130,.28), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.vx-dataop-theme .gf-home-pass-btn.is-gold,
body.vx-dataop-theme .gf-db-btn.is-gold,
body.vx-dataop-theme .gf-db-pass-actions .gf-db-btn:first-child,
body.vx-dataop-theme .gf-db-pass-panel .gf-db-btn.is-primary,
body.vx-dataop-theme .gf-top-btn.live{
  background:linear-gradient(135deg, rgba(114,79,16,.98), rgba(196,146,43,.94)) !important;
  border-color:rgba(255,216,118,.32) !important;
  color:#251704 !important;
  box-shadow:0 18px 36px rgba(105,74,12,.26), inset 0 1px 0 rgba(255,248,220,.20) !important;
}
body.vx-dataop-theme .gf-db-btn:hover,
body.vx-dataop-theme .gf-home-pass-btn:hover,
body.vx-dataop-theme .gf-home-signal-link:hover,
body.vx-dataop-theme .gf-gbtn:hover,
body.vx-dataop-theme .gf-hero-btn:hover,
body.vx-dataop-theme .gf-btn:hover,
body.vx-dataop-theme .gf-top-btn:hover,
body.vx-dataop-theme .vx-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04);}

/* Home hero + lane cards */
body.vx-dataop-theme .gf-ai-badge,
body.vx-dataop-theme .gf-ai-claim-strip,
body.vx-dataop-theme .gf-ai-link,
body.vx-dataop-theme .gf-ai-prompt,
body.vx-dataop-theme .gf-ai-typing{
  border-color:rgba(93,228,187,.18) !important;
}
body.vx-dataop-theme .gf-ai-badge{background:linear-gradient(180deg, rgba(8,25,24,.96), rgba(8,18,31,.94)) !important;color:#d4fff1 !important;}
body.vx-dataop-theme .gf-ai-badge .orb{filter:drop-shadow(0 0 14px rgba(87,243,168,.30));}
body.vx-dataop-theme .gf-ai-claim-strip{background:linear-gradient(90deg, rgba(6,17,18,.94), rgba(8,19,31,.90)) !important;box-shadow:none !important;}
body.vx-dataop-theme .gf-home-pill-divider{background:linear-gradient(180deg, transparent, rgba(92,225,186,.24), transparent) !important;}

/* Cards / agent surfaces */
body.vx-dataop-theme .vx-tcg-card,
body.vx-dataop-theme .gf-gcard.gf-card-unified{
  background:linear-gradient(180deg, rgba(4,11,17,.98), rgba(3,8,13,.995)) !important;
  border-color:rgba(96,235,190,.10) !important;
}
body.vx-dataop-theme .vx-tcg-badge,
body.vx-dataop-theme .vx-chip,
body.vx-dataop-theme .gf-grarity,
body.vx-dataop-theme .gf-glevelpill,
body.vx-dataop-theme .gf-qchip{background:linear-gradient(180deg, rgba(7,22,23,.94), rgba(9,14,25,.92)) !important;border-color:rgba(95,225,186,.15) !important;color:#e8fffa !important;}
body.vx-dataop-theme .vx-tcg-card.r-common,
body.vx-dataop-theme .gf-gcard.gf-card-unified.gf-rarity-common{border-color:rgba(96,255,145,.24) !important;box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 20px rgba(47,216,107,.16) !important;}
body.vx-dataop-theme .vx-tcg-card.r-rare,
body.vx-dataop-theme .gf-gcard.gf-card-unified.gf-rarity-rare{border-color:rgba(88,185,255,.24) !important;box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 22px rgba(60,169,255,.16) !important;}
body.vx-dataop-theme .vx-tcg-card.r-epic,
body.vx-dataop-theme .gf-gcard.gf-card-unified.gf-rarity-epic{border-color:rgba(185,106,255,.24) !important;box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 22px rgba(176,96,255,.16) !important;}
body.vx-dataop-theme .vx-tcg-card.r-legendary,
body.vx-dataop-theme .vx-tcg-card.r-mythic,
body.vx-dataop-theme .gf-gcard.gf-card-unified.gf-rarity-legendary,
body.vx-dataop-theme .gf-gcard.gf-card-unified.gf-rarity-mythic{border-color:rgba(255,208,98,.28) !important;box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 24px rgba(255,202,82,.18) !important;}
body.vx-dataop-theme .vx-tcg-card.r-rare,
body.vx-dataop-theme .vx-tcg-card.r-epic{background:linear-gradient(180deg, rgba(4,11,17,.98), rgba(3,8,13,.995)) !important;}
body.vx-dataop-theme .vx-tcg-card.r-legendary,
body.vx-dataop-theme .vx-tcg-card.r-mythic{background:linear-gradient(180deg, rgba(11,10,7,.98), rgba(8,7,4,.995)) !important;}

/* Forms and tables */
body.vx-dataop-theme input,
body.vx-dataop-theme select,
body.vx-dataop-theme textarea{
  background:linear-gradient(180deg, rgba(7,18,24,.98), rgba(5,11,18,.99));
  border:1px solid rgba(91,223,184,.16);
  color:#effdff;
  box-shadow:none;
}
body.vx-dataop-theme input::placeholder,
body.vx-dataop-theme textarea::placeholder{color:#7fa6a7;}
body.vx-dataop-theme table,
body.vx-dataop-theme .table{color:#edf9ff;}
body.vx-dataop-theme .table tr,
body.vx-dataop-theme .table td,
body.vx-dataop-theme .table th{border-color:rgba(90,216,176,.12) !important;}

/* Mobile tighten */
@media (max-width: 980px){
  body.vx-dataop-theme .gf-top-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.vx-dataop-theme .wrapper{border-radius:24px;}
}
@media (max-width: 640px){
  body.vx-dataop-theme .wrapper{border-radius:18px;}
  body.vx-dataop-theme .gf-topbar{padding:10px 8px 14px;}
  body.vx-dataop-theme .vx-dock__inner{border-radius:22px;}
}
