/* ⚠ HIER STANDEN DIE REGELN FUER EINEN NACHGEBAUTEN EDITOR — Reiter,
   Palette, Inspektor, Menueband, Zeichenflaeche, Vorschau. Sie sind mit
   den 429 Zeilen openEditor weg (PPXUIDIAGRAM-7): das Wiki zieht jetzt
   <diagram-editor> in seinen Rahmen, statt es nachzubauen.

   Was bleibt, ist der RAHMEN: Ueberlagerung, Dialogkasten, Kopf, Fuss.
   Das Innere bringt das Widget mit. */
.wiki-diagram-body{flex:1 1 auto;overflow:auto;padding:1rem}
/* PPWIKI-126 — responsive, native Wiki-Diagramme */
.wiki-diagram{margin:1.25rem 0;border:1px solid var(--wiki-border,#d8dee9);border-radius:.65rem;background:var(--wiki-surface,#fff);overflow:hidden}
.wiki-diagram-caption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;background:var(--wiki-surface-muted,#f6f8fa);font-weight:600}
.wiki-diagram-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.wiki-diagram-source.is-collapsed{display:none}
.wiki-diagram-error{margin:0;padding:.75rem;color:var(--wiki-danger-text);background:var(--wiki-danger-pale);border:1px solid #fecaca;border-radius:.4rem;white-space:pre-wrap}
.wiki-diagram-reference{margin:1rem 0;padding:.75rem;border:1px solid #cbd5e1;border-left:4px solid #64748b;border-radius:.55rem;background:#fff}.wiki-diagram-reference.is-live{border-left-color:#f59e0b}.wiki-diagram-reference.is-pinned{border-left-color:#2563eb}.wiki-diagram-reference-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.wiki-diagram-reference-badge{padding:.2rem .45rem;border-radius:999px;background:var(--wiki-bg-muted);color: var(--wiki-text-soft);font-size:.72rem;font-weight:700;letter-spacing:.04em}.wiki-diagram-reference.is-live .wiki-diagram-reference-badge{background:var(--wiki-st-yellow-bg);color:var(--wiki-st-yellow-text)}.wiki-diagram-reference.is-pinned .wiki-diagram-reference-badge{background: var(--wiki-primary-soft);color: var(--wiki-primary-text)}.wiki-diagram-reference-unavailable{padding:.75rem;border:1px dashed #94a3b8;border-radius:.45rem;color: var(--wiki-text-muted);background:var(--wiki-bg-soft)}
.wiki-diagram-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.62)}
.wiki-diagram-dialog{display:flex;flex-direction:column;width:min(74rem,100%);max-height:calc(100vh - 2rem);background:#fff;border-radius:.75rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.35);overflow:hidden}
.wiki-diagram-dialog>header,.wiki-diagram-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid #e2e8f0}
.wiki-diagram-dialog>header h2{margin:0;font-size:1.15rem}.wiki-diagram-dialog>footer{justify-content:flex-end;border-top:1px solid #e2e8f0;border-bottom:0}
.wiki-diagram-close{border:0;background:transparent;font-size:1.7rem;line-height:1;cursor:pointer}
.wiki-diagram-export-dialog{width:min(48rem,100%)}.wiki-diagram-export-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1rem;overflow:auto}.wiki-diagram-export-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.wiki-diagram-export-form input,.wiki-diagram-export-form select,.wiki-diagram-export-form textarea{box-sizing:border-box;width:100%;padding:.55rem;border:1px solid #94a3b8;border-radius:.35rem;font:inherit}.wiki-diagram-export-wide{grid-column:1/-1}
@media(max-width:760px){.wiki-diagram-caption{align-items:flex-start;flex-direction:column}.wiki-diagram-dialog{height:100%;max-height:100%;border-radius:0}.wiki-diagram-overlay{padding:0}.wiki-diagram-visual-grid,.wiki-diagram-export-form{grid-template-columns:1fr}.wiki-diagram-export-wide{grid-column:auto}.wiki-diagram-panel{min-height:0}.wiki-diagram-output svg,.wiki-diagram-preview svg,.wiki-diagram-canvas svg{min-width:36rem}.wiki-diagram-inspector{max-height:16rem;overflow:auto}}
@media(prefers-reduced-motion:reduce){.wiki-diagram-dialog *{scroll-behavior:auto!important;transition:none!important}}

/* ═══ PPWIKI-137: der visuelle Editor ═══════════════════════════════
   ⚠ Die Flaeche ist KEIN Bild mehr. PPCanvas legt ein eigenes SVG mit
   width/height 100% hinein und verschiebt einen Viewport darin —
   darum braucht der Behaelter eine feste Hoehe und darf nicht
   scrollen (Zoom und Verschieben uebernehmen das). Die alte Regel
   `svg{width:100%;height:auto}` haette es auf 0 Pixel gedrueckt. */


.wd-selection-none{margin:0;font-size:.85rem;color: var(--wiki-text-muted)}

@media(max-width:1100px){.wiki-diagram-visual-grid{grid-template-columns:9rem minmax(0,1fr)}.wiki-diagram-inspector{grid-column:1/-1}}
@media(max-width:760px){.wiki-diagram-visual-grid{grid-template-columns:1fr}.wiki-diagram-canvas{height:22rem}.wd-palette-items{flex-direction:row;flex-wrap:wrap}}