.hd-district-dialog:not([open]){display:none}
.hd-district-dialog{width:min(560px,calc(100vw - 32px));margin:auto}
.hd-district-dialog::backdrop{background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}
.hd-district-dialog .hd-station-head-text{min-width:0}.hd-district-dialog h2{overflow-wrap:anywhere}
.hd-district-dialog .hd-station-head-actions{flex-wrap:wrap;justify-content:flex-end}
.hd-district-dialog .hd-district-chart{position:relative;height:240px}
.hd-district-dialog .hd-district-chart[hidden]{display:none}
.hd-district-dialog :focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.hd-district-dialog :disabled{opacity:.6}
.hd-city-districts{border-top:1px solid var(--border-color,#cbd5e1);padding-top:12px}.hd-city-districts h3{font-size:.95rem;margin:0 0 8px}.hd-city-districts p{font-size:.8rem;color:var(--text-muted,#64748b)}
.hd-district-pills{display:flex;flex-wrap:wrap;gap:8px}.hd-district-pills button{border:1px solid var(--border-color,#cbd5e1);border-radius:999px;padding:7px 12px;background:var(--card-bg,#fff);color:var(--text-color,#172033);font:inherit;font-size:.8rem;cursor:pointer}.hd-district-pills button:hover{border-color:#6366f1}.hd-district-pills button:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}
.hd-city-districts label{display:grid;gap:5px;font-size:.8rem;margin:10px 0}.hd-city-districts input{border:1px solid var(--border-color,#cbd5e1);border-radius:8px;padding:8px;background:var(--card-bg,#fff);color:var(--text-color,#172033);font:inherit;min-width:0}.hd-city-districts input:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}