/* ==========================================================================
   UNTIL WE BECOME — DROP 001 / AFTERIMAGE
   [R0930 candidate, from DQ-2.a2] Waitlist states. Loaded after css/style.css; uses its tokens.
   ========================================================================== */

/* No transport configured: the form says so and its controls are disabled. */
.wl-not-connected {
  margin: 24px 0 0; padding: 12px 14px;
  border: 2px solid var(--arrival-text);
  color: var(--arrival-text);
  font-size: 15px; font-weight: 700; line-height: 1.4;
}
.wl-not-connected[hidden] { display: none; }
.wl-not-connected:focus { outline: 2px solid var(--arrival-text); outline-offset: 3px; }
.btn:disabled { opacity: 0.45; cursor: not-allowed; }
.field input:disabled, .checkbox-field input:disabled { cursor: not-allowed; }

/* Desktop in-stage ARRIVAL form with no transport: the notice takes the place of the (disabled) field and button. */
.arr-not-connected {
  position: absolute; left: 0; top: calc(40 * var(--u)); width: 100%; box-sizing: border-box;
  padding: calc(12 * var(--u)) calc(14 * var(--u));
  background: var(--arr-pearl); color: #20272b; border: 2px solid #20272b;
  font-family: var(--font); font-size: max(13px, calc(15 * var(--u))); font-weight: 700; line-height: 1.35;
  white-space: normal;
}
.arr-not-connected[hidden] { display: none; }
.arr-not-connected:focus { outline: 2px solid #20272b; outline-offset: 3px; }
.arr-form.is-not-connected .arr-label,
.arr-form.is-not-connected .arr-error,
.arr-form.is-not-connected .arr-input,
.arr-form.is-not-connected .arr-submit { display: none; }