/* List view in the approved board concept: same palette, type scale and pill styles as the board cards. */
.workspace > .list-view { margin: 0 24px 32px !important; padding: 0 !important; display: grid !important; gap: 12px !important; background: #fff !important; }

.list-view .task-visibility-bar { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 0 2px !important; }
.list-view .task-visibility-bar > div { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; }
.list-view .task-visibility-bar span { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #898397 !important; font-size: 13px !important; font-weight: 450 !important; }
.list-view .task-visibility-bar button { min-height: 32px !important; padding: 6px 12px !important; border: 1px solid #ddd7e7 !important; border-radius: 7px !important; background: #fff !important; color: #7954d6 !important; font-size: 13px !important; }


.list-view .list-shell { padding: 0 !important; border: 1px solid #eae5f3 !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; overflow-x: auto !important; overflow-y: hidden !important; }
.list-view .list-header-row { margin: 0 !important; padding: 10px 16px 10px 52px !important; border-bottom: 1px solid #ece8f2 !important; background: #fbfaff !important; }
.list-view .list-header-row span { color: #898397 !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: uppercase !important; }

.list-view .section-row { margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #ece8f2 !important; background: #f8f6fc !important; }
.list-view .section-row button { display: flex !important; align-items: center !important; gap: 9px !important; width: 100% !important; min-height: 44px !important; padding: 8px 16px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #24202c !important; }
.list-view .section-row strong { font-size: 15px !important; font-weight: 600 !important; color: #24202c !important; }
.list-view .section-row small { color: #9990aa !important; font-size: 14px !important; font-weight: 450 !important; }
.list-view .section-row .section-dot { width: 8px !important; height: 8px !important; flex: 0 0 8px !important; box-shadow: none !important; }
.list-view .section-row .section-chevron { color: #898098 !important; }

.list-view .list-task-row { min-height: 60px !important; margin: 0 !important; padding: 10px 16px !important; border: 0 !important; border-bottom: 1px solid #f0edf5 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; align-items: center !important; }
.list-view .list-task-row:hover,.list-view .list-task-row:focus-within,.list-view .list-task-row.active { background: #faf8fe !important; transform: none !important; }
.list-view .list-task-row.selected { background: #f6f2ff !important; }
.list-view .list-task-main { display: grid !important; gap: 5px !important; min-width: 0 !important; }
.list-view .list-task-main strong { color: #24202c !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.35 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.list-view .list-task-main > small { display: none !important; }
.list-view .list-task-row.done .list-task-main strong { color: #8c839a !important; text-decoration: none !important; }
.list-view .list-task-details { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; }
.list-view .list-task-tags { display: flex !important; gap: 5px !important; }
.list-view .list-task-tags .tag { display: inline-flex !important; padding: 3px 6px !important; border: 0 !important; border-radius: 4px !important; background: color-mix(in srgb,var(--tag,#7954d6) 10%,white) !important; color: color-mix(in srgb,var(--tag,#7954d6) 80%,#222) !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.4 !important; box-shadow: none !important; }
.list-view .list-task-stats { display: flex !important; gap: 8px !important; }
.list-view .list-task-stats span { padding: 0 !important; border: 0 !important; background: transparent !important; color: #8b819c !important; font-size: 12px !important; }
.list-view .list-checklist-mini { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #887d9a !important; font-size: 12px !important; }
.list-view .list-checklist-mini i { width: 48px !important; height: 5px !important; border-radius: 4px !important; background: #e6e0ef !important; overflow: hidden !important; }
.list-view .list-checklist-mini i span { display: block !important; height: 100% !important; background: #8b60e7 !important; border-radius: inherit !important; }

.list-view .list-cell { min-width: 0 !important; color: #494558 !important; font-size: 14px !important; }
.list-view .list-assignee-cell { display: flex !important; align-items: center !important; gap: 8px !important; }
.list-view .list-assignee-cell .avatar { width: 28px !important; height: 28px !important; flex: 0 0 28px !important; font-size: 12px !important; }
.list-view .list-assignee-cell > span:last-child { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.list-view .due-badge { display: inline-flex !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #857b95 !important; font-size: 13px !important; font-weight: 450 !important; white-space: nowrap !important; }
.list-view .due-badge::before { display: none !important; }
.list-view .due-badge.overdue { color: #d74d61 !important; }
.list-view .due-badge.today { color: #7954d6 !important; }
.list-view .due-badge.none { color: #a39bac !important; }

.list-view :is(.task-priority-pill,.status-pill) { display: inline-flex !important; align-items: center !important; min-height: 0 !important; padding: 3px 8px !important; border: 0 !important; border-radius: 4px !important; box-shadow: none !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; white-space: nowrap !important; }
.list-view :is(.task-priority-pill,.status-pill)::before { display: none !important; }
.list-view .task-priority-pill { color: #6b6480 !important; background: #f1eef6 !important; }
.list-view .task-priority-pill.urgent { color: #bf4c5d !important; background: #ffedf0 !important; }
.list-view .task-priority-pill.high { color: #ad7419 !important; background: #fff4d9 !important; }
.list-view .task-priority-pill.low { color: #4d7a9a !important; background: #eaf3f8 !important; }
.list-view .status-pill { color: #7047db !important; background: #eee8ff !important; }
.list-view .status-pill[data-status='blocked'] { color: #bf4c5d !important; background: #ffedf0 !important; }
.list-view .status-pill[data-status='done'] { color: #3f8a2c !important; background: #eaf6e4 !important; }
.list-view .status-pill[data-status='todo'] { color: #6b6480 !important; background: #f1eef6 !important; }

.list-view .complete-circle:checked { border-color: #63ac45 !important; background-color: #fff !important; color: #63ac45 !important; }

.list-view .quick-task-row { grid-template-columns: minmax(0,1fr) 28px !important; margin: 0 !important; padding: 4px 16px 4px 48px !important; border: 0 !important; border-bottom: 1px solid #f0edf5 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
.list-view .quick-task-row::before { display: none !important; }
.list-view .quick-task-row input { min-height: 36px !important; padding: 6px 4px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; color: #7954d6 !important; font-size: 14px !important; }
.list-view .quick-task-row input::placeholder { color: #9574cf !important; }
.list-view .quick-task-row button { width: 28px !important; min-width: 28px !important; height: 28px !important; min-height: 28px !important; padding: 0 !important; border: 1px solid #ddd7e7 !important; border-radius: 7px !important; background: #fff !important; box-shadow: none !important; color: #7954d6 !important; opacity: 0; }
.list-view .quick-task-row:focus-within button,.list-view .quick-task-row:hover button { opacity: 1; }

@media (max-width: 760px) {
  .workspace > .list-view { margin: 0 14px 14px !important; }
  .list-view .list-task-row { padding: 10px 12px !important; }
  .list-view .quick-task-row { padding: 4px 12px 4px 44px !important; }
  .list-view .section-row button { padding: 8px 12px !important; }
  .list-view .list-header-row { display: none !important; }
  .list-view .list-shell > * { min-width: 0 !important; }
  .list-view .list-task-row { grid-template-columns: 24px repeat(2,minmax(0,1fr)) !important; column-gap: 12px !important; row-gap: 8px !important; align-items: start !important; }
  .list-view .list-task-row > .complete-circle { grid-row: 1 !important; margin-top: 2px !important; }
  .list-view .list-task-main { grid-column: 2 / -1 !important; grid-row: 1 !important; }
  .list-view .list-task-main strong { white-space: normal !important; overflow-wrap: anywhere !important; }
  .list-view .list-task-row > .list-cell { grid-row: auto !important; min-height: 24px !important; display: flex !important; align-items: center !important; }
  .list-view .list-task-row > .list-cell:nth-child(3) { grid-column: 2 !important; }
  .list-view .list-task-row > .list-cell:nth-child(4) { grid-column: 3 !important; }
  .list-view .list-task-row > .list-cell:nth-child(5) { grid-column: 2 !important; }
  .list-view .list-task-row > .list-cell:nth-child(6) { grid-column: 3 !important; }
  .list-view .list-assignee-cell .avatar { width: 24px !important; height: 24px !important; flex-basis: 24px !important; font-size: 11px !important; }
  .list-view .list-cell { font-size: 13px !important; min-width: 0 !important; }
  .list-view .list-cell .due-badge { white-space: normal !important; }
  .list-view .list-cell > :is(.task-priority-pill,.status-pill) { max-width: 100% !important; padding: 3px 6px !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; }
}

.list-view .list-task-row { grid-template-columns: 24px minmax(260px, 1.45fr) minmax(150px, .85fr) minmax(118px, .65fr) minmax(118px, .65fr) minmax(112px, .65fr); }
@media (max-width: 760px) { .list-view .list-task-row { grid-template-columns: 24px repeat(2,minmax(0,1fr)) !important; } }