/* The notice form on report.html. Scoped to that page: the apex site had no forms before this one, and adding input
   styling to site.css would carry weight onto pages that will never use it. Every colour comes from the variables.
   ⚠ A FILE, not an inline <style>: the site CSP is `style-src 'self'` with no 'unsafe-inline' (apps/web/_headers),
   and an inline block is silently dropped — the form rendered unstyled the only time it met the real headers. */
.f-field { margin: 0 0 1.25rem; }
.f-field label { display: block; font-weight: 600; margin-bottom: .4rem; color: var(--dim); }
.f-field .hint { display: block; font-size: .85rem; color: var(--muted); margin-bottom: .5rem; line-height: 1.5; }
.f-field input[type="text"], .f-field input[type="email"], .f-field select, .f-field textarea {
  width: 100%; box-sizing: border-box; background: var(--surface-alt); color: var(--text);
  border: 1px solid var(--border); border-radius: 3px; padding: .65rem .7rem;
  font: inherit; font-size: .95rem;
}
.f-field textarea { min-height: 8rem; resize: vertical; line-height: 1.55; }
.f-field input:focus, .f-field select:focus, .f-field textarea:focus {
  outline: 2px solid var(--red); outline-offset: 1px; border-color: var(--red);
}
.f-check { display: flex; gap: .65rem; align-items: flex-start; margin: 0 0 1.5rem; }
.f-check input { margin-top: .25rem; flex: none; }
.f-check label { font-size: .92rem; color: var(--dim); line-height: 1.55; }
.f-submit {
  background: var(--red-deep); color: var(--text); border: 1px solid var(--red);
  border-radius: 3px; padding: .7rem 1.4rem; font: inherit; font-weight: 700;
  letter-spacing: .02em; cursor: pointer;
}
.f-submit:hover { background: var(--red); }
.f-submit[disabled] { opacity: .5; cursor: default; }
.f-note { font-size: .85rem; color: var(--muted); margin-top: .75rem; line-height: 1.55; }
.f-result { margin-top: 1.25rem; padding: 1rem; border-radius: 3px; line-height: 1.6; }
.f-result.ok  { border: 1px solid var(--reward); background: rgba(124, 252, 0, .06); }
.f-result.err { border: 1px solid var(--red); background: rgba(255, 42, 42, .07); }
.f-ref { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; color: var(--gold); }
[hidden] { display: none !important; }
