.research-task-action-modal__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.research-task-action-modal__preview {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: var(--space-md);
}

.research-task-action-modal__preview p {
  margin: 0;
}

.research-task-action-modal__field {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  color: var(--text-muted);
  text-transform: uppercase;
}

.research-task-action-modal__textarea {
  min-height: calc(var(--space-2xl) * 2);
  resize: vertical;
}

@media (max-width: 768px) {
  .research-task-action-modal {
    width: min(100%, calc(100vw - (var(--space-md) * 2)));
  }

  .research-task-action-modal__body {
    gap: var(--space-lg);
  }

  .research-task-action-modal__preview {
    padding: var(--space-lg);
  }

  .research-task-action-modal .modal-actions {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-sm);
  }

  .research-task-action-modal .modal-actions .btn {
    min-height: calc(var(--space-lg) * 2 + var(--space-xs));
  }
}