/* Admin-spezifische Utility-Klassen.
   Diese ersetzen wiederkehrende Inline-Styles in den admin/*.ejs-Templates.
   Die restlichen admin-Layout-Styles liegen weiterhin in style.css unter .admin-*.

   Konvention: alle Klassen hier sind mit `a-` geprefixt, damit sie nicht mit
   globalen Utility-Klassen kollidieren. */

/* ── STAT-STRIP (Gesamt/Aktiv/Gesperrt/Rollen-Kacheln) ────────────────────── */

.a-stat-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.a-stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.9rem 1rem;
}

.a-stat-label {
  font-size: 0.7rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.3rem;
}

.a-stat-value {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
}

/* ── PILL (Rolle / Status) ─────────────────────────────────────────────────── */

.a-pill {
  display: inline-block;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* ── FLASH-MESSAGES (Erfolg / Fehler) ──────────────────────────────────────── */

.a-flash {
  border-radius: var(--radius-sm);
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.a-flash-success {
  background: var(--accent-glow);
  border: 1px solid var(--accent-dim);
  color: var(--accent);
}
.a-flash-error {
  background: rgba(196, 87, 87, 0.15);
  border: 1px solid var(--danger);
  color: var(--danger);
}

/* ── ACTION-BAR (zusammengefasste Aktions-Buttons in Tabellen-Zeilen) ──── */

.a-action-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.a-action-bar .btn {
  font-size: 0.8rem;
  padding: 0.35rem 0.6rem;
}

/* ── FILTER-BAR (Such-/Rollen-/Status-Filter oberhalb einer Tabelle) ────── */

.a-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  align-items: center;
}
.a-filter-bar input,
.a-filter-bar select {
  padding: 0.45rem 0.7rem;
  font-size: 0.9rem;
}

/* ── DIFF-RENDERING FÜR ACTIVITY-LOG ──────────────────────────────────────── */

.a-diff {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.a-diff-from {
  color: var(--text-muted);
  text-decoration: line-through;
}
.a-diff-to {
  color: var(--accent);
}