#view-tasks.active,
#view-tasks .tasks-full-width,
#view-tasks .tasks-board-wrap {
  width: 100%;
  min-width: 0;
  min-height: 0;
}

#view-tasks .tasks-board-wrap {
  flex: 1 1 auto;
  height: 100%;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 0 10px;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
}

#view-tasks .tasks-board--columns {
  display: grid !important;
  width: max-content !important;
  min-width: 100%;
  height: 100%;
  grid-auto-flow: column;
  grid-auto-columns: minmax(330px, 390px);
  align-items: stretch;
  gap: 14px;
  max-width: none;
  padding-bottom: 0;
  overflow: visible !important;
  scroll-snap-type: x proximity;
}

#view-tasks .tasks-board--columns .task-column {
  --section-surface: transparent;
  width: auto !important;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  background: transparent;
  border-radius: 0;
}

#view-tasks .tasks-board--columns .task-column-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  flex: 0 0 auto;
}

#view-tasks .tasks-board--columns .task-column-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent;
}

#view-tasks .tasks-board--columns .task-card {
  grid-template-columns: 20px minmax(0, 1fr) 34px !important;
  grid-template-areas: "select main action";
  align-items: start !important;
  gap: 9px 10px !important;
  min-height: 0 !important;
  padding: 12px !important;
  overflow: visible !important;
}

#view-tasks .tasks-board--columns .task-select-control {
  grid-area: select;
}

#view-tasks .tasks-board--columns .task-row-main {
  grid-area: main;
  min-width: 0;
}


#view-tasks .tasks-board--columns .task-row-action {
  grid-area: action;
  align-self: start;
}

#view-tasks .tasks-board--columns .task-card-title {
  width: 100%;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  line-height: 1.35;
}