.phone-input-wrapper{width:100%}.phone-input-container{gap:0;width:100%;display:flex}.phone-country-select{border:1px solid var(--border);border-radius:var(--radius-md)0 0 var(--radius-md);background-color:var(--muted);cursor:pointer;min-width:100px;color:var(--foreground);border-right:none;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.phone-country-select:hover{border-color:var(--ring);background-color:var(--accent)}.phone-country-select:focus{box-shadow:0 0 0 2px var(--ring);border-color:var(--ring);outline:none}.phone-country-select:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.5}.phone-input{border:1px solid var(--border);border-radius:0 var(--radius-md)var(--radius-md)0;background-color:var(--background);color:var(--foreground);border-left:none;flex:1;padding:.5rem 1rem;font-size:1rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.phone-input:focus{box-shadow:0 0 0 2px var(--ring);border-color:var(--ring);outline:none}.phone-input:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;border-color:var(--border);opacity:.5}.phone-input.filled{background-color:var(--background)}.phone-input.invalid{border-color:var(--destructive)}.phone-input.invalid:focus{box-shadow:0 0 0 2px var(--destructive);border-color:var(--destructive)}.phone-input::placeholder{color:var(--muted-foreground)}.phone-input-error{color:var(--destructive);margin-top:.5rem;font-size:.875rem;font-weight:500}@media (max-width:640px){.phone-country-select{min-width:80px;padding:.5rem;font-size:.75rem}.phone-input{padding:.5rem .75rem;font-size:.875rem}}