/* W widoku kolumnowym checkbox nie zajmuje miejsca, a zawartość karty
   ma stabilny układ: tytuł i ikony u góry, metadane pod spodem, menu po prawej. */
#view-tasks .tasks-board--columns {
  grid-template-columns: none !important;
  grid-auto-columns: minmax(360px, 400px) !important;
}

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

#view-tasks .tasks-board--columns .task-select-control {
  display: none !important;
}

#view-tasks .tasks-board--columns .task-row-main {
  grid-area: main !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
}

#view-tasks .tasks-board--columns .task-title-action,
#view-tasks .tasks-board--columns .task-card-title {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
}



#view-tasks .tasks-board--columns .task-row-action {
  grid-area: action !important;
  align-self: start !important;
  justify-self: end !important;
  margin: -4px -4px 0 0 !important;
}

#view-tasks .tasks-board--columns .task-pill,
#view-tasks .tasks-board--columns .task-inline-chip,
#view-tasks .tasks-board--columns .task-meta-action {
  flex: 0 0 auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#view-tasks .tasks-board--columns .task-column-body {
  padding: 2px 8px 18px 2px !important;
}