/* Verwaltung (Benutzerverwaltung) — nur Ergänzungen; Grundstil kommt aus style.css. */

/* Kopfzeile: Link zurück zur Anwendung */

.kopf-navigation { display: flex; align-items: center; }

.kopf-link {
  color: #ffffff;
  font-size: 0.9rem;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 4px;
  padding: 0.4rem 0.9rem;
}

.kopf-link:hover {
  background: var(--navy-dunkel);
  border-color: #ffffff;
}

/* Benutzertabelle */

.spalte-aktionen { text-align: right; }

td.zellen-aktionen {
  text-align: right;
  white-space: nowrap;
}

td.zellen-aktionen button { margin-left: 0.35rem; }

.zeile-deaktiviert td:not(.zellen-aktionen) {
  color: var(--text-neben);
}

/* Badges für Rolle, Status und 2FA (Basisklasse .badge aus style.css) */

.badge-rolle-admin { background: var(--navy); }
.badge-rolle-nutzer { background: #5a6673; }
.badge-status-aktiv { background: var(--ok); }
.badge-status-deaktiviert { background: #c0392b; }
.badge-2fa-eingerichtet { background: var(--ok); }
.badge-2fa-ausstehend { background: #d97a1f; }

/* Formular „Neuen Benutzer anlegen" */

.anlegen-formular {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.9rem 1rem;
  align-items: end;
}

.anlegen-formular .feld label {
  display: block;
  font-weight: 600;
  font-size: 0.88rem;
  margin-bottom: 0.35rem;
  color: var(--text);
}

.anlegen-formular input[type="text"] {
  font: inherit;
  padding: 0.4rem 0.6rem;
  border: 1px solid #c3ccd6;
  border-radius: 4px;
  background: #ffffff;
  color: var(--text);
  width: 100%;
}

.anlegen-formular select { width: 100%; }

.feld-passwort .passwort-zeile {
  display: flex;
  gap: 0.5rem;
}

.feld-passwort input { flex: 1; min-width: 0; }

.feld-absenden { align-self: end; }

/* Hinweis nach dem Anlegen */

.anlegen-hinweis {
  margin-top: 1rem;
  padding: 0.7rem 1rem;
  background: #eaf1f9;
  border-left: 3px solid var(--akzent);
  border-radius: 4px;
  font-size: 0.9rem;
}

.anlegen-hinweis p { margin: 0.2rem 0; }

.anlegen-hinweis .zugangsdaten {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.88rem;
  background: #ffffff;
  border: 1px solid var(--rahmen);
  border-radius: 4px;
  padding: 0.15rem 0.45rem;
}

/* Bereich „Projekte und Zugriff" */

.rechte-liste {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.8rem;
}

.projekt-karte {
  border: 1px solid var(--rahmen);
  border-radius: 5px;
  background: #ffffff;
  padding: 0.8rem 1rem 1rem;
}

.projekt-kopf {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
}

.projekt-kopf h3 {
  margin: 0;
  font-size: 1rem;
  color: var(--navy);
}

.badge-projekt-status { background: #5a6673; }

.rechte-tabelle td { vertical-align: middle; }

.rechte-tabelle .person-login,
.rechte-tabelle .person-hinweis {
  display: block;
  font-size: 0.82rem;
  color: var(--text-neben);
}

.rechte-tabelle .person-hinweis { color: #c0392b; }

.rechte-tabelle select { font: inherit; }

.rechte-formular {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 0.6rem 1rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid var(--rahmen);
}

.rechte-formular .feld label {
  display: block;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--text);
}

.rechte-formular .feld select {
  display: block;
  margin-top: 0.3rem;
  font: inherit;
  min-width: 12rem;
}

@media (max-width: 900px) {
  .anlegen-formular { grid-template-columns: 1fr; }
  td.zellen-aktionen { white-space: normal; }
  .rechte-formular { flex-direction: column; align-items: stretch; }
  .rechte-formular .feld select { width: 100%; min-width: 0; }
}

/* Mistral-Schluessel */
.mistral-status { font-weight: 600; margin: 0.6rem 0; }
.mistral-status.status-ok { color: #1e7e46; }
.mistral-status.status-fehlt { color: #b45309; }
.mistral-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}
.mistral-form label { font-weight: 600; }
.mistral-form input { flex: 1 1 22rem; min-width: 14rem; }

/* Stand der Sicherung */
.sicherung-status { font-weight: 600; margin: 0.6rem 0; }
.sicherung-status.status-ok { color: #1e7e46; }
.sicherung-status.status-fehlt { color: #b45309; }
.sicherung-status.status-fehler { color: #c0392b; }