/* css/stamp.css — the decision stamps.
   One of the files src/index.html links in order; see tokens.css for why. */

/* ==========================================================================
   Decision stamps — the signature element
   ==========================================================================
   Boxed, letterspaced uppercase, glyph + word + color, flat, square-ish, no
   rotation, no distress. Nothing else in the interface gets a border this
   heavy. Color + glyph + word together, so status never depends on hue
   (WCAG 1.4.1).
   ========================================================================== */
.stamp{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--data);font-size:.6875rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  padding:.3rem .55rem;border-radius:var(--r-xs);border:2px solid currentColor;
  white-space:nowrap;line-height:1;
}
.stamp .glyph{font-size:.8125rem;line-height:1}

.stamp--approved{color:var(--approved);background:var(--approved-wash)}
.stamp--returned{color:var(--rejected);background:var(--rejected-wash)}
/* THE SAME COLOURS UNDER A DIFFERENT NAME, and the two names are not
   interchangeable. `returned` is the SUBMISSION vocabulary — the committee sent
   it back to its teacher — and this codebase is careful that a submission is
   never "rejected". `refused` is for the things that genuinely are: a roster row
   a CSV import will not create, a member with no access.

   IT DID NOT EXIST UNTIL NOW AND WAS ALREADY IN USE. src/screens/admin.js has
   written `stamp stamp--rejected` on the roster's "No access" badge since Phase
   3, matching no rule in this file, so it rendered in the default ink on the
   default ground — a refusal that looked like a label. Nothing caught it because
   every fixture member is active, so the badge never appeared in a screenshot
   until the import screen put a red stamp next to a green one. */
.stamp--refused,.stamp--rejected{color:var(--rejected);background:var(--rejected-wash)}
.stamp--pending {color:var(--pending); background:var(--pending-wash)}
/* YOUR ENTRY: dashed border, transparent, padlock. Visible and inert — the rule
   they can't break is shown, not hidden. */
.stamp--own{color:var(--ink-soft);background:transparent;border-style:dashed}