/* Mitarbeiter: Liste 280 px wie im HTML-Prototyp */
.records-list.employees__list { width: var(--size-employee-list); }
.employees .records-split { margin-top: var(--space-0); }

/* Kopf, Reiter und Kästen mit 18 px Abstand; Reiter 16 px weiter eingerückt */
.employees__detail { gap: var(--space-18); }
.employees__detail .record-detail__tabs { padding-left: var(--space-16); }

/* Kompakte Zeilen ohne Rand, Name in einer Zeile. @flutter: ListTile(dense: true) */
.employees .bbn-record-row { border: 0; }
.employees .bbn-record-row--compact :is(.bbn-record-row__title, .bbn-record-row__trailing) { line-height: var(--line-height-compact); }
.employees .records-list__rows--compact { gap: var(--space-3); }

.employees__roles { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8); }
.employees__chips { display: flex; flex-wrap: wrap; gap: var(--space-6); }

.employees__chip {
  padding: var(--space-4) var(--space-10);
  border-radius: var(--radius-full);
  background: var(--color-surface-card);
  font-size: var(--font-size-12-5);
  font-weight: var(--font-weight-semibold);
}

.employees__hint {
  margin: var(--space-0);
  font-size: var(--font-size-11-5);
  line-height: var(--line-height-hint);
  color: var(--color-on-surface-muted);
}

.employees__link {
  margin-top: var(--space-8);
  padding: var(--space-2) var(--space-0);
  font-size: var(--font-size-12-5);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary-text);
}

.employees__link:hover { text-decoration: underline; text-underline-offset: var(--space-3); }