/* /verify — number verification. ELEVENTH stylesheet, loaded LAST, after media.css, in both base.html and login.html (see base.html's load-order comment: media.css is the tenth, this is the eleventh, and login.html duplicates base.html's whole — CLAUDE.md's hazard note on that). Tokens only — every colour below is a :root variable from base.css, with a [data-theme="dark"] counterpart wherever the light value is not already theme-neutral. media.css is the model copied here, not forms.css/base.css (both still carry legacy raw hex). */ /* ---------- verify status badges (verify_rows.html) ------------------------ "unknown" deliberately uses --info-* tokens, not --warning-* or --error-* ones — it must read as "we don't have an answer", not as a problem. See contactVerdict's doc comment (contacts_check.go) for why that distinction exists at all. (Do not put a star directly before a slash anywhere in this comment — that pair closes it early no matter how it's spelled, and once did here: it silently dropped .badge-registered below, see internal/renderer/verify_badges_test.go.) */ .badge-registered { color: var(--success-dark); background: rgba(34, 197, 94, 0.16); } .badge-not_registered { color: var(--grey-600); background: rgba(145, 158, 171, 0.16); } .badge-invalid { color: var(--error-dark); background: rgba(255, 86, 48, 0.16); } .badge-unknown { color: var(--info-dark); background: rgba(0, 184, 217, 0.16); } [data-theme="dark"] .badge-registered { color: var(--success-light); } [data-theme="dark"] .badge-not_registered { color: var(--grey-400); } [data-theme="dark"] .badge-invalid { color: var(--error-light); } [data-theme="dark"] .badge-unknown { color: var(--info-light); } /* ---------- chip field (verify.html's "Phone numbers") --------------------- Structure: .chip-field wraps the real