.mlr-wrap{position:relative;background:#0b1320;color:#e5e7eb;border-radius:12px;overflow:hidden}
.mlr-map{position:absolute;inset:0}
.leaflet-control-attribution{display:none}

/* Backdrop / Toolbar */
.mlr-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.5);backdrop-filter:blur(2px);z-index:1145;display:none}
.mlr-backdrop.show{display:block}
.mlr-fab{position:absolute;top:12px;left:12px;z-index:1201;background:#111827;color:#e5e7eb;border:1px solid #3b485b;border-radius:10px;padding:8px 10px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.mlr-fab.right{left:auto;right:12px}
.mlr-fab:active{transform:scale(0.98)}
.mlr-toolbar{position:absolute;top:0;left:0;right:0;z-index:1202;background:rgba(13,21,38,.98);border-bottom:1px solid #3b485b;box-shadow:0 18px 40px rgba(0,0,0,.5);transform:translateY(-100%);transition:transform .22s ease; padding:14px 12px}
.mlr-toolbar.open{transform:translateY(0)}
.mlr-toolbar .mlr-toolbar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mlr-toolbar .mlr-close{background:transparent;border:0;color:#cbd5e1;cursor:pointer;font-size:18px}
.mlr-field{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.mlr-grid{display:grid;grid-template-columns:repeat(4,auto);gap:10px;align-items:center;margin:6px 0}
.mlr-check{display:flex;align-items:center;gap:6px}
.mlr-select{background:#0b1320;color:#e5e7eb;border:1px solid #3b485b;border-radius:8px;padding:8px}
.mlr-btn.ghost{background:#0b1320}
.mlr-btn.success{background:#16a34a;color:#052e12}
input[type="range"]{accent-color:#60a5fa}

/* Controls bottom */
.mlr-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;z-index:1100;background:#0f172a;border:1px solid #334155;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;width:min(980px,96%);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.mlr-btn{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}
.mlr-slider{flex:1}
.mlr-ts{font-family:ui-monospace,monospace;background:#0b1320;border:1px solid #334155;border-radius:8px;padding:6px 10px;min-width:180px;text-align:center;color:#e5e7eb}
.mlr-frames{display:flex;gap:6px;flex-wrap:wrap}
.mlr-frames .chip{background:#0b1320;border:1px solid #334155;border-radius:999px;padding:6px 12px;cursor:pointer;color:#e5e7eb}
.mlr-frames .chip.active{background:#2563eb;border-color:#2563eb;color:#fff}

/* Big info */
.mlr-bigpanel{position:absolute;right:12px;bottom:110px;z-index:1100;background:rgba(17,24,39,.95);border:1px solid #374151;border-radius:16px;padding:12px;min-width:320px;max-width:380px;display:none}
.mlr-bigpanel.show{display:block}
.mlr-bigpanel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.mlr-badges{display:flex;gap:6px;margin-bottom:8px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px}
.badge.eta{background:#7c3aed;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.badge.int{background:#f59e0b;color:#0b0b0b}
.badge.type{background:#0891b2;color:#012329}
.mlr-grid2{display:grid;grid-template-columns:140px 1fr;gap:6px}
.mlr-next2h{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mlr-next2h .slot{background:#0b1320;border:1px solid #334155;border-radius:8px;padding:4px 6px;font-size:12px}
.mlr-progress{height:6px;background:#0b1320;border-radius:999px;border:1px solid #334155;margin-top:10px}
.mlr-progress #mlr-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#60a5fa,#34d399,#f59e0b,#ef4444);border-radius:999px}

/* Legend TOP */
.mlr-legend.top{position:absolute;left:50%;transform:translateX(-50%);top:12px;z-index:1100;background:rgba(15,23,42,.9);border:1px solid #334155;border-radius:10px;padding:8px 10px}
.mlr-legend .bar{width:260px;height:10px;border-radius:4px;background:linear-gradient(90deg,#bde6ff,#60a5fa,#34d399,#f59e0b,#ef4444,#7f1d1d)}
.mlr-legend .ticks{display:flex;justify-content:space-between;font-size:11px;color:#e5e7eb;margin-top:4px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.mlr-legend .unit{margin-left:6px;opacity:.9}
.mlr-legend img{display:block}

/* Loader / Attrib */
.mlr-attrib{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.35);padding:4px 6px;border-radius:6px;font-size:12px;z-index:1100}
.mlr-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1300;background:rgba(15,23,42,.92);border:1px solid #334155;border-radius:12px;padding:12px 16px;display:none}
.mlr-loader.show{display:block}

/* Responsive */
@media(max-width:740px){
  .mlr-ts{min-width:150px}
  .mlr-legend.top{top:58px}
}
.leaflet-layer{transition:opacity .22s ease}