.complete-button,
.task-actions button,
.filters button,
.question-chips button,
.review-head button {
  min-width: 44px;
  min-height: 44px;
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .sidebar {
    height: calc(70px + env(safe-area-inset-bottom));
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
  }

  .task-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .toast {
    bottom: calc(82px + env(safe-area-inset-bottom));
  }

  dialog {
    max-height: calc(100dvh - 24px);
    overflow: auto;
  }
}