:root {
  --pf-accent: #00d1b8;
}

/* Tasks board base */
#taskBoardContent { overflow-x: auto; overflow-y: visible; }
#taskBoardContent .kanban-board {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(320px, 1fr);
  align-items: start;
  gap: 12px;
  padding-bottom: 8px;
}
#taskBoardContent .kanban-col { min-width: 320px; }
#taskBoardContent .kanban-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; }
/* Modern, minimalist task card polish */
#taskBoardContent .kanban-card { transition: box-shadow 140ms ease, transform 80ms ease, border-color 140ms ease; }
#taskBoardContent .kanban-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.08); border-color: #d1d5db; }
#taskBoardContent .kanban-card:active { transform: translateY(0.5px) scale(0.998); }

/* Compact density for Task Board shell */
#taskBoardShell.pf-compact .pf-btn { height: 32px; padding: 0 10px; border-radius: 10px; }
#taskBoardShell.pf-compact .pf-input { height: 32px; border-radius: 10px; }
#taskBoardShell.pf-compact #taskBoardToolbar { padding-top: 8px; padding-bottom: 8px; }
#taskBoardShell.pf-compact .kanban-card { padding: 10px; border-radius: 10px; }
#taskBoardShell.pf-compact .pf-card { border-radius: 10px; }

/* Kanban column card border colors by status */
#taskBoardContent .kanban-col--open .pf-card { border-color: rgba(2,132,199,0.25); }
#taskBoardContent .kanban-col--in_progress .pf-card { border-color: rgba(245,158,11,0.25); }
#taskBoardContent .kanban-col--done .pf-card { border-color: rgba(34,197,94,0.25); }
#taskBoardContent .kanban-col--canceled .pf-card { border-color: rgba(239,68,68,0.25); }

/* SortableJS states */
.is-ghost { opacity: 0.5; }
.is-chosen { outline: 2px solid var(--pf-accent); outline-offset: 2px; }
.is-dragging { cursor: grabbing !important; }

/* Drop target highlight */
.pf-drop-target { box-shadow: inset 0 0 0 2px var(--pf-accent); background: rgba(0,209,184,0.06); }

/* Toolbar search icon alignment tweaks within modal header toolbars */
#taskBoardModal #taskBoardToolbar .material-symbols-outlined { pointer-events: none; }

/* Compact filter bar styling under sticky header */
#taskBoardModal #taskFiltersBar {
  background: #ffffff;
  border-bottom: 1px solid #eef2f7;
}

/* Accessible focus */
.pf-focus-ring { outline: 2px solid var(--pf-accent); outline-offset: 2px; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .sortable-chosen, .sortable-ghost, .sortable-drag { transition: none !important; }
}

/* Status badges */
.pf-badge { display: inline-block; font-size: 10px; line-height: 1; padding: 4px 6px; border-radius: 9999px; border: 1px solid transparent; }
.pf-badge--open { background: rgba(2,132,199,0.08); color: #0369a1; border-color: rgba(2,132,199,0.25); }
.pf-badge--in_progress { background: rgba(245,158,11,0.10); color: #b45309; border-color: rgba(245,158,11,0.25); }
.pf-badge--done { background: rgba(34,197,94,0.10); color: #166534; border-color: rgba(34,197,94,0.25); }
.pf-badge--canceled { background: rgba(239,68,68,0.10); color: #7f1d1d; border-color: rgba(239,68,68,0.25); }