/* Takenbibliotheek: geen checklist, maar een rustige verzameling vaste taaksoorten. */
.task-template-library { display: block; }
#allTaskList.task-template-library .task-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) max-content max-content;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 70px;
  padding: 14px 18px;
  border-top: 1px solid var(--line);
}
#allTaskList.task-template-library .task-row:first-child { border-top: 0; }
#allTaskList.task-template-library .task-row .task-title { min-width: 0; }
#allTaskList.task-template-library .task-row .task-title strong,
#allTaskList.task-template-library .task-row .task-title small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#allTaskList.task-template-library .task-row .assignee { min-width: 150px; }
#taskLibraryShell { background: transparent; border: 0; box-shadow: none; }
.task-library-loading { padding: 20px 0; }
#tasks .filter-row { display: none !important; }
.task-template-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto 16px; align-items: center; gap: 12px; width: 100%; padding: 17px 18px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.task-template-row:last-child { border-bottom: 0; }
.task-template-row:hover { background: #f7faff; }
.task-template-row strong, .task-template-row small { display: block; }
.task-template-row strong { font-size: 14px; }
.task-template-row small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.template-symbol { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #e8f1fb; color: #2469ae; font-weight: 800; }
.template-frequency { padding: 5px 8px; border-radius: 7px; background: #eef2f6; color: #536677; font-size: 10px; font-weight: 750; }
.planning-template-field { padding: 12px; border: 1px solid #c9dced; border-radius: 11px; background: #f6faff; }
#taskDialog .planning-template-field select { margin-top: 6px; }
.planning-template-field span, .template-help { display: block; margin-top: 7px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.task-template-dialog { width: min(510px, calc(100% - 32px)); margin: auto; background: #f5f7fa; }
.task-template-dialog form { padding: 28px !important; }
.task-template-dialog label { display: block; margin: 14px 0 !important; color: #3f4a53; }
.task-template-dialog input, .task-template-dialog select { display: block; width: 100%; min-height: 42px; margin-top: 6px; padding: 10px 12px; border: 1px solid #d8dde3; border-radius: 10px; background: #fff; }
.task-template-dialog .employee-form-actions { display:flex; gap:10px; margin-top:18px; }
.task-template-dialog .primary { flex: 1; margin: 0; }
.task-template-dialog .danger-button { border:1px solid #e2c8c8; border-radius:9px; background:#fff; color:#a54545; padding:10px 14px; font-weight:650; cursor:pointer; }
/* Vaste taaktypen zelf zijn geen afvinklijst; ingeplande uitvoeringen wel. */
.task-status-check { display: none !important; }
[data-theme="dark"] .task-template-row:hover { background: #21384e; }
[data-theme="dark"] .task-template-dialog { background: #1b2733; }
[data-theme="dark"] .task-template-dialog input, [data-theme="dark"] .task-template-dialog select { background: #17212b; color: #edf3f8; border-color: #3b4a58; }