.saved-message {
  position: relative;
  padding: 0;
  overflow: hidden;
}

.saved-message .open-saved-message {
  position: static;
  width: 100%;
  height: auto;
  min-height: 88px;
  border: 0;
  background: transparent;
  padding: 16px 72px 16px 16px;
  text-align: left;
}

.saved-message .open-saved-message small,
.saved-message .open-saved-message p {
  display: block;
}

.saved-message .open-saved-message p {
  margin: 5px 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.saved-message .open-saved-message b {
  position: absolute;
  right: 38px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--hot);
  font-size: 13px;
}

.message-archive-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 10px 0 15px; }
.message-archive-tools label { display: grid; gap: 5px; color: #77546a; font-size: 13px; font-weight: 800; }
.message-archive-tools input, .message-archive-tools select { min-width: 0; width: 100%; border: 2px solid #e8c8de; border-radius: 14px; background: #fff; padding: 10px; color: var(--ink); font: inherit; }
.message-archive-tools>button { grid-column: 1 / -1; border: 0; border-radius: 14px; background: #fff0f5; color: #a22d61; padding: 10px; font-weight: 900; }
.message-archive-tools>button.selected { background: var(--hot); color: #fff; }
.saved-message-actions { position: absolute; right: 8px; top: 8px; display: flex; gap: 5px; }
.saved-message-actions button {
  border: 0;
  background: #fff0f5;
  color: var(--hot);
  border-radius: 50%;
  width: 29px;
  height: 29px;
  font-size: 18px;
}
.saved-message.important { border: 2px solid #f4a8ca; background: #fff8fb; }
.saved-message .open-saved-message { padding-right: 112px; }
@media (max-width: 390px) { .message-archive-tools { grid-template-columns: 1fr; } .message-archive-tools>button { grid-column: auto; } }