.phone-input-wrapper{display:flex;flex-direction:column;gap:.35rem}.phone-input-fields{display:flex;gap:.5rem;align-items:stretch;width:100%}.phone-dropdown-wrapper{position:relative}.phone-dropdown-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:0 .75rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;height:2.75rem;min-height:2.75rem;box-sizing:border-box;line-height:1.25}.phone-dropdown-trigger:focus-visible,.phone-dropdown-trigger:hover:not(:disabled){background-color:#eef2ff;border-color:#2563eb;outline:none;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.phone-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.phone-flag{font-size:1rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem}.phone-flag-img{width:24px;height:18px;-o-object-fit:cover;object-fit:cover;border-radius:2px;display:inline-block;vertical-align:middle;flex-shrink:0}.phone-code-text{font-weight:600;color:#374151;font-size:.9rem;line-height:1}.phone-caret{width:1rem;height:1rem;color:#6b7280}.phone-dropdown{position:absolute;top:calc(100% + .35rem);left:0;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 35px rgba(15,23,42,.12);width:240px;max-height:260px;overflow-y:auto}.phone-dropdown ul{list-style:none;margin:0;padding:.35rem}.phone-option{width:100%;display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:.4rem;border:none;background:transparent;cursor:pointer;transition:background .15s ease;text-align:left}.phone-option:hover{background-color:#f1f5f9}.phone-option-details{display:flex;flex-direction:column;gap:.1rem;flex:1}.phone-option-country{display:block;font-weight:600;font-size:.9rem;color:#1f2937}.phone-option-code{font-size:.8rem;color:#6b7280}.phone-input-number{flex:1;min-width:0;padding:0 .75rem;border:1px solid #ddd;border-radius:6px;height:2.75rem;min-height:2.75rem;box-sizing:border-box;font-size:1rem;line-height:1.25;background-color:#fff}.phone-input-number:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.phone-placeholder{font-weight:600;color:#94a3b8;font-size:.9rem}.phone-country-hint{margin-top:.35rem;font-size:.85rem;color:#475569;display:flex;gap:.35rem;align-items:center}.phone-country-hint strong{color:#111827}