.tda-resonance-suite {
  margin: 1.2rem 0;
  padding: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--cyan) 45%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--panel) 88%, var(--cyan)), var(--panel));
  box-shadow: 0 0 26px color-mix(in srgb, var(--cyan) 12%, transparent);
}

.tda-resonance-heading,
.tda-resonance-actions,
.tda-resonance-metrics {
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}

.tda-resonance-heading {
  justify-content: space-between;
  margin-bottom: .75rem;
}

.tda-resonance-heading h2 {
  margin: .2rem 0;
  color: var(--text);
  font-size: clamp(1.05rem, 2vw, 1.45rem);
}

.tda-resonance-heading p { margin: 0; color: var(--muted); }
.tda-resonance-status { color: var(--green); font: 700 .7rem/1.2 ui-monospace, monospace; letter-spacing: .08em; }
.tda-resonance-canvas-wrap { position: relative; min-height: 168px; margin: .8rem 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--cyan) 30%, transparent); background: var(--panel-strong); }
[data-tda-heatmap] { display: block; width: 100%; height: 168px; }
.tda-resonance-metrics { justify-content: space-between; font: .72rem/1.3 ui-monospace, monospace; color: var(--muted); }
.tda-resonance-metrics span { min-width: 6.5rem; }
.tda-resonance-metrics strong { display: block; margin-top: .15rem; color: var(--text); font-size: .95rem; }
.tda-resonance-button { min-height: 42px; padding: .65rem .8rem; border: 1px solid var(--cyan); background: transparent; color: var(--cyan); font: 700 .72rem/1 ui-monospace, monospace; cursor: pointer; }
.tda-resonance-button:hover, .tda-resonance-button:focus-visible { background: color-mix(in srgb, var(--cyan) 16%, transparent); outline: 2px solid var(--cyan); outline-offset: 2px; }
.tda-resonance-button.danger { border-color: var(--magenta); color: var(--magenta); }
.tda-resonance-suite.is-heatmap-paused [data-tda-heatmap] { opacity: .45; }
@media (max-width: 560px) { .tda-resonance-suite { padding: .85rem; } .tda-resonance-button { flex: 1 1 8rem; } }