/* Module « Tâches » (tk-*) — styles PROPRES à la page /tasks/.
   Le chrome pl-* partagé (navbar, modale, récurrence, boutons, flash) vit
   dans planning-shared.css, chargé avant ce fichier par lib/tasks/render.php.
   Utilise EXCLUSIVEMENT les tokens --ba-* déclarés dans badgeuse-app.css. */
/* ===================================================================
   Module « Tâches » (tk-*) : liste de tâches, case « réalisé », note.
   Réutilise le chrome pl-* (navbar, modale, récurrence, boutons, flash).
   =================================================================== */
.tk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:4px 0 16px;flex-wrap:wrap}
.tk-title{font-size:var(--ba-font-4xl);font-weight:700;color:var(--ba-text-strong);margin:0}
.tk-section{margin:0 0 22px}
.tk-section-title{font-size:var(--ba-font-base);font-weight:600;text-transform:uppercase;letter-spacing:.04em;
  color:var(--ba-text-muted);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.tk-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  padding:0 6px;border-radius:var(--ba-radius-pill);background:var(--ba-bg-subtle);color:var(--ba-text-muted);
  font-size:var(--ba-font-xs);font-weight:700}
.tk-section--done{opacity:.92}
.tk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ba-space-2)}
.tk-row{display:flex;align-items:flex-start;gap:12px;background:var(--ba-surface,#fff);
  border:1px solid var(--ba-border);border-radius:var(--ba-radius-card);padding:12px 14px}
.tk-row--done{background:var(--ba-bg-subtle)}
.tk-row--done .tk-row-title{color:var(--ba-text-muted);text-decoration:line-through}
.tk-row-main{flex:1;min-width:0}
.tk-row-title{font-size:var(--ba-font-lg);font-weight:600;color:var(--ba-text-strong);
  display:flex;align-items:center;gap:var(--ba-space-1);flex-wrap:wrap}
.tk-row-meta{font-size:var(--ba-font-sm);color:var(--ba-text-muted);margin-top:2px}
.tk-row-details{font-size:var(--ba-font-sm);color:var(--ba-text-muted);margin-top:4px;white-space:pre-wrap}
.tk-row-done-meta{font-size:var(--ba-font-xs);color:var(--ba-text-muted);margin-top:4px}
.tk-row-note{font-size:var(--ba-font-sm);color:var(--ba-text-strong);margin-top:var(--ba-space-1);
  background:var(--ba-bg-subtle);border-radius:var(--ba-radius-control);padding:6px 10px;font-style:italic}
.tk-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--ba-font-xs);
  line-height:1;border-radius:var(--ba-radius-pill)}
.tk-badge--rec{color:var(--ba-primary,#10507b)}
.tk-row-edit{flex:none;border:1px solid var(--ba-border);background:transparent;
  color:var(--ba-text-strong);font-size:var(--ba-font-sm);border-radius:var(--ba-radius-control);
  padding:6px 12px;cursor:pointer}
.tk-row-edit:hover{background:var(--ba-bg-subtle)}
/* Case « réalisé » (bouton accessible). */
.tk-check{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--ba-border);
  background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:var(--ba-bg-white);padding:0;margin-top:1px;transition:background .12s,border-color .12s}
.tk-check svg{width:16px;height:16px;opacity:0}
.tk-check--on{background:var(--ba-success);border-color:var(--ba-success)}
.tk-check--on svg{opacity:1}
.tk-check[aria-busy="true"]{opacity:.5;pointer-events:none}
.tk-note-wrap{margin-top:8px}
.tk-note-toggle{border:0;background:transparent;color:var(--ba-primary,#10507b);
  font-size:var(--ba-font-sm);cursor:pointer;padding:0;text-decoration:underline}
.tk-note-editor{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.tk-note-input{width:100%;box-sizing:border-box;border:1px solid var(--ba-border);
  border-radius:var(--ba-radius-control);padding:8px;font:inherit;resize:vertical}
.pl-btn-danger{color:var(--ba-danger-text);border-color:var(--ba-danger-text)}
.pl-field-row{display:flex;gap:12px}
.pl-field-row .pl-field{flex:1}

/* Accessibilité : réduction des animations (P8). */
@media (prefers-reduced-motion: reduce){
  .tk-check{transition:none}
}