/* ===========================================================================
   Freigaben verwalten (Topf C, C-4)

   Markup:    templates/freigaben/freigaben.html
   Verhalten: src/features/creator/freigabeVerwaltung.js

   Diese Regeln lagen als ~20 Inline-Stile in `MyModulesPage.js`. Die Bauvorgabe
   für Topf C: jede angefasste Stelle wandert nach F.1/F.2 — damit die
   Sperrklinken-Grundlinie SINKT, statt nur gehalten zu werden.

   Alle Farben über die Variablen aus `variables.css`.
   =========================================================================== */

/* --- Das Teilen-Modal --------------------------------------------------- */

.freigabe-erklaerung {
    margin-top: 0;
    color: var(--color-text-light);
}

.freigabe-label {
    display: block;
    font-size: 0.85rem;
    color: var(--color-text-light);
}

.freigabe-kontakt {
    margin-bottom: 0.75rem;
}

.freigabe-formular {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

.freigabe-feld-breit {
    flex: 1;
    min-width: 180px;
}

.freigabe-zwischentitel {
    margin: 0.5rem 0;
}

.freigabe-liste {
    color: var(--color-text-light);
}

/* --- Eine Freigabe-Zeile (Modal UND Übersicht) -------------------------- */

.freigabe-zeile {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--color-border);
}

.freigabe-person {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--color-text);
}

/* Das Auswahlfeld darf die Zeile nicht sprengen — Peters Rückmeldung zum
   Papierkorb („sehr gequetscht") galt genau dieser Sorte Zeile. */
.freigabe-rolle {
    width: auto;
    min-width: 8rem;
    flex-shrink: 0;
}

/* Der Zustand (C-3). Er steht nur da, wenn er etwas Neues sagt: „angenommen"
   ist der Normalfall und schweigt. */
.freigabe-zustand {
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.25rem;
    padding: 0.1rem 0.45rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.freigabe-zustand-eingeladen {
    color: var(--color-primary);
    background: var(--color-info-light);
}

.freigabe-zustand-abgelehnt {
    color: var(--color-text-light);
    background: var(--color-border);
}

.freigabe-leer {
    color: var(--color-text-light);
    font-size: 0.875rem;
    margin: 0.5rem 0 0 0;
}

/* --- Übersicht „Meine Freigaben" ---------------------------------------- */

.freigaben-uebersicht {
    margin-top: 2.5rem;
}

.freigaben-uebersicht-titel {
    font-size: 1.1rem;
    color: var(--color-text-light);
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.5rem;
}

.freigaben-uebersicht-erklaerung {
    margin: 0.75rem 0;
    font-size: 0.875rem;
    color: var(--color-text-light);
}

.freigaben-person {
    background: var(--color-card-bg);
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    padding: 0.85rem 1rem;
}

.freigaben-person + .freigaben-person {
    margin-top: 0.5rem;
}

.freigaben-person-kopf {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.freigaben-person-name {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.freigaben-person-anzahl {
    background: var(--color-info-light);
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
}

.freigaben-person-alles {
    flex-shrink: 0;
}

.freigaben-person-module {
    margin-top: 0.6rem;
    padding-left: 0.4rem;
    border-left: 2px solid var(--color-border);
}