/* station-map.css — Carte des stations hydrométriques */

/* Carte des stations hydrométriques */
.cond-map-btn { display: block; width: 100%; margin-top: 8px; font-size: .8rem; font-weight: 600; color: var(--cyan-700); background: var(--cyan-50); border: 1px solid var(--cyan-200); border-radius: 8px; padding: 8px 10px; cursor: pointer; }
.map-draw-spacer { width: 64px; }
#station-map .map-pick-place[hidden] { display: none; }
.station-pin { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .8rem;
  border: 2px solid var(--white); box-shadow: 0 1px 4px rgba(0,0,0,.35); background: var(--slate-400); }
.station-pin.live { background: var(--cyan-600); }
.station-pin.pinned { background: var(--amber-500); width: 32px; height: 32px; margin: -2px; font-size: .9rem; }
.station-pin-label { position: absolute; left: 50%; top: 30px; transform: translateX(-50%); white-space: nowrap; font-size: .66rem; font-weight: 700;
  color: var(--cyan-700); background: rgba(255,255,255,.92); border-radius: 6px; padding: 1px 5px; box-shadow: 0 1px 2px rgba(0,0,0,.2); pointer-events: none; }
.station-map-legend { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; font-size: .72rem; color: var(--slate-700); padding: 6px 12px 0; }
.station-map-legend span { display: inline-flex; align-items: center; gap: 4px; }
.st-leg { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.st-leg-live { background: var(--cyan-600); } .st-leg-off { background: var(--slate-400); } .st-leg-pin { background: var(--amber-500); }
.station-pop { font-size: .78rem; line-height: 1.4; }
.station-pop-flow { margin: 4px 0; }
.station-pop-hist { font-size: .74rem; color: var(--slate-700); background: var(--slate-50); border-radius: 6px; padding: 4px 6px; margin: 4px 0 6px; }
.station-pop-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.station-pop-pin { font-size: .76rem; font-weight: 700; color: var(--white); background: var(--cyan-600); border: none; border-radius: 999px; padding: 5px 10px; cursor: pointer; }
.station-pop-pin.on { background: var(--white); color: var(--amber-700); border: 1px solid var(--amber-300); }