@layer screens {
/* Task create / edit form (tasks/_form, task_submissions/add_response) —
   Ink & Paper, mobile-first, tokens only. */
.task-form {
  width: 100%;
  max-width: var(--container-md);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}

.task-form .form-group {
  margin-bottom: 0;
}

.task-form .form-check {
  gap: var(--spacing-3);
}

.task-form .form-check .form-check-label {
  margin: 0;
  font-weight: var(--font-weight-medium);
  color: var(--text);
}

.task-form select.form-control {
  min-height: var(--tap-min);
}

.task-form .form-actions {
  display: flex;
  gap: var(--spacing-2);
}

.task-form .form-actions .button {
  flex: 1 1 auto;
}

@media (min-width: 48rem) {
  .task-form .form-actions {
    justify-content: flex-end;
  }

  .task-form .form-actions .button {
    flex: 0 0 auto;
  }
}
}