/* Phone-field guidance line (js/phone-guidance.js, workstream g43): "<Country> mobile: N digits after +CC" + counter. */
.mh-phone-guide { margin: 0.35rem 0 0; font-size: 0.78rem; line-height: 1.4; color: var(--mh-muted, #64748b); display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; align-items: baseline; text-align: start; }
.mh-phone-guide[data-state="idle"] .mh-phone-guide__count { display: none; }
.mh-phone-guide__count { font-variant-numeric: tabular-nums; font-weight: 700; padding: 0 0.4rem; border-radius: 999px; background: var(--mh-surface-soft, rgba(100, 116, 139, 0.12)); }
.mh-phone-guide[data-state="ok"] .mh-phone-guide__count { color: #0f7b4f; background: rgba(15, 123, 79, 0.12); }
.mh-phone-guide[data-state="error"] { color: #b3261e; font-weight: 600; }
[data-theme="dark"] .mh-phone-guide[data-state="ok"] .mh-phone-guide__count { color: #4cc38a; background: rgba(76, 195, 138, 0.16); }
[data-theme="dark"] .mh-phone-guide[data-state="error"] { color: #ff8a80; }
.iti + .mh-phone-guide { margin-top: 0.35rem; }