/* Supplied area-chart design; existing chart sizes and hit targets are retained. */
body[data-theme] .live-chart,
body[data-theme] #page-tokencheck #tokenChart,
body[data-theme] .token-embed .live-chart,
body[data-theme] #spaceTokenBar .space-mini-chart {
 box-sizing:border-box;
 padding:12px!important;
 background:radial-gradient(120% 80% at 80% 0%,rgba(124,92,255,.16),transparent 55%),linear-gradient(180deg,#0c1224,#070b16)!important;
 border:1px solid rgba(140,160,255,.14)!important;
 border-radius:18px;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 10px 40px rgba(40,20,80,.15);
}
body[data-theme] #page-tokencheck #tokenChart {
 /* Half the 2.4px line width: rounded caps meet the inside of the border. */
 padding:16px 1.2px!important;
}
body[data-theme] #page-tokencheck #tokenChart .market-heading {
 margin-inline:14.8px!important;
}
body[data-theme] #page-tokencheck #tokenChart .chart-viewport-controls {
 margin-inline:14.8px!important;
}
body[data-theme="light"] .live-chart,
body[data-theme="light"] #page-tokencheck #tokenChart,
body[data-theme="light"] .token-embed .live-chart,
body[data-theme="light"] #spaceTokenBar .space-mini-chart {
 background:radial-gradient(120% 80% at 80% 0%,rgba(124,92,255,.1),transparent 55%),linear-gradient(180deg,#f7f8ff,#eef2fc)!important;
 border-color:rgba(104,83,178,.2)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);
}

body[data-theme] .price-plot {background:transparent!important}
.nodora-spark,.market-open svg,.market-table-spark svg{overflow:visible}

body[data-theme] .main-chart-tools button[aria-pressed="true"],
body[data-theme] #page-tokencheck .main-chart-tools button[aria-pressed="true"],
body[data-theme] .main-chart-options button[aria-pressed="true"],
body[data-theme] .live-chart .chart-ranges button[aria-pressed="true"],
body[data-theme] .chart-viewport-buttons button[aria-pressed="true"]{
 background:linear-gradient(90deg,#7c5cff,#3b82f6)!important;
 color:#fff!important;border-color:transparent!important;
}

/* Drop the outer wrapper box around charts — live-chart skin is the only frame */
.token-embed{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.token-embed .token-top{
  border:0!important;
  background:transparent!important;
  padding:0 4px 8px!important;
}
.token-embed .live-chart{
  /* keep nodora-chart-skin as the single box */
  margin:0!important;
}
/* Charts page: panel is already a card; don't double-frame the plot */
#page-tokencheck .selected-chart-panel{
  /* keep the outer page card, strip any residual inner frame on #tokenLive */
}
#page-tokencheck #tokenLive{
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  padding:0!important;
}
/* Avoid double border: chart-result-head sits outside the skinned #tokenChart */
#page-tokencheck .selected-chart-panel #tokenChart{
  /* skin remains */
}

/* Graph polish */
.nodora-area,.nodora-line,.nodora-glow,.nodora-line-shine,.nodora-grid{pointer-events:none}
.nodora-grid line{stroke:rgba(140,160,255,.07);stroke-width:1;vector-effect:non-scaling-stroke}
body[data-theme="light"] .nodora-grid line{stroke:rgba(80,90,140,.08)}
body[data-theme] .price-plot .chart-guide{
  stroke:rgba(180,200,255,.35)!important;
  stroke-width:1!important;
  stroke-dasharray:3 5;
  vector-effect:non-scaling-stroke;
}
body[data-theme="light"] .price-plot .chart-guide{stroke:rgba(90,100,160,.28)!important}
.nodora-line{filter:none}
.nodora-glow{mix-blend-mode:screen}
body[data-theme="light"] .nodora-glow{mix-blend-mode:multiply;opacity:.45!important}
body[data-theme="light"] .nodora-line-shine{opacity:.15!important}
/* Slightly richer panel wash behind the plot */
body[data-theme] .live-chart,
body[data-theme] #page-tokencheck #tokenChart,
body[data-theme] .token-embed .live-chart{
  background:
    radial-gradient(90% 70% at 85% 15%,rgba(124,92,255,.18),transparent 55%),
    radial-gradient(70% 50% at 15% 90%,rgba(34,211,238,.07),transparent 50%),
    linear-gradient(180deg,#0c1224,#070b16)!important;
}
body[data-theme="light"] .live-chart,
body[data-theme="light"] #page-tokencheck #tokenChart,
body[data-theme="light"] .token-embed .live-chart{
  background:
    radial-gradient(90% 70% at 85% 15%,rgba(124,92,255,.12),transparent 55%),
    radial-gradient(70% 50% at 15% 90%,rgba(34,211,238,.06),transparent 50%),
    linear-gradient(180deg,#f7f8ff,#eef2fc)!important;
}