/* Approved board concept: board columns and cards. The shared shell lives in app-shell.css. */
.board-view .task-card-checklist:not(.expanded) { display: none !important; }
.board-view .task-card-checklist-progress { display: none !important; }
.workspace:has(> .board-view) #taskToolbarAdd { display: none !important; }
#boardMyTasks { display: none; }
.workspace:has(> .board-view) #boardMyTasks { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 6px 12px; white-space: nowrap; }
#boardMyTasks .avatar { width: 25px !important; height: 25px !important; font-size: 11px !important; }
.workspace:has(> .board-view) #boardMyTasks[aria-pressed='true'] { background: #f0eaff !important; color: #7145ce !important; border-color: #b69be8 !important; }
.workspace:has(> .board-view) #summary { display: none !important; }
.workspace > .board-view { margin: 0 24px 24px !important; padding: 0 0 4px !important; grid-auto-columns: minmax(250px,1fr) !important; gap: 16px !important; background: #fff !important; }
.board-view .column { padding: 10px 8px 8px !important; border: 1px solid #eae5f3 !important; border-radius: 8px !important; background: #f8f6fc !important; gap: 6px !important; min-width: 0 !important; }
.board-view .column > header { padding: 0 7px !important; min-height: 34px !important; gap: 6px !important; }
.board-view .board-section-title { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; min-width: 0 !important; }
.board-view .board-section-title strong { font-size: 14px !important; font-weight: 600 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-column-dot { background: var(--column-color); width: 8px; height: 8px; border-radius: 50%; flex: 0 0 8px; }
.board-count { color: #9990aa; font-size: 13px; }
.board-view .board-section-title small,.board-view .column-count,.board-view .column-progress { display: none !important; }
.board-view .column-actions { gap: 3px !important; }
.board-view .column-add-task { order: -1; }
.board-view .column-actions button { opacity: 1 !important; width: 24px !important; min-width: 24px !important; min-height: 28px !important; padding: 0 !important; color: #898098 !important; background: transparent !important; border: 0 !important; font-size: 21px !important; }
.board-view .column-tasks { padding: 2px 0 8px !important; gap: 9px !important; }
.board-view .task-card { display: flex !important; flex-direction: column !important; gap: 7px !important; padding: 12px !important; border: 1px solid #ebe6f0 !important; border-radius: 7px !important; box-shadow: 0 1px 3px #30224104 !important; background: #fff !important; position: relative; }
.board-view .task-card:hover,.board-view .task-card:focus-within,.board-view .task-card.active { border-color: #a282ee !important; box-shadow: 0 2px 8px #65439809 !important; transform: none !important; }
.board-card-top { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 21px; }
.board-card-tags { display: flex; flex-wrap: wrap; gap: 5px; min-width: 0; }
.board-view .board-card-tags .tag { display: inline-flex !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.4 !important; border: 0 !important; border-radius: 4px !important; padding: 3px 6px !important; background: color-mix(in srgb,var(--tag,#7954d6) 10%,white) !important; color: color-mix(in srgb,var(--tag,#7954d6) 80%,#222) !important; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-priority { font-size: 10px; line-height: 1.4; padding: 3px 6px; color: #ad7419; background: #fff4d9; border-radius: 4px; }
.board-priority.urgent { color: #bf4c5d; background: #ffedf0; }
.board-card-actions { display: flex; gap: 5px; margin-left: auto; flex-shrink: 0; }
.board-view .board-card-actions :is(.card-complete,.task-card-menu) { width: 22px !important; height: 22px !important; min-height: 22px !important; min-width: 22px !important; margin: 0 !important; opacity: 0 !important; }
.board-view .task-card:is(:hover,:focus-within) .board-card-actions button,.board-view .task-card.done .card-complete { opacity: 1 !important; }
.board-view .task-card-menu img { opacity: .65; }
.board-view .task-card-head { display: block !important; padding: 0 !important; }
.board-view .task-card-title { font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: -.1px !important; color: #24202c !important; -webkit-line-clamp: 3 !important; }
.board-view .task-card-description { margin: 0 !important; padding: 0 !important; color: #857d92 !important; font-size: 12px !important; line-height: 1.5 !important; -webkit-line-clamp: 2 !important; }
.board-view .task-card-meta-row.task-card-footer { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 7px !important; border: 0 !important; padding: 4px 0 0 !important; min-height: 29px !important; margin: 0 !important; }
.board-view .task-card-meta-actions { min-width: 0 !important; margin: 0 !important; }
.board-view .due-badge { border: 0 !important; background: transparent !important; padding: 0 !important; font-size: 11px !important; min-height: 22px !important; color: #837a94 !important; white-space: nowrap; }
.board-view .due-badge.overdue { color: #db5363 !important; }
.board-view .due-badge.today { color: #7954d6 !important; }
.board-view .due-badge.none { color: #a39bac !important; }
.board-view .task-checklist-toggle { display: flex !important; gap: 6px !important; padding: 0 !important; border: 0 !important; background: transparent !important; min-height: 24px !important; }
.board-checklist-meter { width: 40px; height: 4px; border-radius: 4px; background: #e6e0ef; overflow: hidden; }
.board-checklist-meter i { display: block; height: 100%; background: #8b60e7; border-radius: inherit; }
.board-view .task-checklist-chevron { display: none !important; }
.board-view .task-checklist-toggle small { font-size: 11px !important; color: #887d9a !important; }
.board-view .task-card-stats { display: flex !important; gap: 6px !important; }
.board-view .task-card-stats:empty { display: none !important; }
.board-view .task-card-stats .task-stat { color: #8b819c !important; font-size: 11px !important; }
.board-view .task-card-followers { margin-left: auto !important; }
.board-view .avatar-stack .avatar { width: 26px !important; height: 26px !important; font-size: 11px !important; }
.board-unassigned { display: grid; place-items: center; width: 26px; height: 26px; border: 1px dashed #d9d0e5; border-radius: 50%; color: #b4a8c5; }
.board-view .task-card.done { opacity: 1 !important; }
.board-view .task-card.done .task-card-title { color: #8c839a !important; text-decoration: none !important; }
.board-view .task-card.done .task-card-description { color: #a199ad !important; }
.board-view .board-quick-task { display: flex !important; margin-top: auto !important; padding: 0 4px !important; background: transparent !important; border-radius: 6px !important; }
.board-view .board-quick-task button { order: -1; background: transparent !important; border: 0 !important; color: #8962d8 !important; width: 24px !important; min-width: 24px !important; }
.board-view .board-quick-task input { padding: 6px 3px !important; color: #7954d6 !important; background: transparent !important; }
.board-view .board-quick-task input::placeholder { color: #9574cf !important; }
@media (max-width: 1100px) {
  .workspace > .board-view { grid-auto-columns: minmax(260px,1fr) !important; }
}
@media (max-width: 760px) {
  .workspace:has(> .board-view) #boardMyTasks { grid-row: 2; grid-column: 2; padding: 6px !important; font-size: 12px !important; }
  .workspace:has(> .board-view) #boardMyTasks .avatar { display: none !important; }
  .workspace > .board-view { margin: 0 14px 14px !important; grid-auto-columns: minmax(260px,82vw) !important; gap: 12px !important; }
  .board-view .board-card-actions :is(.card-complete,.task-card-menu) { opacity: .7 !important; }
}
.board-view .column > header { margin: 0 !important; }
.board-view .column-tasks { min-height: 0 !important; flex: 1 1 0 !important; }
.board-view .column { display: flex !important; flex-direction: column !important; min-height: 0 !important; }
.board-view .column > header,.board-view .board-quick-task { flex-shrink: 0 !important; }
.board-view .column-tasks { overflow-y: auto !important; }
.board-view .task-card { flex-shrink: 0 !important; }
.board-view .task-card-title { font-size: 15px !important; }
.board-view .task-card-description { font-size: 13px !important; }
.board-view .board-card-tags .tag,.board-view .board-priority { font-size: 11px !important; }
.board-view .task-card .due-badge { background: transparent !important; color: #857b95 !important; font-size: 12px !important; font-weight: 450 !important; }
.board-view .task-card .due-badge.overdue { color: #d74d61 !important; }
.board-view .task-card .due-badge.today { color: #7954d6 !important; }
.board-view .task-card.done .card-complete { background: #fff !important; border: 1.5px solid #63ac45 !important; color: #63ac45 !important; }
.board-view .task-card.done .card-complete::after { border-color: #63ac45 !important; }
@media (max-width: 760px) {
  .workspace:has(> .board-view) #boardMyTasks { grid-column: 2; }
}
.workspace:has(> .board-view) #boardMyTasks { min-width: 160px !important; }
.workspace > .board-view { margin-bottom: 32px !important; }
.board-view .column { padding: 10px 10px 8px !important; }
.board-view .column > header { min-height: 40px !important; padding-inline: 5px !important; }
.board-view .board-section-title strong { font-size: 16px !important; }
.board-count { font-size: 15px; }
.board-view .column-tasks { gap: 9px !important; }
.board-view .task-card { padding: 14px !important; gap: 7px !important; }
.board-view .task-card-title { font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; }
.board-view .task-card-description { font-size: 14px !important; line-height: 1.45 !important; color: #746d81 !important; }
.board-view .task-card-description,.board-view .task-card-title { white-space: normal !important; overflow-wrap: anywhere !important; overflow: hidden !important; max-width: 100% !important; min-width: 0 !important; }
.board-view .task-card-description { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; width: 100% !important; }
.board-view .task-card-title-wrap { display: block !important; min-width: 0 !important; max-width: 100% !important; }
.board-view .task-card-meta-row.task-card-footer { padding-top: 4px !important; min-height: 34px !important; }
.board-view .task-card .due-badge { font-size: 13px !important; }
.board-view .avatar-stack .avatar { width: 30px !important; height: 30px !important; font-size: 13px !important; }
.board-view .board-quick-task input { font-size: 13px !important; }
.board-view .task-checklist-toggle small { font-size: 12px !important; }
.board-checklist-meter { width: 64px; height: 5px; }
.board-view .task-card-stats .task-stat { font-size: 13px !important; }
@media (max-width: 1100px) {
 .workspace:has(> .board-view) #boardMyTasks { min-width: 130px !important; }
}
@media (max-width: 760px) {
 .workspace:has(> .board-view) #boardMyTasks,.workspace:has(> .board-view) #toggleFilters { min-width: 0 !important; font-size: 12px !important; }
}

/* Add-column tile at the end of the board and the column menu. */
.board-view .board-add-column { display: flex; align-items: flex-start; justify-content: center; gap: 8px; min-height: 120px; padding: 16px 12px; border: 1.5px dashed #d9d0e5; border-radius: 8px; background: transparent; color: #7954d6; font: 500 15px/1.4 var(--app-font); cursor: pointer; }
.board-view .board-add-column:hover { border-color: #a282ee; background: #faf8fe; }
.board-view .board-add-column span { font-size: 18px; line-height: 1.1; }
.column-automation-menu .column-menu-actions { display: grid; gap: 2px; padding: 6px; }
.column-automation-menu .column-menu-actions button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: #24202c; font: 14px var(--app-font); text-align: left; cursor: pointer; }
.column-automation-menu .column-menu-actions button:hover { background: #f6f2ff; }
.column-automation-menu .column-menu-actions button span { width: 18px; color: #7954d6; text-align: center; }
.column-automation-menu .column-menu-actions button.danger { color: #bf4c5d; }
.column-automation-menu .column-menu-actions button.danger span { color: #bf4c5d; }
html[data-theme="dark"] .board-view .board-add-column { border-color: #463e57; color: #a88bf5; }
html[data-theme="dark"] .board-view .board-add-column:hover { background: #211c2d; }
html[data-theme="dark"] .column-automation-menu { background: #231f2d !important; border-color: #322c3f !important; color: #ece9f3 !important; }
html[data-theme="dark"] .column-automation-menu .column-menu-actions button { color: #ece9f3; }
html[data-theme="dark"] .column-automation-menu .column-menu-actions button:hover { background: #2a2535; }
.column-automation-menu > header { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 8px !important; padding: 10px 12px 6px !important; }
.column-automation-menu > header strong { display: block; color: #24202c; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.column-automation-menu > header small { color: #898397; font-size: 12px; }
html[data-theme="dark"] .column-automation-menu > header strong { color: #ece9f3; }
.board-view .board-add-column { align-self: start !important; height: auto !important; min-height: 56px !important; align-items: center !important; }
.column-automation-menu { width: min(232px, calc(100% - 16px)) !important; left: auto !important; right: 8px !important; }

/* Card: the completion circle sits next to the title and is always visible; the edit pencil floats in the corner */
.board-view .task-card-head { display: flex !important; align-items: flex-start !important; gap: 8px !important; }
.board-view .task-card-head .card-complete { flex: none; width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; margin: 2px 0 0 !important; opacity: 1 !important; }
.board-view .task-card-head .task-card-title-wrap { min-width: 0; flex: 1 1 auto; padding-right: 22px; }
.board-view .task-card > .board-card-actions { position: absolute; top: 8px; right: 8px; z-index: 1; }
.board-view .task-card > .board-card-actions .task-card-menu { background: #fff !important; }
.board-view .task-card > .board-card-top { min-height: 0; }
.board-view .task-card.done .task-card-title { color: #8c839a !important; }
.board-unassigned { background: url("/icons/lucide/user.svg") center / 14px no-repeat; opacity: .55; }
@media (hover: none) { .board-view .task-card > .board-card-actions .task-card-menu { opacity: .7 !important; } }
html[data-theme="dark"] .board-view .task-card > .board-card-actions .task-card-menu { background: var(--d-surface-2) !important; }
html[data-theme="dark"] .board-unassigned { filter: invert(.85); }