/* ============================================================================
   VADER BARCLAY · WORDPRESS-ONLY LAYER

   atlas.css and pages.css are byte-identical copies of the approved build and
   are never edited here: _maintenance/verify.mjs fails the build if they drift
   by a single character. Anything WordPress needs and the static site does not
   goes in this file instead, which loads last and only ever ADDS selectors.

   Today that is one thing: the notice shown above a form after the server has
   answered a submission. The static build has no endpoint, so it never renders.
   ========================================================================== */

.form-note {
  margin-block-end: var(--s-4);
  padding: var(--s-3) var(--s-4);
  border-inline-start: 3px solid var(--accent);
  background: rgba(70, 91, 149, .06);
  color: var(--fg);
  font-size: var(--t-sm);
  line-height: 1.55;
}

/* The palette carries no alarm red by design, so a refusal is distinguished by
   weight and ground rather than by colour alone. */
.form-note[data-tone="bad"] {
  border-inline-start-color: var(--navy);
  background: rgba(13, 23, 41, .06);
  font-weight: 500;
}

.form-note:focus { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Inside an inverted band the tokens flip with it, so nothing further is
   needed, but the ground has to be lighter rather than darker to read. */
.inv .form-note,
.inv-deep .form-note { background: rgba(194, 207, 224, .08); }