/* ============================================================
   v692: Flächen aus TIM-online/GeoJSON – Kartenebene und Importliste.
   ============================================================ */

/* Ebene über den Kacheln, unter Streckenverlauf und Markern. */
.strecken-osm-flaechen-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.strecken-osm-bewegt .strecken-osm-flaechen-layer { z-index: 2; }

/* Tooltip (Name, Fläche) beim Darüberfahren; Ziehen der Karte bleibt möglich. */
.strecken-osm-flaechen-layer .kartenebene-flaeche,
.strecken-osm-flaechen-layer .kartenebene-linie { pointer-events: visiblePainted; }

.strecken-osm-flaechen-layer .kartenebene-name,
.strecken-osm-flaechen-layer .kartenebene-text {
  font: 600 12px/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  fill: #15181d;
  stroke: #ffffff;
  stroke-width: 3px;
  stroke-linejoin: round;
  paint-order: stroke;
  pointer-events: none;
}
.strecken-osm-flaechen-layer .kartenebene-name { text-anchor: middle; dominant-baseline: middle; }
.strecken-osm-flaechen-layer .kartenebene-text { font-weight: 500; dominant-baseline: middle; }

/* Weitere Aktionen: importierte Dateien */
.karten-importe {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.karten-importe[hidden] { display: none; }
.karten-import-zeile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-elevated, #ffffff);
}
.karten-import-text {
  display: grid;
  flex: 1 1 auto;
  gap: 2px;
  min-width: 0;
}
.karten-import-text strong,
.karten-import-text small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.karten-import-text small { color: var(--text-muted, #68717d); font-size: 12.5px; }
/* Allgemeine Regeln ziehen Knöpfe in diesem Bereich auf volle Breite – hier kompakt rechts. */
#managementActionsCard .karten-import-zeile .btn-secondary {
  flex: none;
  width: auto;
  min-width: 112px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 14px;
}

/* Symbole der Blöcke: Karte für den Flächenimport, × bleibt beim Löschen (statt nach Position). */
#managementActionsCard .weitere-aktion-block.karten-import-block::before {
  content: "◇";
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 38%, var(--border));
  background: color-mix(in srgb, var(--accent) 5%, var(--bg-elevated));
}
#managementActionsCard .weitere-aktion-block[data-berechtigung="actions.masterdata.delete_all"]::before {
  content: "×";
  color: var(--bad, #c53b3b);
  border-color: color-mix(in srgb, var(--bad, #c53b3b) 35%, var(--border));
  background: color-mix(in srgb, var(--bad, #c53b3b) 5%, var(--bg-elevated));
}

/* v694: Blöcke unter „Weitere Aktionen“ folgen eigenen Rechten. Eine Trennlinie steht nur zwischen zwei
   sichtbaren Blöcken – ein ausgeblendeter Block hinterlässt weder Doppel- noch Endlinie. */
#managementActionsCard .weitere-aktion-block:is([hidden], .berechtigung-ui-versteckt) + .weitere-aktion-trenner,
#managementActionsCard .weitere-aktion-trenner:not(:has(~ .weitere-aktion-block:not([hidden], .berechtigung-ui-versteckt))) {
  display: none;
}