/*!
 * 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 {
  /* The overlay is dark-themed; make sure a light-themed host cannot bleed in. */
  color: #e0e0e0;
  font-family: -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: #888;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  font-size: 0.85rem;
  cursor: pointer;
  margin-top: 8px;
}

#gsa-symptoms-overlay .gsa-back-btn:hover {
  color: #ccc;
  border-color: rgba(255, 255, 255, 0.25);
}