.phone-input-container{position:relative;display:flex;align-items:stretch;border:1px solid #ccc;border-radius:3px;background:#fff;overflow:visible;height:52px;min-height:52px;box-sizing:border-box}.phone-input-container:focus-within{border-color:#007cba;box-shadow:0 0 0 1px #007cba}.phone-country-selector{display:flex;align-items:center;padding:8px 10px;background:#f8f9fa;border-right:1px solid #eee;border-radius:3px 0 0 3px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:85px;width:85px;white-space:nowrap;transition:background-color .2s}.phone-country-selector:hover,.phone-country-selector.active{background:#e9ecef}.phone-country-selector .country-flag{width:16px;height:12px;margin-right:4px;border-radius:1px;object-fit:cover}.phone-country-selector .country-calling-code{font-size:16px;color:#333;font-weight:500;flex:1}.phone-country-selector .dropdown-arrow{font-size:8px;color:#6b7280;margin-left:2px;transition:transform .2s}.phone-country-selector.active .dropdown-arrow{transform:rotate(180deg)}.phone-input-container .phone-number-input,.phone-number-input{flex:1;border:none!important;border-radius:0 3px 3px 0;padding:8px 12px;font-size:16px;outline:none!important;background:transparent;height:100%;box-sizing:border-box;box-shadow:none!important}.phone-input-container .phone-number-input:focus,.phone-number-input:focus{outline:none!important;border:none!important;box-shadow:none!important}.phone-number-input::placeholder{color:#b5babf}.country-dropdown{position:absolute;top:calc(100% + 1px);left:0;width:100%;z-index:1000;background:white;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:450px;overflow:hidden;animation:dropdown-fade-in .2s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.country-search{padding:8px;border-bottom:1px solid #eee}.country-search input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px;outline:none}.country-search input:focus{border-color:#007cba}.country-list{max-height:375px;overflow-y:auto}.country-group-title{padding:8px 12px;font-size:12px;font-weight:600;color:#666;background:#f8f9fa;border-bottom:1px solid #eee;text-transform:uppercase;letter-spacing:.5px}.country-divider{height:1px;background:#eee;margin:4px 0}.country-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .15s}.country-item:hover{background-color:#f8f9fa}.country-item.selected{background-color:#007cba;color:#fff}.country-item .country-flag{width:20px;height:15px;margin-right:12px;border-radius:2px;object-fit:cover}.country-item .country-name{flex:1;font-size:14px}.country-item .country-calling-code{font-size:13px;color:#666;font-weight:500}.country-item.selected .country-calling-code{color:#fffc}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:#f1f1f1}.country-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 768px){.phone-country-selector{min-width:90px;width:90px;padding:6px 8px}.phone-country-selector .country-flag{width:18px;height:14px;margin-right:6px}.country-dropdown{position:fixed;top:50%;left:10px;right:10px;transform:translateY(-50%);max-height:400px;border-radius:8px;border:1px solid #ddd}}.phone-input-container.error{border-color:#ef4444}.phone-input-container.error:focus-within{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.phone-input-container.loading .phone-country-selector{pointer-events:none;opacity:.6}.phone-input-container.loading .dropdown-arrow:after{content:"";display:inline-block;width:12px;height:12px;border:2px solid #d1d5db;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-left:4px}@keyframes spin{to{transform:rotate(360deg)}}.y-form-item .phone-input-container{width:100%}.y-form-item .y-invalid-feedback{display:none;font-size:12px;color:#ef4444;margin-top:4px}