.city-selector{min-width:0;margin-bottom:16px}.city-selector-heading{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--foreground)}.city-selector-controls{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:8px}.city-selector-field{position:relative;min-width:0}.city-selector-field label{margin-bottom:6px}.city-selector-field input{width:100%;min-width:0}.city-selector-popup{position:absolute;z-index:30;inset-inline:0;top:100%;margin-top:4px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0002;overflow:hidden}.city-selector-count{margin:0;padding:5px 12px;color:var(--muted);font-size:13px}.city-selector-list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain}.city-selector-list li button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-radius:0;min-height:42px;background:transparent;color:var(--foreground);font-weight:400;text-align:right;padding:7px 12px}.city-selector-list li button:hover,.city-selector-list li.active button{background:var(--soft)}.city-selector-list li[aria-selected=true] button{font-weight:700}.city-selector-list small{color:var(--muted);font-size:12px}.city-selector-hint{font-size:13px;color:var(--muted);margin:4px 0}@media(max-width:480px){.city-selector-controls{grid-template-columns:1fr}.city-selector-list{max-height:min(45vh,260px)}}