/* ── DAOAML address-check form styles ───────────────────────────────
   Extracted from the landing's inline <style> so the cabinet can host
   the same form without duplicating the rules. Only contains classes
   the check-form runtime actually drives — everything else (.btn-solid,
   .input-line, .term-select, .chip …) is provided by shell.css. */

/* Braille-cell spinner. The actual frame ticker lives in
   check-form-runtime.js — this rule just sets the colour and reserves
   1ch of width so the layout doesn't jitter while the glyph rotates. */
.br-spin {
  display: inline-block;
  width: 1ch;
  text-align: center;
  color: var(--phosphor, #7af0a0);
}

/* Stage list inside #checkProgress: pending → active → done. */
.cp-stage {
  display: grid;
  grid-template-columns: 1.4ch 1fr auto;
  gap: 0.6ch;
  align-items: baseline;
  line-height: 1.5;
  transition: color .25s ease, opacity .25s ease;
  color: var(--mute, #5a6a64);
}
.cp-stage .cp-mark { width: 1.2ch; }
.cp-stage .cp-time { font-variant-numeric: tabular-nums; opacity: 0; transition: opacity .25s; }
.cp-stage.active                { color: var(--fg, #cfe8d8); }
.cp-stage.active .cp-mark       { color: var(--phosphor, #7af0a0); }
.cp-stage.done                  { color: var(--fgdim, #8aa39a); }
.cp-stage.done .cp-mark         { color: var(--phosphor, #7af0a0); }
.cp-stage.done .cp-time         { opacity: 1; }

/* Soft phosphor pulse on the frame while a check is active — draws the
   eye instantly, no movement of layout. */
#checkProgress.is-active {
  animation: cp-frame 1.6s ease-in-out infinite;
}
@keyframes cp-frame {
  0%, 100% { box-shadow: inset 0 0 0 1px rgba(122,240,160,.18); }
  50%      { box-shadow: inset 0 0 0 1px rgba(122,240,160,.42); }
}

/* Skeleton shimmer for the placeholder result rows that briefly hold
   the layout open while the verdict is in flight. */
.sk-row {
  background:
    linear-gradient(90deg,
      rgba(122,240,160,.06) 0%,
      rgba(122,240,160,.18) 50%,
      rgba(122,240,160,.06) 100%);
  background-size: 200% 100%;
  animation: sk-shimmer 1.4s ease-in-out infinite;
  border-radius: 1px;
}
@keyframes sk-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}