/*!
 * GSA — Graded Symptom Assessment
 * ------------------------------------------------------------------
 * The live intake form styles itself inline, so this file is deliberately
 * tiny: it only covers the one shared control the overlay borrows from the
 * host app (the Back button), plus a couple of defensive resets.
 *
 * The printed Report of Findings carries its own <style> block inside the
 * generated HTML, so it needs nothing from here.
 *
 * Everything is scoped under #gsa-symptoms-overlay so it cannot leak into
 * the surrounding app.
 */

#gsa-symptoms-overlay {
  /* Colours come from the host's theme tokens (style.css), with fallbacks. */
  color: var(--ink, #14232b);
  font-family: var(--f-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  -webkit-font-smoothing: antialiased;
}

#gsa-symptoms-overlay *,
#gsa-symptoms-overlay *::before,
#gsa-symptoms-overlay *::after {
  box-sizing: border-box;
}

#gsa-symptoms-overlay button {
  font-family: inherit;
}

/* Back button — carried over from the source app's .dva-back-btn. */
#gsa-symptoms-overlay .gsa-back-btn {
  display: block;
  width: 100%;
  padding: 9px;
  background: transparent;
  color: var(--muted, #586b73);
  border: 1px solid var(--rule, #cdd7d9);
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  margin-top: 8px;
}

#gsa-symptoms-overlay .gsa-back-btn:hover {
  color: var(--ink, #14232b);
  border-color: var(--accent, #0b6b68);
}