:root{
  --vfr:#28a745;
  --mvfr:#0080f0;
  --ifr:#dc3545;
  --lifr:#9722ce;
  --bg:#f5f7fb;
  --surface:#ffffff;
  --text:#111;
  --muted:#666;
  --border:#d9dee6;
  --accent:#0d6efd;
}
html,body,.mm-body{height:100%;}
#map{height:calc(100vh - 56px);}
.mm-rail{width:320px; min-width:280px; max-width:380px;}
@media (max-width: 992px){
  .mm-rail{display:none;}
}
.mm-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.mm-card-h{padding:.5rem .75rem;border-bottom:1px solid var(--border);font-weight:600}
.mm-card-b{padding:.75rem}
/* Spinner overlay */
.mm-overlay{position:fixed;inset:0;background:rgba(255,255,255,.6);backdrop-filter:saturate(140%) blur(2px);display:flex;align-items:center;justify-content:center;z-index:1200}
.mm-overlay-box{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;align-items:center}
/* Modal */
.modal-content{border-radius:14px;overflow:hidden}
/* Search dropdown items */
.search-item{padding:.5rem .75rem; cursor:pointer; display:flex; gap:.5rem; align-items:baseline}
.search-item:hover{background:#f2f6ff}
.search-icao{font-weight:700; min-width:58px}
.search-name{flex:1}
.search-iso{color:var(--muted); font-size:.85em}
/* TAF timeline */
.mm-timeline{position:relative; height:72px; border:1px solid var(--border); border-radius:12px; padding:8px; overflow:auto; white-space:nowrap}
.taf-block{display:inline-block; height:40px; margin-right:2px; border-radius:8px; border:1px solid var(--border); vertical-align:middle; padding:4px 6px; font-size:.8em}
.taf-type{font-weight:700; margin-right:6px}
/* Runway drawing */
#rwySvg line{stroke:#222; stroke-width:6; stroke-linecap:round}
#rwySvg text{font: 12px/1 system-ui,Segoe UI,Arial; fill:#222}