/* Chat-Hintergrund wie autismus-community.de (Claude 17.10.2026)
   Verlauf + Abdunklung wie die Webseite; Texte ausserhalb der Sprechblasen
   stehen wie auf der Webseite in weissen Kaesten. */
.mx_RoomView_body {
  background:
    linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)) fixed,
    linear-gradient(135deg, #003366, #5a7fa6, #e6e6e6) fixed;
}
/* Raumbeginn (Name, Beschreibung, Einladen) */
.mx_RoomView_body .mx_NewRoomIntro {
  background: rgba(255,255,255,.96);
  border-radius: 12px;
  padding: 16px 20px;
  margin-right: 24px;
}
/* Hinweiszeilen wie "X ist beigetreten" als kleine weisse Schilder */
.mx_RoomView_body .mx_TextualEvent,
.mx_RoomView_body .mx_GenericEventListSummary_toggle {
  background: rgba(255,255,255,.92);
  border-radius: 8px;
  padding: 1px 8px;
}
/* Absendername ueber der Sprechblase */
.mx_RoomView_body .mx_EventTile .mx_DisambiguatedProfile {
  background: rgba(255,255,255,.94);
  border-radius: 8px;
  padding: 0 8px;
  width: fit-content;
}
/* Datumstrenner ("Heute", "Gestern") */
.mx_RoomView_body .mx_TimelineSeparator > h2 {
  background: rgba(255,255,255,.94);
  border-radius: 10px;
  padding: 2px 12px;
}
.mx_RoomView_body .mx_TimelineSeparator > hr {
  border-top-color: rgba(255,255,255,.55);
}
/* Eingabezeile */
.mx_RoomView_body .mx_MessageComposer {
  background: #ffffff;
}
/* "schreibt gerade ..." */
.mx_RoomView_body .mx_WhoIsTypingTile {
  background: rgba(255,255,255,.92);
  border-radius: 10px;
  width: fit-content;
  padding-right: 10px;
}