.country-picker { position:relative; width:100%; min-width:0; }
.country-picker-native { display:none; }
.country-picker > .form-input { width:100%; box-sizing:border-box; cursor:pointer; padding-right:42px; }
.country-picker-dropdown { display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; width:100%; box-sizing:border-box; z-index:9999; padding:10px; background:#151d2c; border:1px solid #354052; border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.4); overflow:hidden; }
.country-picker-dropdown.open { display:block; animation:countryFadeIn .18s ease-out; }
@keyframes countryFadeIn { from {opacity:0;transform:translateY(-5px)} to {opacity:1;transform:translateY(0)} }
.country-picker-search { display:block; width:100%; height:44px; box-sizing:border-box; padding:0 14px; margin:0; background:#202b3d; border:1px solid #35445b; border-radius:10px; color:#fff; font-family:inherit; font-size:14px; outline:none; }
.country-picker-search:focus { border-color:#b5fa91; }
.country-picker-search::placeholder { color:#929bad; }
.country-picker-list { max-height:230px; overflow-y:auto; overflow-x:hidden; margin-top:8px; padding-right:4px; scrollbar-width:thin; scrollbar-color:#45536b #151d2c; }
.country-picker-option { display:flex; align-items:center; gap:10px; min-height:42px; box-sizing:border-box; padding:10px 12px; color:#f4f6fb; font-family:inherit; font-size:14px; font-weight:400; line-height:1.4; cursor:pointer; border-radius:9px; transition:background .15s ease; }
.country-picker-option:hover { background:#303e54; }
.country-picker-option img { width:24px; height:18px; object-fit:cover; border-radius:3px; flex-shrink:0; }
.country-picker-list::-webkit-scrollbar { width:6px; }
.country-picker-list::-webkit-scrollbar-track { background:#151d2c; border-radius:10px; }
.country-picker-list::-webkit-scrollbar-thumb { background:#45536b; border-radius:10px; }
.country-picker-list::-webkit-scrollbar-thumb:hover { background:#65758f; }
@media(max-width:600px) { .country-picker-dropdown {padding:8px;border-radius:12px} .country-picker-list {max-height:200px} .country-picker-option {min-height:44px} }
@media(prefers-reduced-motion:reduce) { .country-picker-dropdown.open {animation:none} }