.room {
  grid-template-columns: minmax(0, 1fr) auto;
}

.composer[hidden] {
  display: none;
}

.refresh-note {
  display: block;
  margin-top: 5px;
  color: #6f7e79;
  font-size: 11px;
  font-weight: 500;
}

.avatar {
  display: none;
}

.room strong {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.order-no,
.room small {
  overflow-wrap: anywhere;
}

@media (min-width: 1000px) {
  .layout {
    grid-template-columns: 430px minmax(0, 1fr);
  }
}