@import url('fear_greed.css');

/* Stress index: low = calm (green), high = extreme (red) */
.msi-tool .fg-band { opacity: 0.92; }

.msi-spark-wrap {
  margin: 18px 0;
  padding: 12px 14px;
  border: 1px solid var(--border-default, rgba(255,255,255,.1));
  border-radius: var(--radius, 10px);
  background: var(--bg-canvas, rgba(0,0,0,.15));
}

.msi-spark svg {
  width: 100%;
  height: 56px;
  display: block;
}

.msi-tool .fg-factor-score.is-calm,
.msi-tool .fg-side-value.is-calm { color: #2ea043; }
.msi-tool .fg-factor-score.is-normal,
.msi-tool .fg-side-value.is-normal { color: #7bc043; }
.msi-tool .fg-factor-score.is-elevated,
.msi-tool .fg-side-value.is-elevated { color: #e8833a; }
.msi-tool .fg-factor-score.is-extreme,
.msi-tool .fg-side-value.is-extreme { color: #d93a3a; }

.msi-tool .fg-bar span.is-calm { background: #2ea043; }
.msi-tool .fg-bar span.is-normal { background: #7bc043; }
.msi-tool .fg-bar span.is-elevated { background: #e8833a; }
.msi-tool .fg-bar span.is-extreme { background: #d93a3a; }

.msi-tool .fg-delta.is-up { color: #d93a3a; }
.msi-tool .fg-delta.is-down { color: #2ea043; }