/* cf-freigabe.css — Freigabe-Auswahl und Herkunftsabzeichen.
   In JEDER ChurchFlow-App byte-gleich (Styleguide §7.7).
   Benutzt ausschliesslich die neutralen Tokens aus §1 plus --brand. */

.cf-frg{ display:flex; flex-direction:column; gap:8px; }

.cf-frg-label{
  font-size:.82rem; font-weight:600; color:var(--muted);
  text-transform:uppercase; letter-spacing:.04em;
}

/* Das Auswahlfeld wird hier BEWUSST nicht gestaltet: es ist ein gewoehnliches
   <select> und bekommt damit automatisch die Feldgestaltung der jeweiligen App
   (Hoehe, Polsterung, Rahmen, Pfeil aus deren §7.1-Regel). Nur so ist es in jeder
   App exakt so hoch wie die Felder daneben — eine eigene Hoehe hier waere in jeder
   App, die nicht bei 44px liegt, sofort falsch. Gefunden am 24.08.2026: mit
   `height:var(--field-h)` fiel das Feld in der Anspieldatenbank (kein --field-h
   definiert) auf 24px zusammen, waehrend die Nachbarfelder 38px hoch waren. */
.cf-frg-select{ width:100%; }

.cf-frg-hilfe{ margin:0; font-size:.8rem; color:var(--muted); line-height:1.45; }

.cf-frg-liste{
  display:flex; flex-direction:column; gap:2px;
  border:1px solid var(--line); border-radius:10px;
  background:var(--subtle); padding:6px; max-height:240px; overflow-y:auto;
}
.cf-frg-org{
  display:flex; align-items:center; gap:10px;
  padding:8px 10px; border-radius:8px; min-height:44px;   /* Touch-Target §12.3 */
  cursor:pointer;
}
.cf-frg-org:hover{ background:var(--card); }
.cf-frg-org .cf-check-label{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.cf-frg-rel{ font-size:.74rem; color:var(--muted); }
.cf-frg-leer{ margin:6px 10px; font-size:.82rem; color:var(--muted); }

.cf-frg-warnung{
  display:flex; align-items:flex-start; gap:8px; margin:0;
  font-size:.8rem; line-height:1.45; color:var(--warn);
  background:var(--warn-bg); border-radius:8px; padding:8px 10px;
}
.cf-frg-warnung .material-symbols-outlined{ font-size:18px; flex:0 0 auto; }

/* Herkunft eines fremden Objekts — immer sichtbar, nie nur als Farbe. */
.cf-herkunft{
  display:inline-flex; align-items:center; gap:4px;
  font-size:.74rem; line-height:1.4; white-space:nowrap;
  padding:2px 8px; border-radius:999px;
  background:var(--chip); color:var(--chip-ink);
}
.cf-herkunft .material-symbols-outlined{ font-size:14px; }
.cf-herkunft.is-gesperrt{ background:var(--subtle); color:var(--muted); }

@media (max-width:640px){
  .cf-frg-liste{ max-height:none; }
  .cf-herkunft{ white-space:normal; }
}

/* Platz fuer eine app-eigene Stufe (z.B. Gruppenauswahl) im selben Feld. */
.cf-frg-zusatz{ display:block; }
.cf-frg-zusatz[hidden]{ display:none; }