/* Lot Scout v0.7.4 — planning + mobility + traffic atlas */

/* Planning and mobility groups stay compact in the technical-dark layer drawer. */
.layer-group-label {
  margin-top: 10px;
}

/* Legend helpers for the new contextual layers. */
.legend .growth-corridor-swatch {
  background: #f472b6;
  height: 4px;
}
.legend .growth-center-swatch {
  background: rgba(168, 85, 247, .56);
  border-color: #c084fc;
}
.legend .traffic-t0 { background: #38bdf8; height: 4px; border-top: 0; }
.legend .traffic-t1 { background: #22d3ee; height: 4px; border-top: 0; }
.legend .traffic-t2 { background: #2dd4bf; height: 4px; border-top: 0; }
.legend .traffic-t3 { background: #84cc16; height: 4px; border-top: 0; }
.legend .traffic-t4 { background: #facc15; height: 4px; border-top: 0; }
.legend .traffic-t5 { background: #fb923c; height: 4px; border-top: 0; }
.legend .traffic-t6 { background: #f97316; height: 5px; border-top: 0; }
.legend .traffic-t7 { background: #ef4444; height: 5px; border-top: 0; }
.legend .station-swatch {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid #071018;
  box-shadow: 0 0 0 1px rgba(255,255,255,.18);
  flex: 0 0 auto;
}
.legend .station-swatch.rail { background: #4cc9f0; }
.legend .station-swatch.rapid { background: #6ee7b7; }
.legend .station-swatch.future { background: #f472b6; }

/* Keep the traffic-source qualifier readable in the dense layer drawer. */
#layerTraffic + span small {
  color: #b6c4cf;
}

@media (max-width: 760px) {
  /* The extra context layers add options, not bulk: keep the drawer scrollable and dense. */
  .layers-sidebar-content {
    overscroll-behavior: contain;
  }
  .layer-group-label {
    margin: 8px 0 3px;
    font-size: 8px;
  }
  .layer-toggle {
    min-height: 40px;
  }
  .layer-toggle small {
    line-height: 1.2;
  }
}