.phone-verification{display:grid;gap:.75rem;padding:.9rem 1rem;border:1px solid #d5dfeb;border-radius:.75rem;background:#f7faff;color:#17304d}
.phone-verification-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.phone-verification-status{margin:0;font-size:.875rem;line-height:1.45;color:#52677f}
.phone-verification button{min-height:2.65rem}
.phone-code-panel{display:grid;grid-template-columns:minmax(8rem,1fr) auto;align-items:end;gap:.65rem}
.phone-code-panel label{margin:0!important}
.phone-code-panel input{font-variant-numeric:tabular-nums;letter-spacing:.24em;font-weight:800}
.phone-verification[data-state="verified"]{border-color:#9fc6b4;background:#f2faf6}
.phone-verification[data-state="verified"] .phone-verification-status{color:#176244;font-weight:800}
.phone-verification[data-state="verified"] [data-phone-send]:disabled{cursor:default;opacity:.65}
.phone-verification[data-state="current"] [data-phone-send]:disabled{cursor:default;opacity:.65}
.phone-verification[data-state="error"]{border-color:#e9b9b4;background:#fff6f5}
.phone-verification[data-state="error"] .phone-verification-status{color:#9d302b}
@media(max-width:600px){.phone-code-panel{grid-template-columns:1fr}.phone-verification-row>button,.phone-code-panel>button{width:100%}}