/* PublicCharts — Abrasive dark card styling */

.sc4-chart-wrap.sc4-card {
  position: relative;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

.sc4-chart-wrap.sc4-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(255,40,40,0.85), rgba(255,40,40,0));
  opacity: 0.9;
}

.sc4-chart {
  width: 100% !important;
  max-width: 100%;
}

/* Optional: helps in cramped columns */
.sc4-chart-wrap.sc4-card canvas {
  display: block;
}