.task-check-toggle {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: var(--text-muted);
  flex: 0 0 24px;
}

.task-check-toggle::before {
  content: "v";
  font-size: 12px;
  line-height: 1;
}

.chat-task-bar.is-collapsed {
  width: auto;
  min-width: 136px;
  max-height: 42px;
  overflow: hidden;
}

.chat-task-bar.is-collapsed .task-check-head {
  border-bottom: none;
}

.chat-task-bar.is-collapsed .task-check-list {
  display: none;
}

.chat-task-bar.is-collapsed .task-check-toggle::before {
  content: ">";
}

@media (max-width: 760px) {
  .chat-task-bar {
    right: 8px;
    width: min(280px, calc(100% - 16px));
    max-height: min(42dvh, calc(100% - 136px - var(--bottom-obstruction)));
  }

  .chat-task-bar.is-collapsed {
    width: auto;
    min-width: 128px;
    max-width: calc(100% - 16px);
  }
}