.warning-map-live { --wm-line:#c2d7e2; --wm-muted:#557387; }
.warning-map-live>.panel-heading { flex-wrap:wrap; gap:12px; }
.warning-map-live>.panel-heading>div { min-width:0; }
.warning-map-live-controls { display:flex; align-items:end; flex-wrap:wrap; gap:12px 18px; margin-block:18px; }
.warning-map-live-controls label,.warning-map-live-dialog-controls label,.warning-map-live-detail>label { display:grid; gap:5px; min-width:0; color:var(--wm-muted); font-size:.78rem; font-weight:700; }
.warning-map-live-controls select,.warning-map-live-dialog-controls select,.warning-map-live-detail input { width:100%; min-width:0; padding:10px; border:1px solid var(--wm-line); border-radius:9px; background:var(--surface,#fff); color:var(--ink,#17364a); font:inherit; }
.warning-map-live-controls .wm-check { display:flex; align-items:center; gap:7px; min-height:42px; }
.warning-map-live button { min-height:42px; }
.warning-map-live-status { padding:12px 15px; color:#244d66; background:#eaf4fa; border-left:4px solid #207ba8; border-radius:8px; font-size:.82rem; line-height:1.6; }
.warning-map-live-status.is-stale { border-left-color:#b57925; background:#fff6df; color:#6a4b19; }
.warning-map-live-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.warning-map-live-card { min-width:0; margin:0; overflow:hidden; border:1px solid var(--wm-line); border-radius:16px; background:var(--surface,#fff); box-shadow:0 7px 20px #12344814; }
.warning-map-live-card>header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:14px; }
.warning-map-live-card h3 { margin:0; font-size:1.05rem; }
.warning-map-live-card>header button { padding:8px 12px; font-size:.77rem; }
.warning-map-live-stage { position:relative; min-width:0; overflow:hidden; background:#dceef2; }
.warning-map-live-card .warning-map-live-stage { aspect-ratio:4/5; }
.warning-map-live-stage canvas { display:block; width:100%; height:100%; touch-action:none; outline-offset:-4px; }
.warning-map-live-stage canvas:focus-visible { outline:3px solid #2388b4; }
.warning-map-live-card canvas { cursor:zoom-in; }
.warning-map-live-card figcaption { padding:12px 14px; font-size:.74rem; color:var(--wm-muted); line-height:1.6; }
.warning-map-live-tooltip { position:absolute; z-index:4; width:260px; max-width:calc(100% - 16px); padding:12px; border:1px solid #9db8c8; border-radius:10px; color:#14364c; background:#fffffff5; box-shadow:0 6px 20px #112b3f40; pointer-events:none; font-size:.76rem; line-height:1.5; }
.warning-map-live-tooltip strong { display:block; margin-bottom:5px; font-size:.87rem; }
.warning-map-live-tooltip p { margin:4px 0; }
.warning-map-live [hidden] { display:none!important; }
.warning-map-live-legend { display:flex; flex-wrap:wrap; gap:10px 18px; margin-block:16px; font-size:.76rem; color:var(--wm-muted); }
.warning-map-live-legend span { display:flex; align-items:center; gap:7px; }
.warning-map-live-legend i { width:22px; height:15px; border:1px solid #617a7e55; border-radius:4px; }
.warning-map-live-help,.warning-map-live-sources { font-size:.76rem; line-height:1.7; color:var(--wm-muted); }
.warning-map-live-sources { margin-top:15px; padding:12px; border:1px solid var(--wm-line); border-radius:10px; overflow-wrap:anywhere; }
.warning-map-live-sources summary { cursor:pointer; font-weight:700; color:var(--ink,#17364a); }
.warning-map-live-sources li { margin-block:5px; }
.warning-map-live-dialog { width:calc(100vw - 24px); height:calc(100dvh - 24px); max-width:none; max-height:calc(100dvh - 24px); padding:15px; box-sizing:border-box; border:1px solid var(--wm-line); border-radius:17px; color:var(--ink,#17364a); background:var(--surface-solid,#fff); }
.warning-map-live-dialog[open] { display:flex; flex-direction:column; gap:12px; }
.warning-map-live-dialog::backdrop { background:#061b2bd9; backdrop-filter:blur(4px); }
.warning-map-live-dialog>header { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:10px; }
.warning-map-live-dialog h3 { margin:0; font-size:1.15rem; }
.warning-map-live-dialog-controls { display:flex; flex:0 0 auto; align-items:end; gap:12px; flex-wrap:wrap; }
.warning-map-live-dialog-controls label { flex:1 1 200px; }
.warning-map-live-zoom { display:flex; gap:7px; }
.warning-map-live-dialog-grid { display:grid; flex:1; min-height:0; grid-template-columns:minmax(0,1fr) 340px; gap:15px; }
.warning-map-live-dialog-grid>.warning-map-live-stage { min-height:0; border-radius:12px; }
.warning-map-live-dialog canvas { cursor:grab; }
.warning-map-live-dialog canvas:active { cursor:grabbing; }
.warning-map-live-detail { min-width:0; overflow-y:auto; padding:12px; border:1px solid var(--wm-line); border-radius:12px; overscroll-behavior:contain; }
.warning-map-live-detail h4 { margin:12px 0 7px; font-size:1.05rem; }
.warning-map-live-detail article { padding:12px; margin-top:12px; border:1px solid var(--wm-line); border-left:5px solid var(--wm-warning,#7c919b); border-radius:9px; font-size:.8rem; line-height:1.7; overflow-wrap:anywhere; }
.warning-map-live-detail article h5 { margin:0 0 8px; font-size:.9rem; }
.warning-map-live-detail article p { margin:8px 0; white-space:pre-line; }
.warning-map-live-search { display:grid; gap:5px; margin-block:8px; }
.warning-map-live-search button { text-align:left; padding:7px 9px; font-size:.75rem; }
body:has(.warning-map-live-dialog[open]) { overflow:hidden; }
@media(max-width:850px){.warning-map-live-grid{grid-template-columns:1fr}.warning-map-live-card .warning-map-live-stage{aspect-ratio:1}.warning-map-live-dialog-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(250px,55dvh) auto;overflow-y:auto}.warning-map-live-detail{overflow:visible}.warning-map-live-dialog{padding:10px}.warning-map-live-dialog-controls{gap:7px}.warning-map-live-dialog-controls label{flex:1 1 140px}.warning-map-live-dialog h3{font-size:1rem}}

.warning-map-live{padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg,22px);background:var(--surface);box-shadow:var(--shadow-soft);min-width:0}.warning-map-live .panel-heading{display:flex;align-items:center;justify-content:space-between}.warning-map-live h2{margin:8px 0;font-size:clamp(1.2rem,2vw,1.6rem)}.warning-map-live button{font:inherit;color:var(--ink);background:var(--surface-solid);border:1px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer}.warning-map-live button:disabled{cursor:wait;opacity:.65}.warning-map-live .panel-heading p{font-size:.87rem;line-height:1.5;color:var(--muted)}[data-theme="dark"] .warning-map-live{--wm-line:#48677c;--wm-muted:#b7cbd8}@media(max-width:450px){.warning-map-live{padding:12px}.warning-map-live-controls label{width:100%}.warning-map-live-dialog-controls label{flex-basis:100%}}