/* ── Cyber Node brand palette ──────────────────────────────────────────────
   Background  #13294B   Body + card surfaces
   Title       #00FF33   Headings, success states, borders, primary actions
   Normal text #FFFFFF   Body copy, labels
   Alternate   #A7A7A7   Borders, errors (mid grey)
   Highlight 1 #FF00AA   Fuchsia — runtime status: info
   Highlight 2 #FF4D1F   Orange  — runtime status: waiting, warnings
   ──────────────────────────────────────────────────────────────────────── */

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  max-width: 760px;
  margin: 40px auto;
  padding: 0 16px;
  background: #13294B;
  color: #FFFFFF;
}

h1 {
  font-size: 1.8rem;
  margin: 0 0 0.5rem;
  color: #00FF33;
}

p { margin: 0.25rem 0 0.75rem; }

.card {
  border: 1px solid #A7A7A7;
  border-radius: 10px;
  padding: 16px;
  margin-top: 16px;
  background: #0d2040;
}

label { display: block; margin: 10px 0 6px; font-weight: 650; }

input {
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #A7A7A7;
  font-size: 14px;
  box-sizing: border-box;
  background: #0d2040;
  color: #FFFFFF;
}
input::placeholder { color: #7a96b8; }

button {
  padding: 10px 16px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 650;
  font-size: 14px;
}
button.primary   { background: #00FF33; color: #13294B; }
button.secondary { background: transparent; color: #FFFFFF; border: 1px solid #FFFFFF; }
button:disabled  { opacity: 0.65; cursor: default; }

.row { display: flex; gap: 10px; align-items: center; margin-top: 12px; }
.row .spacer { flex: 1; }

/* ── Runtime status — shown during and after a scan ── */
.status { margin-top: 12px; font-size: 0.95rem; }
.status.waiting { color: #FF4D1F; }
.status.success { color: #00FF33; }
.status.error   { color: #A7A7A7; }

/* ── Tier / quota info — always Fuchsia ── */
.quota { margin-top: 10px; font-size: 0.9rem; }
.quota.ok    { color: #FF00AA; }
.quota.warn  { color: #FF00AA; }
.quota.error { color: #FF00AA; }
.quota.info  { color: #FF00AA; }

.hint {
  margin-top: 12px;
  font-size: 0.9rem;
  color: #FFFFFF;
  line-height: 1.35;
}
.hint code {
  background: #0d2040;
  color: #00FF33;
  padding: 0 4px;
  border-radius: 4px;
}

.small { margin-top: 8px; font-size: 0.9rem; color: #FFFFFF; }
.mono  { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }

.download-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.download-links a {
  display: inline-block;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 6px;
  background: #FF00AA;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
}