.task-notification-button {
  position: relative;
}
.task-notification-button .badge {
  position: absolute;
  top: -0.4rem;
  right: -0.45rem;
}
.task-assignment-info {
  position: fixed;
  z-index: 1090;
  right: 1rem;
  top: 5rem;
  width: min(28rem, calc(100vw - 2rem));
  padding: 1rem;
}
.task-assignment-info dl {
  display: grid;
  grid-template-columns: 7rem 1fr;
  font-size: 0.9rem;
}
.task-assignment-info dt,
.task-assignment-info dd {
  margin-bottom: 0.3rem;
}
.task-notification-item {
  border: 1px solid var(--bs-border-color);
  border-left: 4px solid #c8202f;
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.6rem;
}
.task-notification-item.resolved {
  border-left-color: #6c757d;
  opacity: 0.8;
}
.task-notification-item small {
  display: block;
  color: #6c757d;
  margin-top: 0.25rem;
}
#task-notifications {
  --bs-offcanvas-width: min(460px, 100vw);
}
@media (max-width: 575.98px) {
  .task-assignment-info {
    top: auto;
    bottom: 1rem;
  }
  .task-assignment-info .d-flex .btn {
    flex: 1;
  }
}