/* Sandy-Schreibleiste: passt vollständig in den vorhandenen Chatblock. */
#rahmen_um_alles, #form, #message_form, #form_left, #form_right, #message {
  box-sizing: border-box !important;
}
#form {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#message_form {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
#form_left {
  position: static !important;
  float: none !important;
  flex: 1 1 220px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
}
#message, #form_left #message, input#message, textarea#message {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}
#form_right {
  position: static !important;
  float: none !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(72%, 980px) !important;
  margin: 0 !important;
  padding: 3px 0 3px 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  overflow: hidden !important;
  white-space: normal !important;
  left: auto !important;
  right: auto !important;
}
#form_right > * { flex: 0 0 auto !important; }
/* Die Basisansicht hatte absolute Breiten und ragte dadurch über den Rahmen. */
.bt-public-chat-mode #form {
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  max-width: none !important;
  overflow: hidden !important;
}
.bt-public-chat-mode #message_form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 112px !important;
  gap: 6px !important;
  height: 100% !important;
}
.bt-public-chat-mode #form_left {
  position: static !important;
  width: auto !important;
  min-width: 0 !important;
}
.bt-public-chat-mode #form_right {
  position: static !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  padding: 0 !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}
@media (max-width: 900px) {
  #message_form { flex-wrap: wrap !important; overflow: visible !important; }
  #form_left { flex: 1 1 100% !important; }
  #form_right { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; justify-content: flex-start !important; }
  .bt-public-chat-mode #message_form { display: grid !important; grid-template-columns: minmax(0,1fr) 96px !important; overflow: hidden !important; }
  .bt-public-chat-mode #form_right { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
}