.task-reply-form {
  display: block !important;
  margin: 2px 0 0 54px;
  padding: 16px;
  border: 1px solid #ddd7f1;
  border-radius: 12px;
  background: #f8f6ff;
}
.task-reply-form label { margin-bottom: 9px; color: #514568; }
.task-reply-form > div { display: flex; align-items: flex-end; gap: 10px; }
.task-reply-form textarea { flex: 1; min-height: 62px; resize: vertical; }
.task-reply-form button { height: 42px; white-space: nowrap; }
.task-reply-form .form-error { height: auto; min-height: 14px; margin: 5px 0 -8px; }
.follow-up { margin-top: 4px; }
.task-reply-form:has(textarea[placeholder^="Answer"]) {
  border-color: #c7b7f4;
  background: #f3efff;
}
@media (max-width: 560px) {
  .task-reply-form { margin-left: 0; }
  .task-reply-form > div { display: grid; }
  .task-reply-form button { width: 100%; }
}