.bmkg-haze-panel{min-width:0;color:var(--text-color,#172033);font-size:.8rem}
.bmkg-haze-panel[hidden]{display:none!important}
.bmkg-haze-panel h2{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 .7rem}
.bmkg-haze-panel h2 span{font-size:.7rem;color:var(--text-muted,#64748b);letter-spacing:.07em}
.bmkg-haze-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.5rem}
.bmkg-haze-controls label{display:grid;gap:.3rem;min-width:0;flex:1 1 160px}
.bmkg-haze-controls select,.bmkg-haze-controls button{max-width:100%;min-height:44px;border:1px solid var(--border-color,#94a3b8);border-radius:.5rem;background:var(--card-bg,var(--bg-color,#fff));color:var(--text-color,#172033);padding:.45rem .6rem;font:inherit}
.bmkg-haze-controls select:focus-visible,.bmkg-haze-controls input:focus-visible,.bmkg-haze-controls button:focus-visible,.bmkg-haze-panel summary:focus-visible{outline:2px solid #8b5cf6;outline-offset:3px}
.bmkg-haze-timeline input[type=range]{width:100%;min-height:44px;accent-color:#d97706;margin:0;cursor:pointer}
.bmkg-haze-timeline-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-self:center}
.bmkg-haze-timeline button[aria-pressed=true]{border-color:#d97706;background:#f59e0b19}
.bmkg-haze-time{font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.bmkg-haze-count{font-size:.7rem;color:var(--text-muted,#64748b)}
.bmkg-haze-controls button:disabled{opacity:.55;cursor:wait}
.bmkg-haze-panel [data-bmkg-status]{margin:.65rem 0;overflow-wrap:anywhere;line-height:1.5}
.bmkg-haze-legend{display:grid;gap:.35rem;margin:.7rem 0;color:var(--text-muted,#64748b)}
.bmkg-haze-legend span{display:flex;align-items:center;gap:.5rem}
.bmkg-haze-legend i{display:inline-block;width:19px;height:10px;flex:none}
.bmkg-smoke-key{background:#f59e0b2e;border:1.5px solid #d97706}
.bmkg-haze-panel summary{cursor:pointer;font-weight:600;padding-block:.45rem}
.bmkg-haze-facts{display:grid;gap:.4rem;margin:.65rem 0}
.bmkg-haze-facts>div{padding:.55rem .65rem;border:1px solid var(--border-color,#94a3b8);border-radius:.55rem;break-inside:avoid}
.bmkg-haze-facts dt{font-size:.72rem;color:var(--text-muted,#64748b);margin-bottom:.2rem}
.bmkg-haze-facts dd{margin:0;line-height:1.6;overflow-wrap:anywhere}
.bmkg-haze-warning{padding:.55rem .7rem;border-inline-start:3px solid #d97706;background:#d9770614;line-height:1.6}
.bmkg-haze-note,.bmkg-haze-attribution{font-size:.72rem;line-height:1.6;color:var(--text-muted,#64748b);margin-top:.6rem}
.bmkg-haze-panel ul{padding-inline-start:1.2rem;line-height:1.6}.bmkg-haze-panel li{margin-bottom:.5rem}
.bmkg-haze-panel-ews .bmkg-haze-combined-head{align-items:flex-start}
.bmkg-haze-panel-ews .bmkg-haze-combined-head h2{display:block;margin:0}
.bmkg-haze-combined-subtitle{margin:.15rem 0 0;color:var(--text-muted,#64748b);font-size:.67rem;line-height:1.4}
.bmkg-haze-sources{display:grid;gap:.65rem}
.bmkg-haze-source{min-width:0;padding:.65rem;border:1px solid var(--border-color,#94a3b8);border-radius:.65rem;background:var(--card-bg-alt,var(--header-bg,#f8fafc))}
.bmkg-haze-source-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color,#94a3b8)}
.bmkg-haze-source-head h3{margin:0;font-size:.72rem;font-weight:800;line-height:1.35}
.bmkg-haze-source-head>span{flex:none;padding:.16rem .42rem;border:1px solid var(--border-color,#94a3b8);border-radius:999px;color:var(--text-muted,#64748b);font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bmkg-haze-source-asmc .bmkg-haze-source-head>span{color:var(--primary-color);border-color:var(--border-color,#94a3b8)}
.bmkg-haze-asmc-detail p{margin:.45rem 0;line-height:1.5;font-size:.68rem}
.bmkg-haze-asmc-detail p:first-child{margin-top:0}
.bmkg-haze-asmc-detail small{display:block;color:var(--text-muted,#64748b);font-size:.6rem;line-height:1.4}
.bmkg-haze-asmc-detail.is-alert{padding:.5rem .6rem;border-inline-start:3px solid #d97706;border-radius:.35rem;background:#d9770614}
.bmkg-haze-asmc-detail .ews-retry-button{margin-top:.25rem;padding:.36rem .6rem;border:1px solid var(--border-color,#94a3b8);border-radius:.45rem;background:var(--card-bg,var(--bg-color,#fff));color:var(--text-color,#172033);font:inherit;font-size:.65rem;font-weight:700;cursor:pointer}
.bmkg-haze-asmc-detail .ews-retry-button:hover{border-color:var(--primary-color);color:var(--primary-color)}
.bmkg-haze-asmc-detail .ews-retry-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
.bmkg-haze-popup{padding:1rem;line-height:1.6;overflow-wrap:anywhere}
.bmkg-haze-popup p{margin:.4rem 0}
.bmkg-haze-image-dialog{position:fixed;inset:0;max-width:min(94vw,1200px);max-height:94vh;margin:auto;padding:.8rem;border:1px solid var(--border-color,#475569);border-radius:.8rem;background:var(--card-bg,#fff);color:var(--text-color,#172033);box-shadow:0 20px 70px #0008}
.bmkg-haze-image-dialog::backdrop{background:#020617dc}
.bmkg-haze-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}
.bmkg-haze-image-dialog h2{margin:0;font-size:.95rem}
.bmkg-haze-image-dialog img{display:block;max-width:100%;max-height:calc(94vh - 6rem);margin:auto;object-fit:contain}
.bmkg-haze-image-dialog p{margin:.65rem 0 0;color:var(--text-muted,#64748b);font-size:.75rem;line-height:1.5}
.bmkg-haze-image-close{min-height:40px;padding:.4rem .7rem;border:1px solid var(--border-color,#94a3b8);border-radius:.5rem;background:var(--card-bg-alt,var(--header-bg,#f8fafc));color:inherit;font:inherit;font-weight:700;cursor:pointer}
.bmkg-haze-image-close:focus-visible{outline:2px solid var(--primary-color,#2563eb);outline-offset:2px}
@media(max-width:600px){.bmkg-haze-controls label{flex-basis:100%}}

.trajectory-options{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.trajectory-options label{display:flex;align-items:center;gap:.4rem;line-height:1.5}.trajectory-options input{accent-color:#0891b2}.trajectory-options button{border:1px solid var(--border-color,#94a3b8);border-radius:.5rem;background:var(--card-bg,#fff);color:inherit;padding:.45rem .6rem;font:inherit}.trajectory-options button:focus-visible,.trajectory-options input:focus-visible{outline:2px solid #0891b2;outline-offset:3px}.trajectory-panel [data-trajectory-status]{line-height:1.6;overflow-wrap:anywhere}.trajectory-summary{padding:.65rem;border:1px solid var(--border-color,#94a3b8);border-radius:.6rem;line-height:1.65;background:var(--card-bg-alt,var(--header-bg,#f8fafc))}.trajectory-summary:empty{display:none}.trajectory-legend{display:grid;gap:.35rem;line-height:1.6;color:var(--text-muted,#64748b)}.trajectory-legend span{display:flex;align-items:center;gap:.5rem}.trajectory-legend i{display:inline-block;width:24px;border-top:3px solid #22d3ee}.trajectory-legend small{font-size:.7rem}
.trajectory-playback{display:grid;gap:.7rem;margin:.8rem 0;padding:.75rem;border:1px solid var(--border-color,#94a3b8);border-radius:.65rem;background:var(--card-bg-alt,var(--header-bg,#f8fafc))}
.trajectory-playback-head,.trajectory-playback-controls,.trajectory-playback-readout{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}
.trajectory-playback-head>div{display:grid;gap:.15rem}.trajectory-playback-head strong{font-size:.78rem}.trajectory-playback-head small,.trajectory-playback-footnote{font-size:.68rem;line-height:1.5;color:var(--text-muted,#64748b)}
.trajectory-playback-options{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.trajectory-playback-head label{display:flex;align-items:center;gap:.4rem;flex:none}.trajectory-playback-options input{accent-color:#0891b2}.trajectory-playback select{min-height:38px;border:1px solid var(--border-color,#94a3b8);border-radius:.45rem;background:var(--card-bg,#fff);color:var(--text-color,#172033);padding:.35rem .5rem;font:inherit}
.trajectory-playback-controls button{min-height:40px;border:1px solid #0891b2;border-radius:.5rem;background:#0891b2;color:#fff;padding:.4rem .7rem;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.trajectory-playback-controls button:disabled{opacity:.55;cursor:not-allowed}.trajectory-playback-controls button:focus-visible,.trajectory-playback select:focus-visible,.trajectory-playback input:focus-visible{outline:2px solid #0891b2;outline-offset:3px}
.trajectory-playback-range{flex:1;min-width:0}.trajectory-playback-range input{display:block;width:100%;min-height:40px;margin:0;accent-color:#0891b2;cursor:pointer}.trajectory-playback-readout{align-items:flex-start;flex-wrap:wrap;font-variant-numeric:tabular-nums}.trajectory-playback-readout strong{font-size:.7rem;line-height:1.5}.trajectory-playback-readout span{font-size:.68rem;color:var(--text-muted,#64748b);line-height:1.5}.trajectory-playback-footnote{margin:0}
.trajectory-playback-arrow{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ffffffd9;border-radius:50%;background:#083344e8;box-shadow:0 2px 12px #02061780;color:#67e8f9;pointer-events:auto}.trajectory-playback-arrow svg{width:21px;height:21px;overflow:visible;fill:currentColor;filter:drop-shadow(0 1px 1px #02061780)}
@media(max-width:600px){.trajectory-playback{padding:.65rem}.trajectory-playback-head{align-items:flex-start}.trajectory-playback-head>div{min-width:0}.trajectory-playback-head small{max-width:230px}.trajectory-playback-controls button{padding:.35rem .55rem}}
