.location-form{grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.location-form>label{width:100%;min-width:0}.city-picker{min-width:0;position:relative}.city-picker>label{flex-direction:row;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.city-picker label small{color:var(--muted);font-size:10px;font-weight:400}.city-input{background:#192328;border:1px solid #364146;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 11px;display:flex}.city-input:focus-within{outline-offset:2px;outline:2px solid #bce4ca}.city-input>svg{color:var(--muted);flex-shrink:0}.city-input input{background:0 0;border:0;width:100%;min-width:0;padding:10px 0;font-size:13px;box-shadow:none!important;outline:0!important}.city-input button{color:var(--muted);background:0 0;border:0;place-items:center;padding:5px;display:grid}.city-hint,.city-selection{color:var(--muted);align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.city-selection{color:var(--green)}.city-options{z-index:8;background:#172226;border:1px solid #566763;border-radius:10px;max-height:280px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 30px #0008}.city-options [role=option]{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;padding:10px;display:flex}.city-options [role=option]:hover,.city-options [aria-selected=true]{background:#2b443b}.city-options strong{font-size:13px;font-weight:500;display:block}.city-options small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.city-options p{padding:8px;line-height:1.6}.city-options p button{color:inherit;background:0 0;border:0;text-decoration:underline}.location-actions{align-items:center;gap:12px;margin-top:18px;display:flex}.location-actions>small{color:var(--muted);font-size:11px}.location-actions button:disabled{opacity:.4;cursor:not-allowed}.saved-city{align-items:center;gap:5px;display:flex}.map-city-list{border-top:1px solid #ffffff15;margin-top:10px;padding-top:10px}.map-city-list button{font-size:11px}.location-panel .note-inline a{text-decoration:underline}@media (max-width:760px){.location-form{grid-template-columns:1fr;gap:18px}.location-actions{flex-direction:column;align-items:start}.location-actions button{justify-content:center;width:100%}.city-input{min-height:46px}.city-options{top:100%}}.location-suggestion-bar{background:#8fd3b207;border:1px solid #536c623d;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:12px 14px;display:flex}.location-suggestion-bar>div{color:var(--muted);align-items:center;gap:9px;font-size:12px;line-height:1.5;display:flex}.location-suggestion-bar svg{color:var(--green);flex-shrink:0}.location-suggestion-bar button{flex-shrink:0;margin:0;font-size:12px}.location-suggestion-bar button:disabled{opacity:.5;cursor:wait}@media (max-width:760px){.location-suggestion-bar{flex-direction:column;align-items:flex-start;gap:10px}.location-suggestion-bar>div{font-size:11px}}
