/* Map tab: full-height map with a list sheet (phone) or side list (desktop). */
body.wz-map-page{background:var(--wz-bg)}
.wz-map-main{display:grid;grid-template-columns:minmax(0,1fr);max-width:none;margin:0;padding:0}
.wz-map-stage{position:relative;height:calc(100dvh - var(--wz-header) - var(--wz-tabs) - 140px);min-height:360px;background:#D7E6EC;overflow:hidden}
.wz-map-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
.wz-map-stage canvas:active{cursor:grabbing}
.wz-map-layers{position:absolute;left:12px;right:12px;top:12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.wz-map-layers .wz-chip{box-shadow:var(--wz-shadow);border-color:transparent}
.wz-map-layers .wz-chip[aria-pressed="false"]{color:var(--wz-muted);opacity:.8}
.dot{display:inline-block;width:10px;height:10px;border-radius:5px;flex:0 0 10px}
.dot.storms{background:var(--wz-danger)}.dot.quakes{background:var(--wz-warn)}.dot.reports{background:var(--wz-brand)}.dot.family{background:var(--wz-ok)}
.wz-map-tag{position:absolute;left:12px;top:60px;height:28px;padding:0 12px;border-radius:14px;background:rgba(255,255,255,.95);font-size:var(--wz-t-xs);font-weight:600;display:inline-flex;align-items:center;box-shadow:var(--wz-shadow)}
.wz-map-tag.danger{color:var(--wz-danger)}.wz-map-tag[hidden]{display:none}
.wz-map-zoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px}
.wz-map-zoom button{width:var(--wz-tap);height:var(--wz-tap);border:0;border-radius:var(--wz-r);background:#fff;color:var(--wz-ink);box-shadow:var(--wz-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer}
.wz-map-sheet{background:var(--wz-surface);border-top:1px solid var(--wz-line);padding:12px var(--wz-gutter) 16px;border-radius:var(--wz-r-lg) var(--wz-r-lg) 0 0;margin-top:-16px;position:relative;z-index:2}
.wz-map-sheet-head{display:flex;align-items:baseline;gap:8px}.wz-map-sheet-head h2{margin:0;font-size:var(--wz-t-lg)}
.wz-map-list{list-style:none;margin:8px 0 0;padding:0}
.wz-map-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--wz-line-soft)}.wz-map-row:first-child{border-top:0}
.wz-map-row-main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:12px;padding:10px 0;border:0;background:none;text-align:left;cursor:pointer;color:var(--wz-ink);font:inherit}
.wz-map-row-main .dot{margin-top:6px}
.wz-map-row-main b{display:block;font-size:var(--wz-t-sm);font-weight:600;line-height:1.35}
.wz-map-row-main small{display:block;font-size:var(--wz-t-xs);color:var(--wz-muted)}
.wz-map-empty{padding:12px 0;color:var(--wz-muted);font-size:var(--wz-t-sm)}
.wz-map-credit{margin:12px 0 0;font-size:var(--wz-t-xs)}
@media(min-width:900px){
  .wz-map-main{grid-template-columns:minmax(0,1fr) 360px}
  .wz-map-stage{height:calc(100dvh - var(--wz-header))}
  .wz-map-sheet{margin:0;border-radius:0;border-top:0;border-left:1px solid var(--wz-line);height:calc(100dvh - var(--wz-header));overflow:auto;box-sizing:border-box}
  body.wz-map-page .wz-footer{display:none}
}