/* aud-sign · /ai-agents/audit #receipts (the blue field) · "the signature under one line". Every selector is scoped under .aud-sign
   (sub-prefix aud-sg-). Final frame by default (no JS, reduced motion, print). .is-live rewinds it (keys hidden, values clipped closed,
   caret hidden); asset.js then writes opacity, clip-path and the caret's transform from one clock. White ink only: no status colour. */
.aud-sign{
  --aud-sg-fs:16px; --aud-sg-lh:28px;
  --aud-sg-sepm:10px;                    /* separator margin each side */
  --aud-sg-ind:calc(9ch + 2 * var(--aud-sg-sepm));   /* "14:11:36" + " · ": the x of stripe:refund, exactly */
  container:aud-sg / inline-size;
  position:relative;margin:0;width:100%;min-width:0;text-align:left;color:#fff;
}
.aud-sign .aud-sg-stage{position:relative}
/* white-space on each p itself: v4.css sets p{text-wrap:pretty}, which would re-enable wrapping under an inherited nowrap */
.aud-sign .aud-sg-line,.aud-sign .aud-sg-row{margin:0;font:400 var(--aud-sg-fs)/var(--aud-sg-lh) var(--mono);color:#fff;white-space:nowrap}
.aud-sign .aud-sg-allowed{margin-top:16px}
.aud-sign .aud-sg-row{padding-left:var(--aud-sg-ind)}
.aud-sign .aud-sg-allowed+.aud-sg-row{margin-top:2px}
.aud-sign .aud-sg-sep{margin:0 var(--aud-sg-sepm);color:rgba(255,255,255,.7)}
.aud-sign .aud-sg-out{font-weight:500;letter-spacing:.06em}
.aud-sign .aud-sg-k{display:inline-block;width:10ch}
.aud-sign .aud-sg-v{display:inline-block}
.aud-sign .aud-sg-caret{position:absolute;left:0;top:0;width:1.5px;height:18px;background:#fff;opacity:0;pointer-events:none}
.aud-sign .aud-sg-cap{margin:20px 0 0;font:400 11px/16px var(--mono);color:rgba(255,255,255,.85);white-space:nowrap}

/* ---------- live: rewind to t0 (the two record lines are already on the record; only the signature is still to come) ---------- */
.aud-sign.is-live .aud-sg-k{opacity:0}
.aud-sign.is-live .aud-sg-v{clip-path:inset(0 100% 0 0)}

/* ---------- <= 1100: the row is 440 | 64 | 548; the widest line (492) still fits at 16px ---------- */
@media (max-width:1100px){
  .aud-sign .aud-sg-cap{margin-top:20px}   /* unchanged: the 548 cell still holds the 492px line at 16px */
}
/* ---------- guard for a narrower cell than the spec's (the page row at <= 1100 should be 440 | 64 | 548): on wide screens,
   step the type down rather than overflow. 16px needs 492px, 15px 465px, 14px 438px. ---------- */
@media (min-width:761px){
  @container aud-sg (max-width:499px){
    .aud-sign .aud-sg-line,.aud-sign .aud-sg-row{font-size:15px;line-height:26px}
    .aud-sign .aud-sg-caret{height:17px}
  }
  @container aud-sg (max-width:469px){
    .aud-sign .aud-sg-line,.aud-sign .aud-sg-row{font-size:14px;line-height:24px}
    .aud-sign .aud-sg-caret{height:16px}
  }
}
/* ---------- <= 959: the row stacks, the figure sits 48px under the body ---------- */
@media (max-width:959px){
  .aud-sign{--aud-sg-fs:15px;--aud-sg-lh:26px}
  .aud-sign .aud-sg-caret{height:17px}
}
/* ---------- <= 760: recomposed. The separators tighten to 1ch, so "14:11:36 · " is an 11ch time gutter: the denied line breaks after
   "unregistered agent ·" and its continuation hangs in that gutter's column, and the rows keep hanging under stripe:refund.
   The widest row is 11 + 10 + 26 = 47ch (338px at 12px, 310px at 11px). ---------- */
@media (max-width:760px){
  .aud-sign{--aud-sg-fs:12px;--aud-sg-lh:20px;--aud-sg-sepm:1ch}
  .aud-sign .aud-sg-cont{display:block;padding-left:var(--aud-sg-ind)}
  .aud-sign .aud-sg-allowed{margin-top:12px}
  .aud-sign .aud-sg-caret{height:14px}
}
/* figure under 339px (360 phones): mono 11 */
@container aud-sg (max-width:338px){
  .aud-sign .aud-sg-line,.aud-sign .aud-sg-row{font-size:11px}
  .aud-sign .aud-sg-caret{height:13px}
}
/* figure under 310px (320 phones, A11): the gutter is too wide for the hex, so the rows and the continuation share a 4ch column */
@container aud-sg (max-width:309px){
  .aud-sign .aud-sg-row,.aud-sign .aud-sg-cont{padding-left:4ch}
}

/* ---------- reduced motion, print, forced colours ---------- */
@media (prefers-reduced-motion:reduce){
  .aud-sign .aud-sg-caret{display:none}
}
@media print{
  .aud-sign .aud-sg-caret{display:none}
}
@media (forced-colors:active){
  .aud-sign .aud-sg-line,.aud-sign .aud-sg-row,.aud-sign .aud-sg-sep,.aud-sign .aud-sg-cap{color:CanvasText}
  .aud-sign .aud-sg-caret{background:CanvasText;forced-color-adjust:none}
}