sudo tee /volume1/Docker/pochat/element/pochat.css >/dev/null <<'CSS'
/* =========================
   PoChat mobile-friendly CSS
   Цель: улучшить телефон, не ломая Element.
   ========================= */

html, body { height: 100%; }

/* ЛОГИН: ограничиваем логотип */
.mx_AuthHeaderLogo img,
.mx_AuthHeaderLogo svg {
  max-height: 56px !important;
  max-width: 180px !important;
}

/* iOS: не зумить на инпутах */
@media (max-width: 768px) {
  input, textarea, select,
  .mx_MessageComposer textarea,
  .mx_BasicMessageComposer_input {
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  /* Убираем лишние фикс. ширины/минимумы */
  #matrixchat,
  .mx_LeftPanel,
  .mx_RoomView,
  .mx_RightPanel {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Чуть больше “touch” отступы */
  .mx_LeftPanel .mx_RoomTile,
  .mx_RoomHeader,
  .mx_MessageComposer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Композер: побольше зона ввода */
  .mx_MessageComposer {
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  /* iPhone safe-area */
  .mx_RoomView {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
}
CSS