/* Keep Messages composer controls anchored while the textarea grows.
   The textarea expands upward to a small cap; emoji/attachment/send stay fixed at the bottom edge. */

.message-composer-bar {
  align-items: end !important;
}

.message-composer-input {
  box-sizing: border-box;
  min-block-size: 42px !important;
  max-block-size: 126px !important;
  align-self: end;
  overflow-y: hidden;
  resize: none;
}

.message-composer-input.is-scrollable {
  overflow-y: auto;
  scrollbar-width: thin;
}

.message-composer-bar > .message-icon-button,
.message-composer-bar > .message-send-button,
.message-composer-bar > .message-tools-toggle,
.message-composer-bar > .message-tool-cluster {
  align-self: end;
  flex-shrink: 0;
}

.message-composer-bar > .message-icon-button,
.message-composer-bar > .message-send-button,
.message-composer-bar > .message-tools-toggle {
  margin-block: 2px;
}

@media (max-width: 700px) {
  .message-composer-input {
    max-block-size: 112px !important;
  }

  .message-composer-bar > .message-icon-button,
  .message-composer-bar > .message-send-button,
  .message-composer-bar > .message-tools-toggle {
    margin-block: 0;
  }
}