/* Inline-Bearbeiten fuer Download-Knoepfe (datei-inline.js). Nutzt die gemeinsame
   Werkzeug-Sprache (.wz-* aus kern/editor-shell.css) - neutral, keine Kundenfarben.
   Hier nur die Datei-spezifische Anordnung; Felder/Knopf/Gruppe kommen aus .wz-*. */

/* Format "(PDF)" am Knopf - automatisch aus der Datei, nicht editierbar. */
.di-format { margin-left: 0.35em; }

/* Die Bearbeiten-Gruppe je Knopf: etwas Abstand zum Knopf darueber, begrenzte Breite,
   damit es auch am Desktop nicht ueber die ganze Zeile laeuft. (.wz-gruppe regelt Optik +
   "nur im Bearbeiten-Modus sichtbar".) */
.di-gruppe { margin: 0.45rem 0 1.1rem; max-width: 22rem; }

/* Eine beschriftete Zeile: Label oben, Inhalt darunter. */
.di-zeile { display: flex; flex-direction: column; gap: 0.3rem; }

/* Datei-Zeile: Dateiname + "Datei ersetzen" + Hinweis - bricht am Handy sauber um. */
.di-datei-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }

.di-dateiname {
  font-family: var(--wz-font);
  font-size: 0.85rem;
  color: var(--wz-muted);
  word-break: break-all;   /* lange Supabase-Dateinamen brechen statt zu ueberlaufen */
}

/* Bestaetigung nach dem Ersetzen (gruen = "erledigt", verschwindet nach dem Speichern). */
.di-hinweis { font-family: var(--wz-font); font-size: 0.85rem; color: #2f7d32; }
.di-hinweis[hidden] { display: none; }