/* Cluster Test App — App-Ergänzungen, ausschließlich Design-CI-Tokens. */

.app-photo {
  width: var(--k-space-10);   /* 64 px Profilbild-Durchmesser (= --k-space-10) */
  height: var(--k-space-10);
  border-radius: var(--k-radius-pill);
  border: var(--k-border-width) solid var(--k-border);
  object-fit: cover;
  flex-shrink: 0;
}

.app-photo--initials {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--k-blue-050);
  color: var(--k-blue);
  font-size: var(--k-fs-20);
  font-weight: var(--k-fw-bold);
}

/* Avatar-Button im Header, wenn ein Profilbild vorliegt (Hintergrund setzt app.js). */
.k-avatarbtn.app-avatarbtn--photo {
  background-size: cover;
  background-position: center;
  color: transparent;
}

/* .k-alert setzt display und überstimmt damit das hidden-Attribut —
   für die per JS umgeschalteten Alerts dieser App wiederherstellen. */
.k-alert[hidden] {
  display: none;
}