/* Medialive CMS – Login, Konto, Verwaltung. Ergänzt app.css (Tokens dort). */

.hinweis--ok { background: var(--ok-bg); color: var(--ok-text); border-color: var(--ok-rand); }
.fehlerliste { margin: 0; padding-left: 1.1em; }
.fehlerliste li + li { margin-top: 4px; }

.schritte { padding-left: 1.25em; }
.schritte li + li { margin-top: 4px; }

.link-anzeige { font-size: var(--klein); letter-spacing: 0; margin-bottom: var(--abstand); }

/* Status */
.badge--aktiv { background: var(--gruen); color: #FFFFFF; }
.badge--eingeladen { background: var(--honig); color: #14434C; }
.badge--gesperrt { background: var(--rot); color: #FFFFFF; }
.badge--aus { background: var(--flaeche-2); color: var(--text-leise); }

/* Angaben (Name, E-Mail …) */
.angaben { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px var(--abstand); margin: 0 0 var(--abstand); }
.angaben dt { font-weight: 600; color: var(--text-leise); }
.angaben dd { margin: 0; min-width: 0; }

/* Rollen je Projekt */
.rollen { display: grid; gap: var(--abstand-klein); margin: 0; padding: 0; border: 0; }
.rollen legend { font-weight: 700; margin-bottom: var(--abstand-klein); padding: 0; }
.rolle {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--rand);
  border-radius: var(--radius-klein);
  background: var(--flaeche);
}
.rolle__name { font-weight: 700; }
.rolle .feld--haken { margin: 0; }

/* Aktionen auf der Benutzerseite */
.aktionsliste { display: grid; gap: var(--abstand-klein); margin: 0 0 var(--abstand); padding: 0; list-style: none; }
.aktionsliste form { margin: 0; }
.aktionsliste .knopf { width: 100%; justify-content: flex-start; text-align: left; }
.aktionsliste .knopf__grund { margin-left: auto; }

/* Sitzungen */
.sitzungen { list-style: none; margin: 0 0 var(--abstand); padding: 0; display: grid; gap: var(--abstand-klein); }
.sitzung {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--abstand-klein);
  padding: 10px 12px;
  border: 1px solid var(--rand);
  border-radius: var(--radius-klein);
  background: var(--flaeche);
}
.sitzung__info { min-width: 0; flex: 1 1 14em; }
.sitzung__geraet { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sitzung form { margin: 0; }

/* Audit */
.filter { display: grid; gap: var(--abstand-klein); margin: 0 0 var(--abstand); }
.details { font-family: var(--schrift-mono); font-size: 0.8125rem; overflow-wrap: anywhere; }
.tabelle td.nowrap { white-space: nowrap; }

@media (min-width: 600px) {
  .filter { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: end; }
  .rolle { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; }
  .rolle .feld--haken { grid-column: 2; }
}