/* SHARED·INVITE (1143) — the accept-screen blurb and the profile's partner-link box. Two
 * surfaces, one family: views/invite.js renders the blurb (the /invite accept screen's quick
 * callout under the headline), views/profile.js renders the link-box (the partner-link sheet's
 * user-select:all URL row). The .invite group is the owning census pair; this card is the
 * carded form.
 *
 * RE-SOURCED 2026-09-23 from web/css/app.css lines 2061–2083, brief 496
 * (REPORT-496-appcss-wave1-1143). Consumers keep working because the class NAMES did not
 * change — views/invite.js:91 still emits `class="invite-blurb"`, views/profile.js:1180
 * still emits `class="invite-link-box"`. Values VERBATIM — the brief is explicit on no
 * design changes.
 *
 * Each linter-blocking line carries a token-exception marker so the moved CSS
 * stays byte-identical in source and render (the markers are comments, stripped before
 * the cascade parses). The value debt is pre-existing in app.css; moving it does not
 * introduce new debt, and the file's header names the carriers of that debt.
 *
 * Card CSS is self-contained: every element this card renders gets its style explicitly
 * under its own root class with zero reliance on page or user-agent defaults.
 *
 * Local :root aliases mirror app.css's own :root block (lines 15-29) for the four tokens
 * this card references but that live as aliases in app.css, not in
 * web/styles/tokens.css under the names app.css used. Without these the moved rules
 * would reference unresolved custom properties and render with the initial value. The
 * aliases resolve to the same values at runtime (--surface-card / --text-primary /
 * --border-hairline / --radius-control). */

:root {
  --paper-card: var(--surface-card);
  --ink:        var(--text-primary);
  --rule:       var(--border-hairline);
  --r-sm:       var(--radius-control);
}

.invite-link-box {
  background: var(--paper-card);
  border: 1px solid var(--rule); /* token-exception */
  border-radius: var(--r-sm);
  padding: 12px 14px; /* token-exception */
  font-family: var(--font-mono);
  font-size: var(--size-12); /* token-exception */
  color: var(--ink);
  word-break: break-all;
  user-select: all;
}

/* Accept screen — quick callout under the headline */
.invite-blurb {
  background: var(--paper-card);
  border-left: 3px solid var(--accent);
  border-radius: var(--r-sm);
  padding: 14px 16px; /* token-exception */
  margin-top: 12px;
  font-size: var(--size-14); /* token-exception */
  line-height: var(--leading-150);
  color: var(--ink-600);
}