/* Global reset + app-shell base. Everything else in the app (the launch screen,
   the overlays, the report, the import review) is styled inline in index.html or
   built with inline styles in app.js, extras.js and GSA/gsa.js, so this file is
   intentionally small.

   Theme tokens. app.js, extras.js and GSA/gsa.js colour their screens with these
   variables; they hold the Neurokinetic Collective dark theme, the same colours
   the launch screen and overlays in index.html use. The printed reports keep
   their own colours and do not read these. */
:root {
  --paper: #0d0d0d;        /* page and overlay background */
  --panel: #1a1a1a;        /* inputs, cards and unselected buttons */
  --sunk: #171717;         /* inset strips and chips */
  --ink: #e0e0e0;          /* body text */
  --muted: #8a9098;        /* secondary text and labels */
  --rule: #333333;         /* borders and separators */
  --accent: #1565c0;       /* primary buttons (the brand blue) */
  --accent-ink: #ffffff;   /* text on the accent */
  --accent-soft: #1a2a3a;  /* tinted accent background */
  --accent-text: #9ec5ec;  /* accent-coloured text on the dark background */
  --ok: #4caf50;   --ok-soft: #1a3a1a;
  --bad: #ef5350;  --bad-soft: #2a1616;
  --warn: #ef6c00; --warn-soft: #3a2412;
  --amber: #f9a825; --amber-soft: #262010;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #0d0d0d;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* The "Back" button on the import overlay. */
.dva-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;
}
.dva-back-btn:hover { color: #ccc; border-color: rgba(255,255,255,0.25); }