/* Phone flows reuse Congo's native type, controls, and surface tokens. */
.congo-phone-form{min-width:0;gap:14px}
.congo-phone-form label{display:grid;gap:8px;min-width:0}
.congo-phone-form input{width:100%;box-sizing:border-box;min-width:0;font-size:16px;min-height:48px}
.congo-phone-form input[name="phone_code"]{font-variant-numeric:tabular-nums;letter-spacing:.12em}
.congo-phone-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}
.congo-phone-actions .congo-inline-action,.congo-phone-form>.congo-inline-action{min-height:44px;text-align:left}
.congo-phone-reauth{display:grid;gap:12px}
.congo-phone-reauth .congo-native-button{display:flex;justify-content:center;align-items:center;text-decoration:none;min-height:44px}
.congo-phone-form [disabled]{cursor:default}
.congo-phone-form .congo-inline-action[disabled]{opacity:.6}
.congo-phone-error{margin:0;overflow-wrap:anywhere}
.congo-phone-section p,.congo-phone-login p{overflow-wrap:anywhere}
@media(max-width:480px){.congo-phone-actions{align-items:stretch;flex-direction:column;gap:0}.congo-phone-actions .congo-inline-action{width:100%}}

/* Shared country selection in enrollment and sign-in; native touch/keyboard picker. */
.congo-phone-number-input{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);gap:8px;min-width:0}
.congo-phone-number-input select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 8px;border:1px solid var(--token-3b0e5039-05df-4d34-a3f8-aa47210d6ab4);border-radius:5px;background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa);color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);font:400 16px/1.4 Inter,sans-serif;text-overflow:ellipsis}
.congo-phone-number-input select:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.congo-phone-number-input select:disabled{opacity:.6}
.congo-phone-login>.congo-google-button>svg{display:block;flex:none}

/* Expanded sign-in must grow beyond the original one-viewport form. */
main:has(.congo-phone-login .congo-phone-form){height:auto;min-height:100vh;padding-top:150px}

/* Local SVG flag and dialing code; the native picker retains full country names. */
.congo-phone-country{position:relative;display:block;min-width:0}
.congo-phone-country select{appearance:none;color:transparent;cursor:pointer}
.congo-phone-country select option{color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e);background:var(--token-a5af7ff8-0198-4958-836d-98f2108fe5aa)}
.congo-phone-country select:focus-visible{outline-color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)}
.congo-phone-country-value{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 12px;pointer-events:none;font:400 16px/1.4 Inter,sans-serif;color:var(--token-a2ff4bd6-64e4-4b5e-8dd3-30412409648e)}
.congo-phone-country-value img{display:block;flex:none;width:24px;height:18px;object-fit:contain;border-radius:2px}
.congo-phone-country-value svg{display:block;flex:none;margin-left:auto}
.congo-phone-country:has(select:disabled) .congo-phone-country-value{opacity:.6}