/* =========================
   Admin: Section header styles
   ========================= */

/* Basis: bessere Abstände / Rundungen für Fieldsets */
fieldset.module {
  background: #f7fbf7;                    /* helles Hintergrundpapier */
  border: 1px solid #e0efe0;
  padding: 14px 18px 16px 18px;
  margin-bottom: 16px;
  border-radius: 8px;
}

/* -------------------------
   Variante A: Voller farbiger Header (solid)
   ------------------------- */
fieldset.module.hdr-solid h2 {
  background: #2e7d32;                    /* dunkles Grün */
  color: #ffffff;
  margin: -14px -18px 12px -18px;         /* Titel über Rand ziehen */
  padding: 8px 12px;
  font-size: 1.05em;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* -------------------------
   Variante B: Linke Akzent‑Stripe
   ------------------------- */
fieldset.module.hdr-stripe {
  border-left: 6px solid #66bb6a;         /* Akzent links */
  padding-left: 16px;
}
fieldset.module.hdr-stripe h2 {
  background: transparent;
  color: #1b5e20;
  margin: 0 0 12px 0;
  padding: 0;
  font-weight: 600;
}

/* -------------------------
   Variante C: Pill Header mit Icon (Pseudo element)
   ------------------------- */
fieldset.module.hdr-pill h2 {
  background: transparent;
  color: #1b5e20;
  margin: 0 0 12px 0;
  padding: 0;
  font-weight: 700;
}
fieldset.module.hdr-pill h2::before {
  content: "🗂️";                          /* Icon, ersetze durch Emoji oder Font-Icon */
  display: inline-block;
  margin-right: 8px;
  font-size: 0.95em;
}
fieldset.module.hdr-pill h2 {
  display: inline-block;
  border-radius: 999px;
  padding: 6px 12px;
  background: rgba(33, 150, 83, 0.08);
  border: 1px solid rgba(33, 150, 83, 0.15);
}

/* -------------------------
   Collapsed / collapsed initial state tweaks
   ------------------------- */
fieldset.module.collapse {
  transition: all 0.18s ease;
}
fieldset.module.collapse h2 {
  cursor: pointer;                        /* visuelles Feedback */
}

/* Falls die Feldgruppe collapsed ist, dunklerer Header */
fieldset.module.collapse.collapsed h2,
fieldset.module.collapse h2.collapsed {
  opacity: 0.9;
  filter: saturate(0.9);
}

/* -------------------------
   Zielgerichtet nur für companies.Company admin page
   ------------------------- */
body.app-companies.model-company fieldset.module.hdr-solid h2 {
  background: #1b5e20;
  color: #fff;
}
body.app-companies.model-company fieldset.module.hdr-stripe {
  border-left-color: #43a047;
}

/* -------------------------
   Hilfs‑Klassen, um per Admin.Media oder Template schnell anzuwenden
   ------------------------- */
/* Anwenden: <fieldset class="module hdr-solid"> ... */