/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 30 2025 | 14:07:19 */
/* =========================================================
   GravityOps Charts (Unified)
   Goal: maximum legibility on dark UI + “BrightLeaf” feel
   ========================================================= */

:root{
  --go-purple: 151, 91, 229;
  --go-ink: 10, 12, 24;
  --go-text: 255, 255, 255;
}

/* Wrapper */
.gravityops-chart-wrapper{
  margin: 24px 0;
  padding: 18px 18px 16px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;

  /* Darker base so chart canvas text reads */
  background:
    radial-gradient(1100px 520px at 12% 10%, rgba(var(--go-purple),0.18), rgba(var(--go-ink),0.00) 55%),
    linear-gradient(135deg, rgba(var(--go-ink),0.86), rgba(var(--go-ink),0.98));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,255,255,0.06);
}

/* Remove the “fog” overlay that kills contrast */
.gravityops-chart-wrapper::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* very subtle, not white */
  background:
    radial-gradient(700px 360px at 8% 8%, rgba(255,255,255,0.06), transparent 60%),
    radial-gradient(900px 520px at 92% 88%, rgba(var(--go-purple),0.10), transparent 62%);
  opacity: 1;
}

/* Title */
.gravityops-chart-title{
  position: relative;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  color: rgba(var(--go-text),0.96);
  text-shadow: 0 1px 0 rgba(0,0,0,0.55);
}

/* Subtitle */
.gravityops-chart-subtitle{
  position: relative;
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.35;

  color: rgba(var(--go-text),0.76);
  text-shadow: 0 1px 0 rgba(0,0,0,0.40);
}

/* Plot panel: this is what actually drives readability */
.gravityops-chart-canvas-container{
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 14px;

  /* darker panel so axis labels + grid are readable */
  background:
    white;
  border: 1px solid rgba(255,255,255,0.10);

  padding: 12px;

  /* “glass” without haze */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 10px 24px rgba(0,0,0,0.28);
}

/* Canvas */
.gravityops-chart-canvas{
  width: 100%;
  height: 100%;
  display: block;
}

/* Empty & error states */
.gravityops-chart-empty,
.gravityops-chart-error{
  margin: 16px 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(var(--go-purple),0.38);
  background: rgba(var(--go-ink),0.94);
  color: rgba(var(--go-text),0.92);
  font-size: 13px;
}

/* Optional hover */
.gravityops-chart-wrapper:hover{
  transform: none;
  transition: box-shadow 0.18s ease-out;
  box-shadow:
    0 22px 55px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.06);
}

/* Optional: if you later add an external tooltip */
.gravityops-chart-tooltip{
  background: rgba(8,10,24,0.94);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 12px;
  color: rgba(255,255,255,0.92);
  box-shadow: 0 12px 28px rgba(0,0,0,0.45);
  padding: 10px 12px;
  font-size: 12px;
}