.map-layout { display: grid; grid-template-columns: 260px 1fr; gap: 1rem; align-items: start; }
@media (max-width: 860px) { .map-layout { grid-template-columns: 1fr; } .map-filters { order: 2; } }
.map-filters { padding: 1rem; }
.kind-filters { display: grid; gap: 0.35rem; }
.kind-filter { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; cursor: pointer; font-weight: 500; }
.kind-filter input { width: 22px; height: 22px; accent-color: var(--accent); margin: 0; }
.kind-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: var(--k, #aaa); box-shadow: 0 0 6px var(--k, #aaa); flex: 0 0 12px; margin-right: 0.3rem; }
.kind-boite { --k: #ff3d8a; } .kind-dancing { --k: #ff8a3d; } .kind-salle_concert { --k: #c86bff; } .kind-salle_des_fetes { --k: #ffd23d; }
.kind-bar { --k: #3dd5ff; } .kind-disquaire { --k: #6fe3a5; } .kind-radio_libre { --k: #ff6b6b; } .kind-lycee { --k: #b5adc9; } .kind-plein_air { --k: #8dff3d; } .kind-autre { --k: #9c8fd6; }
.leaflet-container { background: #0e0b1a; font-family: inherit; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--bg-card); color: var(--text); box-shadow: 0 8px 30px rgba(0,0,0,0.5); }
.leaflet-popup-content { margin: 0.9rem 1rem; font-size: 0.95rem; line-height: 1.4; min-width: 200px; }
.leaflet-container a.leaflet-popup-close-button { color: var(--text-muted); }
.leaflet-control-attribution { background: rgba(14,11,26,0.8) !important; color: var(--text-muted) !important; }
.leaflet-control-attribution a { color: var(--text-muted) !important; }
.leaflet-bar a { background: var(--bg-card); color: var(--text); border-color: var(--border); }
.place-marker { width: 18px; height: 18px; border-radius: 50%; background: var(--k, #aaa); border: 2px solid #0e0b1a; box-shadow: 0 0 10px var(--k, #aaa); }
.place-marker.is-pending { opacity: 0.55; border-style: dashed; }
.place-popup .label { color: var(--accent); text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.1em; font-weight: 700; }
.modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 1500; align-items: flex-start; justify-content: center; padding: calc(var(--nav-h) + 1rem) 1rem 2rem; overflow-y: auto; }
.modal { position: relative; background: var(--bg-elev); border: 1px solid var(--border-strong); border-radius: var(--radius); padding: 1.4rem; width: 100%; max-width: 560px; }
.modal-overlay-inline .modal { max-width: none; }
.modal-close { position: absolute; top: 0.6rem; right: 0.6rem; background: transparent; border: 0; color: var(--text-muted); font-size: 1.8rem; line-height: 1; cursor: pointer; width: 44px; height: 44px; }
.two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
@media (max-width: 480px) { .two-cols { grid-template-columns: 1fr; } }
.place-results { list-style: none; padding: 0; margin: 0.4rem 0 0; display: grid; gap: 0.3rem; }
.place-result { width: 100%; text-align: left; background: var(--bg-elev); border: 1px solid var(--border); color: var(--text); border-radius: var(--radius-sm); padding: 0.6rem 0.8rem; font: inherit; cursor: pointer; display: flex; flex-wrap: wrap; gap: 0.4rem 0.6rem; align-items: center; min-height: 48px; }
.place-result:hover { border-color: var(--accent); }
.link-btn { background: none; border: 0; color: var(--accent); text-decoration: underline; cursor: pointer; font: inherit; padding: 0; }
.mod-card input, .mod-card select, .mod-card textarea { min-height: 44px; font-size: 0.95rem; padding: 0.5rem 0.7rem; }
.places-box { margin-top: 0.8rem; border-top: 1px dashed var(--border-strong); padding-top: 0.7rem; }
.place-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 0.5rem; padding: 0; list-style: none; }
.place-chip { display: inline-flex; align-items: center; gap: 0.4rem; background: var(--bg-elev); border: 1px solid var(--border-strong); border-radius: 999px; padding: 0.3rem 0.5rem 0.3rem 0.8rem; font-size: 0.92rem; }
.place-chip button { background: none; border: 0; color: var(--text-muted); cursor: pointer; font-size: 1.1rem; line-height: 1; width: 28px; height: 28px; }
.place-search { position: relative; }
.place-search input { min-height: 48px; font-size: 1rem; }

/* Tuiles OSM passées en « nuit » : inversion + rotation de teinte, marqueurs et popups non concernés. */
.tiles-night { filter: invert(1) hue-rotate(195deg) brightness(0.82) contrast(0.95) saturate(0.55); }