/** * EE Pipeline Map — Karten-Overlay in der Organisations-Ansicht. * * v2: Helles Design (analog Organization-View), Full-Screen Modal mit * extrem hohem z-index damit es UEBER dem Divi-Site-Menue liegt. * * Aufbau: * - Full-Screen Modal (z-index 2147483600) ueber allem * - Header (Titel + Owner-Dropdown + Status-Switch + Close) * - Legende (Sub-Phase-Pillen, klickbar) * - Map-Canvas (Mapbox Satellite) * - KPI-Bar (count / MWp / ha / Provision) als Overlay unten * - Hover-Card (folgt der Maus auf Polygon/Pin) * * @since 2.23.0 */ /* ---------- Toggle-Button im Toolbar ---------- */ .viewToggleButton.ee-pmap-toggle.is-active, .ee-pipeline-settings-btn[data-action="open-pipeline-map"].is-active { background: rgba(34, 197, 94, 0.18); color: #16a34a; } /* ---------- Modal-Container (Full-Screen, helles Theme) ---------- */ #ee-pipeline-map-modal { display: none; position: fixed; inset: 0; /* Max-Int z-index. KOMBINIERT mit dem Portal-Pattern in openMap() (Modal wird an re-attached), damit z-index nicht in einem geschachtelten Divi-Stacking-Context (transform/will-change) gefangen ist. Erst beides zusammen liegt zuverlaessig UEBER der Divi-Top-Bar. */ z-index: 2147483647; flex-direction: column; background: #f8fafc; color: #1f2937; } #ee-pipeline-map-modal.is-open { display: flex; } body.ee-map-open { overflow: hidden; } /* ---------- Header (hell) ---------- */ .ee-pmap-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 20px; background: #ffffff; color: #111827; border-bottom: 1px solid #e5e7eb; flex-shrink: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } .ee-pmap-header-title { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; letter-spacing: 0.2px; color: #111827; } .ee-pmap-header-title svg { width: 20px; height: 20px; color: #16a34a; } .ee-pmap-header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } /* Owner-Filter Dropdown — visuell IDENTISCH zum Status-Switch-Pill. Native