.phoneInputContainer{display:flex;align-items:stretch;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;position:relative;background:#fff;transition:border-color .2s}.phoneInputContainer:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.phoneInputContainer.inputError{border-color:#ef4444}.countrySelector{display:flex;align-items:center;gap:6px;padding:10px;background:#f8fafc;border:none;border-right:1px solid #e2e8f0;cursor:pointer;color:#334155;font-size:14px;white-space:nowrap;min-width:84px;justify-content:center;border-radius:10px 0 0 10px;flex-shrink:0}.countrySelector:hover{background:#f1f5f9}.countrySelector .fi{font-size:20px;border-radius:2px}.countryPrefix{font-size:13px;color:#64748b}.chevron{font-size:10px;transition:transform .2s;color:#94a3b8}.chevron.open{transform:rotate(180deg)}.phoneInputContainer .phoneInput{flex:1;background:rgba(0,0,0,0)!important;border:none!important;padding:10px 12px!important;color:#1e293b!important;font-size:14px!important;outline:none!important;min-width:0!important;box-shadow:none!important;width:100%}.phoneInputContainer .phoneInput::-moz-placeholder{color:#94a3b8}.phoneInputContainer .phoneInput::placeholder{color:#94a3b8}.countryDropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;z-index:50;max-height:240px;overflow-y:auto;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.countryOption{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:rgba(0,0,0,0);border:none;color:#334155;font-size:14px;cursor:pointer;text-align:left}.countryOption .fi{font-size:18px;border-radius:2px}.countryOption:hover{background:#f1f5f9}.countryOption.active{background:#eff6ff;color:#2563eb}.countryName{color:#64748b;font-size:12px;text-transform:uppercase;margin-right:auto}