/* ==================================================================
   Startseite – Bearbeitungsfenster

   Die Formularklassen (.field, .field-row, .hint, .form-actions) stehen
   in style.css, damit sie auch außerhalb dieser Fenster gelten – etwa
   im Benutzerprofil. Hier bleibt nur, was das Fenster selbst betrifft.
   ================================================================== */

#editBackground {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 42, 60, .55);
  backdrop-filter: blur(2px);
  z-index: 1000;
}

.editWindow {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;

  width: calc(100% - 32px);
  max-width: 460px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;

  padding: 24px;
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .5);
}

.editWindow h3 {
  margin: 0 0 18px;
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: -.01em;
  color: var(--ink);
}

/* Im Fenster darf das HTML-Feld hoch sein, im Profil gibt es keins. */
.editWindow .field textarea {
  min-height: 140px;
}

/* ---------- Rückmeldung nach dem Speichern ---------- */

.editWindow .result {
  padding: 14px 0 0;
  font-size: 15px;
}

.editWindow .result p { margin: 0 0 16px; }