/* Build notice: the one line that says this tab is behind the site. Quiet, full width at the top
   of the page, in the page's own ink; the last word is a button that reads as a word, so the line
   stays one sentence. */
/* Both lines are drawn above what follows them (`position` and `z-index` below): HQ's order head
   pulls itself up over the page's top padding to reach the frame, and it covered the lower half of
   either line, Reload included (the correction pass's verification, 10 Oct 2026). */
.build-notice {
  position: relative;
  z-index: 1;
  margin: 0 0 var(--space-4);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: var(--color-surface);
  color: var(--color-ink);
}

.build-notice-reload {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

/* **"This order has changed since you opened it. Reload."** (`StaleLine`, the correction pass, (6)):
   the build notice's sibling and drawn the same way, a quiet line in the page's own ink with the
   last word a button, because it says the same kind of thing about a smaller thing. It sits at the
   top of an order's page and stays until Reload reads the order again. */
.stale-line {
  position: relative;
  z-index: 1;
  margin: 0 0 var(--space-3);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
  background: var(--color-surface);
  color: var(--color-ink);
}

.stale-line-reload {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}