.dialog-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dialog-title h2 { margin: 0; }

.dialog-title .icon-close {
  margin-left: auto;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--pale);
  color: var(--blue);
  font-size: 1.75rem;
  line-height: 1;
}

.dialog-corner-close {
  float: right;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: var(--pale);
  color: var(--blue);
  font-size: 1.75rem;
  line-height: 1;
}

.nav button[data-tab="tasks"].active {
  background: #fff0e0 !important;
  color: var(--blue) !important;
}