/* Enpasse AI mark: the thinking orb in copper. Copper marks AI only; colour follows --cu (override with --am-c).
   Size: --ai-mark-h is the line space it takes (as before, default .8em); the orb draws larger, never under 20 px
   (the product's floor: smaller, the orb's dots merge), and overhangs that space evenly, so rows keep their height.
   --ai-mark-size sets the orb's size directly.
   States (data-state): idle, working, citing, waiting (for a person), paused, done (accepted by a person).
   Drawn by ai-mark.js on a canvas; until it paints, a plain copper dot stands in. */
.ai-mark {
  --am-c: var(--cu, #b87333);
  --am-h: var(--ai-mark-h, .8em);
  --am-s: var(--ai-mark-size, max(20px, calc(var(--am-h) * 1.35)));
  position: relative;
  display: inline-block;
  flex: none;
  width: var(--am-s);
  height: var(--am-s);
  margin-block: calc((var(--am-h) - var(--am-s)) / 2);
  vertical-align: -.02em;
  color: var(--am-c);
  line-height: 0;
  background: radial-gradient(circle, var(--am-c) 0 22%, transparent 24%);
}
.ai-mark.am-on { background: none; }
.ai-mark > canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.ai-mark[data-state="paused"]:not(.am-on) { opacity: .42; }