/* Modulspezifisches Layout. Farben, Schriften, Radien und die Primitive
   (.btn, .card, .input, .table, .tag) kommen aus backoffice-ui.css
   (@backoffice/ui) — hier wird nichts davon neu definiert. */

.app {
  max-width: 1100px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-4) var(--space-8);
}

.lead {
  margin-top: 0;
  max-width: 64ch;
  color: var(--color-neutral-700);
}

/* .card kommt aus dem Designsystem; hier nur der Abstand zwischen den Karten. */
.card {
  margin: var(--space-3) 0;
}

.card h2 {
  margin: 0 0 var(--space-3);
  font-size: 20px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-3);
}

.actions {
  margin-top: var(--space-3);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.table-wrap {
  overflow-x: auto;
  margin-top: var(--space-2);
}

/* Das Protokoll bleibt zeilenweise lesbar; die generische monospace-Familie
   ist Satzart fuer Maschinenausgabe, keine eigene Hausschrift. */
.log {
  margin: var(--space-4) 0 0;
  padding: var(--space-3);
  border: 1px solid var(--color-divider);
  border-radius: var(--radius-md);
  min-height: 100px;
  font-family: monospace;
  font-size: 13px;
  white-space: pre-wrap;
}