.maplibregl-popup-content {
    padding: 12px 14px; border-radius: 8px;
    background: #fff; color: #333;
    box-shadow: 0 4px 14px rgba(0,0,0,.2);
}
.map-popup { min-width: 180px; font-size: 13px; }
.map-popup__header { display: flex; align-items: center; justify-content: space-between;
    gap: 8px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e5e7eb; }
.map-popup__title { font-size: 14px; }
.map-popup__badge { font-size: 11px; padding: 2px 8px; border-radius: 999px;
    background: #e0ecf3; color: #205067; white-space: nowrap; }
.map-popup__list { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; }
.map-popup__list dt { color: #6b7280; }
.map-popup__list dd { margin: 0; word-break: break-word; }

/* Mode sombre d'Unfold (classe "dark" sur <html>) */
.dark .maplibregl-popup-content { background: #1f2937; color: #e5e7eb; }
.dark .maplibregl-popup-tip { border-top-color: #1f2937; border-bottom-color: #1f2937; }
.dark .map-popup__header { border-color: #374151; }
.dark .map-popup__badge { background: #374151; color: #e5e7eb; }
.dark .map-popup__list dt { color: #9ca3af; }