/* Feedback surface — additions only.
 *
 * The bubbles, column, dock and lockup all come from
 * /onboarding/onboarding.css, which this surface loads first. One interview
 * surface, one visual language: a second set of bubble styles would drift from
 * the first, and the two are the same kind of screen.
 *
 * Only three things here are genuinely new. */

/* The disclosure. Deliberately NOT a chat bubble: it is not part of the
 * conversation, it is the terms the conversation happens under, and it has to
 * read as a statement of fact rather than as the facilitator making
 * reassuring noises. Quiet, bordered, sitting above everything. */
.fb-disclosure {
  margin: 4px 0 14px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.5;
  background: transparent;
}

/* The dock is the compose row with one row under it. Skip does NOT sit inside
 * .ob-compose: that is a flex row where the textarea is flex:1, and a third
 * child there competes for the same space — which is what collapsed the
 * textarea to a single character wide in the first version. */
.fb-dock { display: flex; flex-direction: column; gap: 8px; }
.fb-under { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

/* Skip is always available and never styled as the discouraged path.
 * Refusal is calibration, not failure — a control that looks like the lesser
 * option tells people which answer is wanted, which is the pressure
 * non-negotiable 9 exists to remove. Quieter than Send because Send is the
 * primary action, never because skipping is unwelcome. */
.ob-skip {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--muted);
  border-radius: 999px;
  padding: 8px 16px;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.ob-skip:hover { color: var(--text); }
.ob-skip:disabled { opacity: .6; cursor: default; }

/* A refusal to store, said in the field rather than as a toast that vanishes.
 * The words are still in the box and the message says so — nobody should
 * retype an essay because a notification timed out. Error ink is the
 * theme-safe accent, same dialect as .way-msg--err: the old fallback here
 * was coral, which docs/brand.md reserves for the logo alone. */
.fb-error {
  margin-top: 8px;
  color: var(--accent-text);
  font-size: 13px;
  line-height: 1.45;
}