/* Final board layout, shared by every project regardless of section count. */
.board-view {
  grid-template-columns: none !important;
  grid-auto-columns: minmax(292px, 1fr) !important;
  gap: 16px !important;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 2px;
}
.board-view .column {
  min-width: 0 !important;
  border-radius: 14px !important;
  background: #f5f6f8 !important;
  padding: 12px 10px 10px !important;
  scroll-snap-align: start;
}
.board-view .column header { min-height: 46px !important; }
.board-view .board-section-title { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.board-view .board-section-title strong { line-height: 1.4 !important; }
.board-view .board-section-title small { display: block; color: #727b8d !important; font-size: 11px !important; }
.board-view .column-tasks { gap: 10px !important; padding: 3px 3px 5px !important; }
.board-view .task-card {
  border-radius: 11px !important;
  padding: 14px !important;
  gap: 12px !important;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}
.board-view .task-card:hover { transform: none !important; }
.board-view .task-card-title { font-size: 14px !important; line-height: 1.5 !important; -webkit-line-clamp: 3 !important; }
.board-view .task-card-description {
  margin: 0 0 0 29px !important;
  padding-left: 0 !important;
  color: #737d8d !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2 !important;
}
.board-view .task-card-head { grid-template-columns: 20px minmax(0, 1fr) 24px !important; }
.board-view .task-card-menu {
  display: grid; place-items: center;
  width: 24px; min-width: 24px; height: 26px; min-height: 26px;
  padding: 0; border: 0; border-radius: 6px;
  background: transparent; color: #778195; font-size: 20px;
  opacity: .65 !important; cursor: pointer;
}
.board-view .task-card-menu:hover { background: #efedf9; color: #635bdb; }
.board-view .task-card-footer { padding: 9px 0 0 !important; min-height: 34px !important; justify-content: space-between !important; }
.board-view .task-card-followers { margin-left: auto; }
.board-view .unassigned { font-size: 11px; color: #7a8494; }
.board-view .avatar-stack .avatar { width: 26px !important; height: 26px !important; min-width: 26px; font-size: 11px; }
.board-view .due-badge { min-height: 26px !important; font-size: 11px !important; }
.board-view .task-checklist-toggle { min-height: 28px !important; }
.board-view .task-checklist-toggle small { font-size: 11px !important; }
.board-view .board-quick-task { border: 1px solid transparent; border-radius: 9px; padding: 3px; }
.board-view .board-quick-task:focus-within { border-color: #b9b4ef; background: #fff; }
.board-view .board-quick-task input { font-size: 12px !important; min-height: 34px; }
.board-view .column-empty {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 32px 14px; border: 1px dashed #d9dde5; border-radius: 11px;
  text-align: center; color: #7d8797;
}
.column-empty > span { font-size: 25px; color: #a6adbb; }
.column-empty > strong { font-size: 12px; font-weight: 550; }
.column-empty > small { max-width: 190px; font-size: 11px; line-height: 1.6; }
.board-view .column.drag-over { background: #eeecfc !important; border-color: #9189e3 !important; }
.board-view .task-card.is-dragging { opacity: .45; }
.board-view .task-card.done .task-card-title { color: #7b8592 !important; text-decoration: line-through; }
.board-view .card-save-retry { border: 1px solid #efc2c4; background: #fff3f3; border-radius: 7px; color: #a33741; padding: 8px; font-size: 12px; cursor: pointer; }
.board-view :is(button, input, [tabindex]):focus-visible { outline: 2px solid #8175db !important; outline-offset: 2px; }
.board-view .task-card-subtask:focus-within { outline: 2px solid #8175db; outline-offset: 1px; border-radius: 5px; }
.board-view button:disabled { opacity: .4 !important; cursor: default !important; }
@media (max-width: 760px) {
  .workspace:has(> .board-view) .view-tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 8px !important; scrollbar-width: thin; }
  .workspace:has(> .board-view) .view-tabs button { flex: 0 0 auto !important; min-width: 80px; min-height: 46px; }
  .workspace:has(> .board-view) .filter-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; }
  .workspace:has(> .board-view) #searchInput { grid-row: 2; grid-column: 1 / -1; width: 100% !important; }
  .workspace:has(> .board-view) #toggleFilters { grid-column: 2; grid-row: 1; width: auto !important; }
  .board-view { grid-template-columns: none !important; grid-auto-columns: minmax(268px, 82vw) !important; gap: 12px !important; }
  .board-view .column-automation { opacity: 1; }
  .board-view .task-card-menu { min-height: 32px; }
  .board-view .board-quick-task input { min-height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .board-view *, .task-card-v2 * { transition: none !important; scroll-behavior: auto !important; }
}