/* ==========================================================================================
   Econovetech Overrides (Loaded LAST)
   - Theme: Green / Blue / Gold
   - Sigil: force BRIGHT (no opacity, no blend tricks)
   - Diagnostics grid: remove split artifacts (bottom-left corner / stray dividers)
   ========================================================================================== */

:root{
  --eco-green: #18d26e;
  --eco-blue: #1b6dff;
  --eco-gold: #f2c14e;

  --bg0: #05090f;
  --bg1: #071a2b;
  --panel: rgba(8, 18, 30, 0.78);

  --text: rgba(245, 250, 255, 0.96);
  --muted: rgba(245, 250, 255, 0.72);

  --link: var(--eco-blue);
  --accent: var(--eco-gold);

  --ring: rgba(242, 193, 78, 0.40);
  --ring2: rgba(27, 109, 255, 0.28);
  --ring3: rgba(24, 210, 110, 0.24);
}

html, body{
  background: radial-gradient(1200px 700px at 12% 8%, rgba(27,109,255,0.22), transparent 60%),
              radial-gradient(1000px 600px at 85% 18%, rgba(24,210,110,0.16), transparent 55%),
              radial-gradient(900px 600px at 55% 92%, rgba(242,193,78,0.12), transparent 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
  color: var(--text);
}

a{ color: var(--link); }
a:hover{ filter: brightness(1.12); }

button, .btn, .button{
  border-color: rgba(242,193,78,0.35) !important;
  box-shadow: 0 0 0 1px rgba(27,109,255,0.14), 0 0 0 4px rgba(24,210,110,0.08);
}

header, .header, .topbar, .navbar, .ueos-hubsbar, .nav, .site-nav{
  background: rgba(6, 14, 24, 0.82) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(242,193,78,0.22) !important;
}

.card, .panel, .tile, .box, .glass, .module, .econ-card, .hub-card{
  background: var(--panel) !important;
  border: 1px solid rgba(242,193,78,0.18) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.32);
  border-radius: 18px;
}

/* ---------------- SIGIL: make it BRIGHT + crisp (NO transparency) ---------------- */
img[alt*="sigil" i],
img[id*="sigil" i],
img[class*="sigil" i]{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: translateZ(0);
}

/* Common logo slot in top-right  we force visibility + glow */
.site-logo img,
.header-logo img,
.nav-logo img,
#siteLogo img,
#headerLogo img{
  opacity: 1 !important;
  filter: none !important;
}

/* If the sigil is positioned as an overlay */
#econovetech-sigil,
.econovetech-sigil,
.sigil-overlay{
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none;
}

/* Make the sigil POP (subtle glow, not blur) */
#econovetech-sigil img,
.econovetech-sigil img,
.sigil-overlay img{
  opacity: 1 !important;
  filter: drop-shadow(0 0 10px rgba(242,193,78,0.45)) drop-shadow(0 0 16px rgba(27,109,255,0.26));
}

/* ---------------- Diagnostics Grid: remove the split artifact ----------------
   We dont know your exact class name, so we target likely ones + generic split dividers.
*/
.diagnostics-grid, .diagnostic-grid, .live-diagnostics-grid, .digital-live-diagnostics-grid,
#diagnosticsGrid, #liveDiagnostics, #digitalDiagnostics, .eco-diagnostics, .eco-diagnostics-grid{
  background-image: none !important;
}

/* Kill pseudo elements that often cause corner splits or diagonal lines */
.diagnostics-grid::before, .diagnostics-grid::after,
.diagnostic-grid::before, .diagnostic-grid::after,
.live-diagnostics-grid::before, .live-diagnostics-grid::after,
.digital-live-diagnostics-grid::before, .digital-live-diagnostics-grid::after,
#diagnosticsGrid::before, #diagnosticsGrid::after,
#liveDiagnostics::before, #liveDiagnostics::after,
#digitalDiagnostics::before, #digitalDiagnostics::after{
  content: none !important;
  display: none !important;
}

/* Generic split line classes */
.split, .split-line, .grid-split, .diag-split, .corner-split, .divider-split{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* If the split is caused by a 1px border on a grid cell: soften it */
.diagnostics-grid * , .live-diagnostics-grid * , .digital-live-diagnostics-grid *{
  outline: none;
}

/* Optional: unify grid borders without harsh corner artefacts */
.diagnostics-grid, .live-diagnostics-grid, .digital-live-diagnostics-grid{
  border: 1px solid rgba(27,109,255,0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(242,193,78,0.10);
  border-radius: 18px;
  overflow: hidden;
}