#panneau-taches{background:var(--blanc);border:1px solid var(--trait);
  border-radius:var(--rayon);overflow:hidden;display:flex;flex-direction:column}
#panneau-taches .ptete{display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px 6px;gap:10px}
#panneau-taches .ptete h2{font-size:var(--t-corps);margin:0}
#panneau-taches .lien-arch{background:transparent;border:0;color:var(--doux);
  font-size:var(--t-mention);cursor:pointer;display:inline;white-space:nowrap}
#panneau-taches .lien-arch:hover{color:var(--accent)}
#panneau-taches .filtres-t{display:flex;gap:5px;padding:10px 16px 2px;flex-wrap:wrap}
#panneau-taches .filtres-t button{background:var(--blanc);border:1px solid var(--trait);
  color:var(--doux);border-radius:20px;padding:4px 12px;font-size:var(--t-mention);
  cursor:pointer;font-family:inherit}
#panneau-taches .filtres-t button[aria-pressed="true"]{background:var(--accent-clair);
  color:var(--accent);border-color:var(--pousse);font-weight:600}
#panneau-taches .taches,#panneau-taches .taches-archives{padding:4px 8px 2px;
  min-height:0}
#panneau-taches .taches{min-height:96px}
#panneau-taches .tache-section{padding:8px 8px 2px;font-size:var(--t-mention);
  font-weight:700;color:var(--doux);text-transform:uppercase;letter-spacing:.04em}
#panneau-taches .tache-section.retard{color:var(--alerte)}
#panneau-taches .tache-vide{padding:14px 10px;color:var(--doux);font-style:italic;
  font-size:var(--t-appui)}
#panneau-taches .tache{display:flex;align-items:flex-start;gap:11px;padding:8px 10px;
  border-radius:9px;transition:opacity .3s,transform .3s}
#panneau-taches .tache:hover{background:var(--accent-clair)}
#panneau-taches .tache .ck{width:19px;height:19px;border:1.6px solid var(--grege);
  border-radius:6px;flex:none;margin-top:2px;cursor:pointer;display:grid;
  place-items:center;background:var(--blanc);padding:0}
#panneau-taches .tache .ck svg{width:12px;height:12px;color:#fff;opacity:0}
#panneau-taches .tache.faite .ck{background:var(--pousse);border-color:var(--pousse)}
#panneau-taches .tache.faite .ck svg{opacity:1}
#panneau-taches .tache.faite .tache-titre{text-decoration:line-through;color:var(--doux)}
#panneau-taches .tache-corps{display:block;flex:1;min-width:0;padding:0;gap:0}
#panneau-taches .tache-titre{font-size:var(--t-appui);font-weight:600;line-height:1.3;
  overflow-wrap:anywhere}
#panneau-taches .tache-mentions{font-size:var(--t-mention);color:var(--doux);
  display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:3px}
#panneau-taches .tache-dossier{background:var(--ivoire);border:1px solid var(--trait);
  border-radius:6px;padding:0 6px;font-size:var(--t-mention);color:var(--doux);
  font-family:inherit;cursor:pointer}
#panneau-taches .tache-dossier:hover{color:var(--accent);border-color:var(--pousse)}
#panneau-taches .tache-qui{display:inline-grid;place-items:center;min-width:20px;
  height:20px;padding:0 4px;border-radius:10px;background:var(--accent-clair);
  color:var(--accent);font-size:9.5px;font-weight:700;border:1px solid var(--trait)}
#panneau-taches .tache-echeance{font-weight:700;color:var(--encre);white-space:nowrap;
  background:transparent;border:0;padding:0;font-size:var(--t-mention);
  font-family:inherit;cursor:pointer;text-decoration:underline dotted}
#panneau-taches .tache-echeance.retard{color:var(--alerte)}
#panneau-taches .tache-echeance-saisie,#panneau-taches .tache-dossier-choix{
  border:1px solid var(--pousse);border-radius:6px;padding:1px 4px;
  font-size:var(--t-mention);font-family:inherit;background:var(--blanc);
  color:var(--encre);max-width:100%}
#panneau-taches .src-mail{background:transparent;border:0;color:var(--accent);
  cursor:pointer;padding:0;font:inherit;font-size:var(--t-mention);
  text-decoration:underline dotted}
#panneau-taches .tache-reprendre{background:transparent;border:0;color:var(--accent);
  cursor:pointer;padding:0;font:inherit;font-size:var(--t-mention);
  text-decoration:underline dotted}
#panneau-taches .tache-ajout{background:transparent;border:0;color:var(--doux);
  cursor:pointer;padding:0;font:inherit;font-size:var(--t-mention);opacity:.7}
#panneau-taches .tache:hover .tache-ajout{opacity:1}
#panneau-taches .tache-ajout:hover{color:var(--accent)}
#panneau-taches .tache-titre{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
#panneau-taches .tache-titre-saisie{width:100%;border:1px solid var(--pousse);
  border-radius:6px;padding:3px 6px;font:inherit;font-size:var(--t-appui);
  font-weight:600}
#panneau-taches .tache-replier{display:block;width:100%;text-align:left;
  background:transparent;border:0;border-top:1px dashed var(--trait);margin-top:6px;
  padding-top:10px;cursor:pointer;font-family:inherit}
#panneau-taches .tache-replier:hover{color:var(--accent)}
#panneau-taches .tache.memo .tache-titre{font-weight:500;color:var(--doux)}
#panneau-taches .tache-questions{border-top:1px dashed var(--trait);margin-top:6px;
  padding-top:10px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
#panneau-taches .tache-questions .tache-ajout{opacity:1}
#panneau-taches .tache-question-avis{display:flex;flex-wrap:wrap;gap:8px;
  align-items:baseline;padding:6px 8px;font-size:var(--t-mention);color:var(--doux)}
#panneau-taches .tache-question-avis .tache-ajout{opacity:1}
#panneau-taches .taches-archives{border-top:1px solid var(--trait);
  background:var(--ivoire)}
#panneau-taches .taches-archives .tache{opacity:.75}
#panneau-taches .ajout{display:flex;gap:6px;padding:10px 12px;
  border-top:1px solid var(--trait);background:var(--ivoire);flex-wrap:wrap;
  align-items:center;margin-top:auto}
#panneau-taches .ajout input#new-tache{flex:1 1 140px;min-width:0}
#panneau-taches .ajout input{border:1px solid var(--trait);border-radius:8px;
  padding:8px 11px;font-size:var(--t-appui);font-family:inherit;background:var(--blanc)}
#panneau-taches .ajout input#new-echeance{flex:0 1 128px;min-width:104px;
  padding:7px 6px;font-size:var(--t-mention);color:var(--doux)}
#panneau-taches .ajout input:focus{outline:2px solid var(--pousse);outline-offset:1px}
#panneau-taches .ajout .aff{font-size:var(--t-mention);color:var(--doux);
  border:1px solid var(--trait);border-radius:8px;padding:6px 10px;
  background:var(--blanc);cursor:pointer;font-family:inherit}
#panneau-taches .ajout button.add{background:var(--accent);color:var(--creme);border:0;
  border-radius:8px;padding:7px 14px;cursor:pointer;font-size:var(--t-appui);
  font-family:inherit}
.memo-fenetre{position:fixed;inset:0;background:rgba(20,20,20,.35);display:flex;
  align-items:center;justify-content:center;z-index:60}
.memo-fenetre[hidden]{display:none}
.memo-carte{background:var(--blanc);border-radius:var(--rayon);max-width:640px;
  width:min(92vw,640px);max-height:80vh;overflow:auto;padding:18px 20px;
  position:relative;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.memo-carte h3{margin:0 24px 6px 0;font-size:var(--t-corps)}
.memo-fermer{position:absolute;top:8px;right:10px;background:transparent;border:0;
  font-size:22px;cursor:pointer;color:var(--doux)}
.memo-verbatim{white-space:pre-wrap;font:inherit;font-size:var(--t-appui);
  margin:12px 0 8px;line-height:1.45}
.memo-lien{font-size:var(--t-mention);color:var(--accent)}