/**
 * CDTO Телеграф — зазор UploadBar ↔ поле ввода.
 * Маркер: telegraf-upload-gap-20260727ao
 *
 * UploadBar в .mx_RoomView_statusArea; внутренний padding съедается max-height.
 * Зазор: margin-top на MessageComposer (снаружи statusArea) — обои между карточками.
 * 20260727ao: фон UploadBar прозрачный (без белой карточки).
 */
.mx_RoomView_statusArea:has(.mx_UploadBar),
.mx_RoomView_statusArea_expanded:has(.mx_UploadBar),
#matrixchat .mx_RoomView_statusArea:has(.mx_UploadBar),
#matrixchat .mx_RoomView_statusArea_expanded:has(.mx_UploadBar) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  transition: none !important;
  overflow: visible !important;
}

.mx_RoomView_body:has(.mx_UploadBar) > .mx_MessageComposer,
#matrixchat .mx_RoomView_body:has(.mx_UploadBar) > .mx_MessageComposer,
.mx_RoomView_body:has(.mx_UploadBar) .mx_MessageComposer,
#matrixchat .mx_RoomView_body:has(.mx_UploadBar) .mx_MessageComposer {
  margin-top: 20px !important;
}

.mx_RoomView_statusAreaBox:has(.mx_UploadBar) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 !important;
  margin: 0 auto !important;
  min-height: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}

.mx_UploadBar,
div.mx_UploadBar,
#matrixchat .mx_UploadBar {
  margin: 0 !important;
  border-radius: 12px !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
}