.phone-login{min-width:0;margin-block:1.5rem}.phone-login-toggle{justify-content:flex-start;width:100%}.phone-login-panel{border:1px solid var(--line);background:var(--soft);border-radius:8px;margin-top:1rem;padding:1.25rem}.phone-login-panel h2{font-size:1.25rem}.phone-proof-form{min-width:0;margin-top:1.25rem}.phone-proof-form .field{margin-block:1rem}.phone-proof-form input:not([type=checkbox]){width:100%;min-width:0;max-width:100%;font-size:1rem}.phone-proof-form .phone-code-input{letter-spacing:.16em;font-variant-numeric:tabular-nums;max-width:18rem}.phone-proof-form .check-row{align-items:flex-start;line-height:1.6}.phone-proof-form .phone-consent input{flex:0 0 22px;margin-top:.2rem}.phone-proof-form .phone-consent{margin-block:1.25rem}.phone-entered,.phone-current,.phone-code-expiry,.phone-wait{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.phone-entered{overflow-wrap:anywhere;font-weight:650}.phone-code-expiry,.phone-wait{color:var(--muted);margin-block:1rem;font-size:.875rem}.phone-code-expiry>span:last-child,.phone-wait>span:last-child{font-variant-numeric:tabular-nums;color:var(--navy);font-weight:700}.phone-proof-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem;display:flex}.phone-proof-actions>*{white-space:normal;max-width:100%}.phone-proof-actions .text-button,.phone-email-links a{min-height:44px}.phone-processing{color:var(--muted);font-size:.875rem}.phone-processing:not(:empty){margin-block:1rem}.phone-email-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;padding-top:1rem;display:flex}.phone-email-links a{align-items:center;font-size:.875rem;display:inline-flex}.phone-section-heading{align-items:flex-start;gap:.75rem;display:flex}.phone-section-heading>svg{color:var(--blue);margin-top:.2rem}.phone-section-heading h2{flex:1;min-width:0}.phone-settings,.sms-status{min-width:0;margin-block:1.5rem}.phone-settings .phone-current{border:1px solid var(--line);background:var(--soft);border-radius:7px;margin-block:1rem;padding:1rem}.phone-current>bdi{white-space:nowrap;font-weight:700}.phone-success:not(:empty){border-inline-start:3px solid var(--blue);background:var(--pale);align-items:flex-start;gap:.75rem;margin-block:1rem;padding:1rem;display:flex}.phone-success:focus{outline:3px solid var(--focus);outline-offset:4px}.phone-unlink-confirm{border:1px solid var(--line);border-inline-start:3px solid var(--red);border-radius:7px;margin-block:1.25rem;padding:1.25rem}.phone-unlink-confirm h3{font-size:1rem}.phone-unlink-confirm .danger-button{border-color:var(--red);color:var(--red);background:#fff}.phone-recovery{border-inline-start:3px solid var(--blue);margin-block:1rem;padding-inline-start:1rem}.phone-recovery>p{font-size:.875rem}.sms-readiness{background:var(--soft);border-radius:7px;padding:1rem}.sms-counters{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.25rem;display:grid}.sms-counters>div{border:1px solid var(--line);border-radius:7px;min-width:0;padding:1rem}.sms-counters dt{color:var(--muted);font-size:.875rem}.sms-counters dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.75rem 0 0;font-size:1.5rem;font-weight:700}.sms-delivery-states>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.sms-delivery-states dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.phone-login .bi,.phone-settings .bi,.sms-status .bi{overflow-wrap:anywhere}.phone-login button,.phone-settings button,.sms-status button{min-height:44px}.phone-login [dir=rtl],.phone-settings [dir=rtl],.sms-status [dir=rtl]{text-align:right;line-height:1.7}@media (max-width:600px){.phone-login-panel,.phone-unlink-confirm{padding:1rem}.sms-counters{grid-template-columns:minmax(0,1fr)}.phone-proof-actions{align-items:stretch}.phone-proof-actions>.primary,.phone-proof-actions>.secondary,.phone-proof-actions>.danger-button{width:100%}.phone-section-heading h2{font-size:1.25rem}.phone-proof-form .phone-code-input{max-width:100%}.phone-email-links{flex-direction:column;align-items:flex-start}}@media (forced-colors:active){.phone-success,.phone-unlink-confirm,.phone-current,.sms-readiness{border:1px solid canvastext}.phone-success:focus{outline-color:highlight}}
