/* Elevora CRM — css/taches.css
   La page Tâches (V3, 24/09/2026) : en-tête et jauge des étapes, onglets d'affichages,
   barre d'outils, pastilles, les quatre présentations, panneaux et fenêtres du module.

   Une feuille à part plutôt qu'un bloc de plus dans elevora.css : la page est grande, et plusieurs
   chantiers touchent elevora.css en même temps. Aucune couleur n'est écrite ici en dur : tout
   passe par les jetons des deux thèmes (elevora.css, :root et body.light). Les ombres en rgba
   reprennent celles du reste du CRM.

   La direction : la charte d'Elevora (Bleu Klein porte l'interface, la framboise est réservée à
   ce qui compte — ici, « aujourd'hui »), peu d'ombres, des arrondis mesurés, aucun survol
   décoratif. L'élément signature est la jauge des étapes en tête de page. */

/* ── Couleur de chaque étape (doublée partout de son nom en toutes lettres) ── */
.tk-e-a_demarrer{--tk-c:var(--text3)}
.tk-e-en_cours{--tk-c:var(--accent)}
.tk-e-en_attente{--tk-c:var(--amber)}
.tk-e-terminee{--tk-c:var(--green)}
.tk-e-reportee{--tk-c:var(--text2)}

/* Pleine largeur (retour de Célian du 25/09/2026, capture 55) : la page était bornée à 1 400 px ;
   sur son écran ultra-large, « tout est décalé sur la gauche, la moitié de l'écran est vide ». Elle
   prend désormais toute la largeur de la zone de contenu, comme les autres pages du CRM ; ce sont
   les colonnes du tableau et du tableau en colonnes qui se répartissent la place. */
.tk-page{max-width:none}
/* L'attribut hidden doit gagner sur les display:flex/grid de ce fichier : sans cette règle, les
   lignes « Le … » et « Nombre de fois » de la répétition restaient visibles, masquées ou non. */
.tk-page [hidden],.tk-fenetre [hidden],.tk-pop [hidden]{display:none !important}
.tk-leger{color:var(--text3);font-weight:400}
.tk-muet{color:var(--text3)}
.tk-danger{color:var(--red)}
/* Pas de display:none sur un conteneur d'erreur vide : c'est une zone role="alert" posée d'avance,
   et une zone masquée au moment où elle se remplit n'est pas toujours annoncée. */
.tk-err{color:var(--red);font-size:12.5px;line-height:1.45}

/* ── En-tête : titre, compteur en tête, création ── */
.tk-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.tk-h{font:700 22px/1.2 var(--font-display);color:var(--text);margin:0;letter-spacing:-.2px}
.tk-compteur{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:4px 0 0;font-size:13px;color:var(--text2)}
.tk-compteur-n{font:600 13px var(--mono);color:var(--text);margin-right:5px}
.tk-compteur-sep{width:4px;height:4px;border-radius:50%;background:var(--border2);margin:0 10px}
.tk-compteur-retard{color:var(--red);font-weight:600}
.tk-compteur-auj{color:var(--pink);font-weight:600}
.tk-tete-actions{display:flex;align-items:center;gap:8px}
.tk-creer{display:inline-flex}
.tk-creer .btn{min-height:38px}
.tk-creer-principal{border-top-right-radius:0;border-bottom-right-radius:0;font-weight:600}
.tk-creer-fleche{border-top-left-radius:0;border-bottom-left-radius:0;padding:7px 9px;box-shadow:inset 1px 0 0 var(--bg2)}
.tk-bouton-icone{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--border2);border-radius:var(--r);background:transparent;color:var(--text2);cursor:pointer;font-family:inherit}
.tk-bouton-icone:hover{background:var(--bg3);color:var(--text)}
.tk-bouton-icone:disabled,.tk-bouton-icone[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.tk-bouton-icone.tk-petit{width:30px;height:30px}
.tk-bouton-icone.tk-danger{color:var(--red)}

/* ── La jauge des étapes (signature de la page) ── */
.tk-jauge{margin:16px 0 18px;display:grid;gap:9px}
.tk-jauge-rail{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden;background:var(--bg3)}
.tk-jauge-rail--vide{background:transparent;border:1px dashed var(--border2)}
.tk-seg{min-width:6px;height:100%;background:var(--tk-c)}
.tk-seg.tk-e-reportee,.tk-point.tk-e-reportee,.tk-e-reportee .tk-point{background:repeating-linear-gradient(135deg,var(--text2) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--text2)}
.tk-jauge-legende{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--text2)}
.tk-jauge-item{display:inline-flex;align-items:center;gap:7px}
.tk-jauge-n{font:600 12.5px var(--mono);color:var(--text)}
.tk-jauge-item--zero .tk-jauge-l,.tk-jauge-item--zero .tk-jauge-n{color:var(--text3);font-weight:400}
.tk-point{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tk-c);flex-shrink:0}

/* ── Onglets d'affichages enregistrés ── */
.tk-onglets{display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--border);margin-bottom:12px}
.tk-onglets-defil{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.tk-tablist{display:flex;gap:2px}
.tk-onglet{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;min-height:42px;background:none;border:0;border-radius:var(--rs) var(--rs) 0 0;color:var(--text2);font:500 13.5px var(--font);white-space:nowrap;cursor:pointer}
.tk-onglet:hover{color:var(--text);background:var(--bg3)}
.tk-onglet--actif{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}
.tk-onglet:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tk-onglet-marque{display:inline-flex;color:var(--text3)}
.tk-onglet-modif{width:6px;height:6px;border-radius:50%;background:var(--amber)}
.tk-onglet.tk-cible{box-shadow:inset 2px 0 0 var(--accent),inset 0 -2px 0 var(--border2)}
.tk-onglet.tk-glisse{opacity:.5}
.tk-onglet-champ{width:190px;height:36px;margin:3px 0}
.tk-onglet-plus{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;min-height:34px;margin-bottom:5px;border:1px dashed var(--border2);border-radius:var(--r);background:none;color:var(--text2);font:500 13px var(--font);cursor:pointer;white-space:nowrap}
.tk-onglet-plus:hover{color:var(--text);border-color:var(--accent)}
.tk-onglet-options{margin-bottom:5px;width:34px;height:34px}

/* ── Barre d'outils (inversée par rapport à la référence) ── */
.tk-outils{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tk-outils-g,.tk-outils-d{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tk-bascules{display:inline-flex;gap:2px;padding:3px;min-height:var(--cmd-h,36px);box-sizing:border-box;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r)}
.tk-bascules--plein{display:flex;margin-bottom:8px}
.tk-bascules--plein .tk-bascule{flex:1;justify-content:center}
.tk-bascule{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;min-height:calc(var(--cmd-h,36px) - 8px);border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text2);font:500 12.5px var(--font);cursor:pointer;white-space:nowrap}
.tk-bascule:hover{color:var(--text)}
.tk-bascule--on{background:var(--bg2);border-color:var(--border2);color:var(--text);font-weight:600}
.tk-outil{display:inline-flex;align-items:center;gap:6px;padding:0 12px;min-height:var(--cmd-h,36px);border:1px solid var(--border2);border-radius:var(--r);background:var(--bg2);color:var(--text2);font:500 13px var(--font);cursor:pointer;white-space:nowrap}
.tk-outil:hover{color:var(--text);border-color:var(--border-input)}
.tk-outil--actif{color:var(--accent);border-color:var(--accent);background:var(--glow)}
.tk-outil--discret{background:transparent;border-color:transparent}
.tk-outil--discret:hover{border-color:var(--border2)}
.tk-outil-n{display:inline-block;min-width:18px;padding:0 5px;margin-left:2px;border:1px solid currentColor;border-radius:99px;font:700 11px/16px var(--mono);text-align:center}
.tk-outil-sens{display:inline-flex;color:var(--accent)}
.tk-recherche{display:flex;align-items:center;gap:7px;height:var(--cmd-h,36px);padding:0 7px 0 10px;min-width:230px;background:var(--bg2);border:1px solid var(--border-input);border-radius:var(--r);color:var(--text3)}
.tk-recherche:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}
.tk-recherche-champ{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--text);font:13px var(--font)}
.tk-recherche-champ::placeholder{color:var(--text3)}
.tk-kbd{display:inline-block;padding:0 6px;border:1px solid var(--border2);border-radius:4px;background:var(--bg3);color:var(--text2);font:500 11px/18px var(--mono);white-space:nowrap}
.tk-kbd--clair{background:transparent;border-color:currentColor;color:inherit;margin-left:4px}

/* ── Pastilles de filtre ── */
.tk-pastilles{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.tk-pastilles-outils{display:inline-flex;gap:4px;padding-right:8px;margin-right:2px;border-right:1px solid var(--border)}
.tk-pastille{display:inline-flex;align-items:stretch;max-width:100%;border:1px solid var(--border2);border-radius:99px;background:var(--bg2);overflow:hidden}
.tk-pastille--active{border-color:var(--accent);background:var(--glow)}
.tk-pastille-btn{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 10px 4px 12px;min-height:30px;border:0;background:none;color:var(--text2);font:500 12.5px var(--font);cursor:pointer}
.tk-pastille-btn:hover{color:var(--text)}
.tk-pastille--active .tk-pastille-btn{color:var(--text)}
.tk-pastille-l{font-weight:600;white-space:nowrap}
.tk-pastille-v{color:var(--accent);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-pastille-v::before{content:": ";color:var(--text2)}
.tk-pastille-x{display:inline-flex;align-items:center;justify-content:center;min-width:30px;border:0;border-left:1px solid var(--border2);background:none;color:var(--text2);cursor:pointer}
.tk-pastille-x:hover{color:var(--red)}
.tk-lien-btn{border:0;background:none;padding:6px 4px;min-height:30px;color:var(--accent);font:600 12.5px var(--font);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* ── Réglages non enregistrés ── */
.tk-modif{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;margin:0 0 12px;background:var(--amber-bg);border:1px solid var(--amber);border-radius:var(--r)}
.tk-modif-t{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--text)}
.tk-modif-t svg{color:var(--amber);flex-shrink:0}
.tk-modif-actions{display:flex;gap:6px;flex-wrap:wrap}

/* ── Tête de liste ── */
.tk-tete-liste{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}
.tk-nb{margin:0;font:600 13px var(--font);color:var(--text2)}
.tk-tete-liste-actions{display:flex;gap:2px;flex-wrap:wrap}

/* ── Liste ── */
.tk-table-cadre{overflow-x:auto;border:1px solid var(--border);border-radius:var(--rl);background:var(--bg2)}
.tk-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.tk-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text3);font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tk-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text2)}
.tk-table tbody:last-child tr:last-child td{border-bottom:0}
.tk-densite-compacte .tk-table td{padding:5px 10px}
.tk-densite-compacte .tk-table th{padding:7px 10px}
.tk-densite-aeree .tk-table td{padding:15px 14px}
.tk-zebre .tk-table tbody tr.tk-ligne:nth-child(even) td{background:var(--bg3)}
.tk-c-titre{min-width:260px}
.tk-titre-cellule{display:flex;align-items:flex-start;gap:10px}
.tk-case{width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}
.tk-titre-bloc{min-width:0;flex:1}
.tk-titre-ligne{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.tk-titre-btn{border:0;background:none;padding:0;color:var(--text);font:600 13.5px/1.4 var(--font);text-align:left;cursor:pointer}
.tk-titre-btn:hover{text-decoration:underline;text-underline-offset:2px}
.tk-ligne--faite .tk-titre-btn,.tk-carte--faite .tk-carte-titre{text-decoration:line-through;color:var(--text3)}
.tk-extrait{margin-top:2px;max-width:52ch;color:var(--text3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-non-lu{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.tk-rep-mini{display:inline-flex;color:var(--text3)}
.tk-sep th{padding:16px 12px 8px;color:var(--text3);font:700 11px var(--font);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid var(--border)}
.tk-sep-n{font-family:var(--mono);margin-left:4px}
.tk-c-actions{width:1%;white-space:nowrap;text-align:right}
.tk-actions-ligne{display:inline-flex;gap:4px}
.tk-etape{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:12.5px;white-space:nowrap}
.tk-type-t{display:inline-flex;align-items:center;gap:5px;color:var(--text2);font-size:12.5px;white-space:nowrap}
.tk-personne{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tk-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--glow);color:var(--accent);font:700 9px var(--font);box-shadow:0 0 0 1.5px var(--tk-av,var(--border2))}
.tk-ancien{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid var(--border2);border-radius:20px;font-size:10.5px;font-weight:600;color:var(--text2);white-space:nowrap;cursor:help}
.tk-avatar--photo{background-size:cover;background-position:center}
.tk-echeance{display:inline-flex;align-items:center;gap:5px;color:var(--text2);white-space:nowrap}
.tk-echeance--retard{color:var(--red);font-weight:600}
.tk-echeance--auj{color:var(--pink);font-weight:600}
.tk-echeance-mot{font-size:11px}
.tk-prio{font-size:12px;color:var(--text3);white-space:nowrap}
.tk-prio--haute{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--red-bg);color:var(--red);font-weight:700;font-size:11px}
.tk-liens{display:inline-flex;flex-wrap:wrap;gap:4px}
.tk-lien{display:inline-flex;align-items:center;gap:4px;max-width:190px;min-height:24px;padding:2px 8px;border:0;border-radius:6px;font:600 11.5px var(--font);cursor:pointer}
.tk-lien span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-lien--client{color:var(--accent);background:var(--glow)}
.tk-lien--prospect{color:var(--amber);background:var(--amber-bg)}
.tk-lien-plus{font-size:11.5px;color:var(--text3);align-self:center}
.tk-ref,.tk-rep{display:inline-flex;align-items:center;gap:4px;color:var(--text3);font-size:11.5px}
.tk-liste-t,.tk-notes-t{font-size:12.5px;color:var(--text2)}
.tk-notes-t{display:block;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Colonnes par étape ── */
.tk-colonnes{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}
/* 28/09/2026 : plus de bande de 3 px de la couleur de l'étape en haut de la colonne — le titre
   porte déjà l'étape, en toutes lettres et par son point de couleur. */
.tk-col{min-width:0;padding:10px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl)}
.tk-col.tk-cible{border-style:dashed;border-color:var(--accent);background:var(--glow)}
.tk-col-t{display:flex;align-items:center;gap:7px;margin:0 0 10px;font:600 13px var(--font);color:var(--text)}
.tk-col-n{margin-left:auto;padding:0 8px;border-radius:99px;background:var(--bg3);color:var(--text2);font:600 12px/20px var(--mono)}
.tk-col-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-col-vide{margin:0;padding:14px 0;text-align:center;font-size:12px;color:var(--text3)}
.tk-carte{padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);cursor:grab}
.tk-carte.tk-glisse{opacity:.5}
.tk-carte-titre{display:inline;border:0;background:none;padding:0;color:var(--text);font:600 13px/1.4 var(--font);text-align:left;cursor:pointer}
.tk-carte-titre:hover{text-decoration:underline}
.tk-carte .tk-non-lu{margin-left:6px;vertical-align:middle}
.tk-carte-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:7px;font-size:12px}
.tk-carte-liens{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.tk-carte-pied{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--text2)}

/* ── Mois ── */
.tk-cal-tete{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.tk-cal-t{margin:0;font:700 17px var(--font-display);color:var(--text)}
.tk-cal-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tk-mois{width:100%;table-layout:fixed;border-collapse:collapse;background:var(--bg2);border:1px solid var(--border)}
.tk-mois th{padding:8px;text-align:left;border-bottom:1px solid var(--border);color:var(--text3);font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase}
.tk-mois abbr{text-decoration:none}
.tk-jour{height:112px;padding:6px;vertical-align:top;border:1px solid var(--border);overflow:hidden}
.tk-jour--we,.tk-jour--hors{background:var(--bg)}
.tk-jour--auj{box-shadow:inset 0 0 0 2px var(--rose)}
.tk-jour-n{font:600 12px var(--mono);color:var(--text2)}
.tk-jour--auj .tk-jour-n{color:var(--pink);font-weight:700}
.tk-jour-liste{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.tk-puce{display:flex;align-items:center;gap:5px;width:100%;min-width:0;min-height:24px;padding:2px 6px;border:0;border-radius:4px;background:var(--bg3);color:var(--text);font:500 11.5px var(--font);text-align:left;cursor:pointer}
/* L'étape d'une tâche du mois était un trait de 3 px à gauche de la puce (28/09/2026 : retiré,
   « fait IA ») : elle colore maintenant l'icône du type — ou le point, sans type —, et le title
   de la puce l'écrit en toutes lettres (le texte masqué la donnait déjà aux lecteurs d'écran). */
.tk-puce svg{flex-shrink:0;color:var(--tk-c)}
.tk-puce-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-puce--faite .tk-puce-t{text-decoration:line-through;color:var(--text3)}
.tk-puce--retard{background:var(--red-bg)}
.tk-puce--retard svg{color:var(--red)}
.tk-jour-plus{border:0;background:none;padding:2px 0;min-height:24px;color:var(--accent);font:600 11px var(--font);cursor:pointer}
.tk-cal-note{margin:8px 0 0;font-size:12px;color:var(--text3)}

/* ── Chronologie ── */
.tk-chrono{border:1px solid var(--border);border-radius:var(--rl);background:var(--bg2);overflow:hidden}
.tk-chrono-echelle,.tk-chrono-ligne{display:grid;grid-template-columns:minmax(140px,240px) 1fr}
.tk-chrono-echelle{height:34px;border-bottom:1px solid var(--border)}
.tk-chrono-g{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:0 12px;border-right:1px solid var(--border)}
.tk-chrono-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px var(--font);color:var(--text)}
.tk-chrono-etape{font-size:11px;color:var(--text3);white-space:nowrap}
.tk-chrono-piste{position:relative;min-height:40px}
.tk-chrono-lignes{list-style:none;margin:0;padding:0}
.tk-chrono-ligne+.tk-chrono-ligne{border-top:1px solid var(--border)}
.tk-grad{position:absolute;top:0;bottom:0;padding:9px 0 0 5px;border-left:1px solid var(--border);color:var(--text3);font:500 11px var(--font);white-space:nowrap}
.tk-auj{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--rose)}
.tk-barre{position:absolute;top:8px;height:24px;min-width:18px;padding:0 8px;overflow:hidden;background:var(--bg3);border:1.5px solid var(--tk-c);border-radius:6px;color:var(--text);font:600 11px/21px var(--font);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
/* mobile.css pose 44 px à tout bouton de .content sur téléphone ; dans une piste de 40 px, la barre
   garde sa hauteur de 24 px — le minimum de cible WCAG 2.5.8, comme les cellules denses de mobile.css. */
.content .tk-chrono .tk-barre{min-height:24px}
.content .tk-chrono .tk-barre--jalon{min-height:0;min-width:0}
.tk-barre--retard{border-style:dashed;border-left-style:solid}
/* Le jalon : une cible de 24 px (WCAG 2.5.8) qui porte un losange dessiné. Pivoter le bouton
   lui-même déformait le losange dès qu'une règle générale changeait sa hauteur. */
.tk-barre--jalon{width:24px;height:24px;min-width:0;min-height:0;top:8px;margin-left:-12px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.tk-barre--jalon::before{content:"";position:absolute;inset:5px;border-radius:3px;background:var(--tk-c);transform:rotate(45deg)}
.tk-barre--jalon.tk-e-reportee::before{background:repeating-linear-gradient(135deg,var(--text2) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1.5px var(--text2)}
.tk-barre--jalon.tk-barre--retard::before{box-shadow:0 0 0 2px var(--bg2),0 0 0 4px var(--red)}
.tk-barre--jalon .tk-barre-t{display:none}
.tk-barre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tk-chrono-vide{margin:0;padding:22px;color:var(--text3);font-size:13px}

/* ── États vides ── */
.tk-vide{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px;padding:44px 20px;border:1px dashed var(--border2);border-radius:var(--rl)}
.tk-vide-ill{width:120px;height:96px;flex-shrink:0}
.tk-ill-feuille{fill:var(--bg3);stroke:var(--border2);stroke-width:1.5}
.tk-ill-pince{fill:var(--bg4);stroke:var(--border2);stroke-width:1.5}
.tk-ill-trait{fill:none;stroke:var(--text3);stroke-width:3;stroke-linecap:round}
.tk-ill-coche{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.tk-ill-loupe{fill:var(--bg2);stroke:var(--accent);stroke-width:3.5}
.tk-ill-manche{stroke:var(--accent);stroke-width:4;stroke-linecap:round}
.tk-vide-t{margin:0 0 6px;font:700 16px var(--font);color:var(--text)}
.tk-vide-p{margin:0 0 14px;max-width:44ch;font-size:13px;line-height:1.55;color:var(--text2)}

.tk-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.tk-pagination-n{font-size:12.5px;color:var(--text2)}
.tk-note{margin:12px 0 0;padding:10px 14px;background:var(--amber-bg);border:1px solid var(--amber);border-radius:8px;color:var(--text);font-size:12.5px}

/* ── Panneaux flottants et menus ── */
.tk-pop{position:fixed;z-index:9000;padding:14px;overflow:auto;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--rl);box-shadow:0 16px 48px rgba(0,0,0,.35);font-family:var(--font);color:var(--text)}
.tk-pop-t{margin:0 0 10px;font:700 14px var(--font);color:var(--text)}
.tk-pop-st{margin:14px 0 6px;color:var(--text3);font:700 11px var(--font);letter-spacing:.06em;text-transform:uppercase}
.tk-pop-recherche{margin:0 0 8px}
.tk-pop-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:220px;overflow:auto}
.tk-pop-item{display:flex;align-items:flex-start;gap:9px;width:100%;padding:7px 8px;border:0;border-radius:var(--rs);background:none;color:var(--text);font:13px var(--font);text-align:left;cursor:pointer}
.tk-pop-item:hover{background:var(--bg3)}
.tk-pop-item[aria-disabled="true"]{color:var(--text3);cursor:not-allowed}
.tk-pop-item-l{display:block;font-weight:600}
.tk-pop-item-a{display:block;font-size:11.5px;color:var(--text3)}
.tk-pop-item--actuel{background:var(--glow)}
.tk-pop-item--actuel .tk-pop-item-a{color:var(--accent);font-weight:600}
.tk-pop-vide{padding:8px;font-size:12.5px;color:var(--text3);list-style:none}
.tk-pop-aide{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--text2)}
.tk-pop-op{margin:0 0 8px;font:600 12px var(--font);color:var(--text2)}
.tk-pop-groupe{margin:10px 8px 4px;color:var(--text3);font:700 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase}
.tk-pop-ligne{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.tk-pop-ligne .gen-l{margin:0}
.tk-pop-select{width:auto}
.tk-pop-form{display:flex;gap:6px}
.tk-pop-radios{border:0;display:grid;gap:8px}
.tk-pop-radios label{display:flex;align-items:center;gap:8px;font-size:13px}
.tk-pop-valeurs{border:0;max-height:240px;overflow:auto;display:grid;gap:2px}
.tk-pop-choix{display:flex;align-items:flex-start;gap:9px;padding:6px 8px;border-radius:var(--rs);font-size:13px;color:var(--text);cursor:pointer}
.tk-pop-choix:hover{background:var(--bg3)}
.tk-pop-choix input{margin-top:3px;accent-color:var(--accent)}
.tk-pop-pied{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.tk-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tk-type{display:grid;gap:3px;justify-items:start;padding:10px;border:1px solid var(--border2);border-radius:var(--r);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;font-family:var(--font)}
.tk-type svg{color:var(--accent)}
.tk-type:hover{border-color:var(--accent)}
.tk-type-l{font:600 13px var(--font)}
.tk-type-a{font-size:11px;line-height:1.35;color:var(--text3)}
.tk-type-donnee{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:5px;background:var(--bg3);color:var(--text2)}
.tk-per-liste{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:var(--r)}
.elv-per-titre{padding:8px 10px 3px;color:var(--text3);font:700 10.5px var(--font);letter-spacing:.06em;text-transform:uppercase}
.elv-per-opt{display:grid;gap:1px;padding:7px 10px;cursor:pointer}
.elv-per-opt:hover,.elv-per-opt.tk-opt-focus{background:var(--bg3)}
.elv-per-opt.tk-opt-focus{outline:2px solid var(--accent);outline-offset:-2px}
.elv-per-opt[aria-selected="true"]{background:var(--glow)}
.elv-per-l{font:600 13px var(--font);color:var(--text)}
.elv-per-a{font-size:11.5px;color:var(--text3)}
.elv-per-vide{padding:10px;font-size:12.5px;color:var(--text3)}
.tk-per-plage{display:grid;gap:8px;margin-top:10px}
.tk-deux{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tk-menu{padding:5px}
.tk-menu-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;border:0;border-radius:var(--rs);background:none;color:var(--text);font:13px var(--font);text-align:left;cursor:pointer}
.tk-menu-item:hover,.tk-menu-item:focus-visible{background:var(--bg3)}
.tk-menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.tk-menu-item[aria-disabled="true"]{color:var(--text3);cursor:not-allowed}
.tk-menu-sep{height:1px;margin:4px 6px;background:var(--border)}

/* ── Fenêtres du module (js/00a-dialogues.js les gère) ── */
.tk-ov{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;background:rgba(10,8,18,.62)}
.tk-ov--gauche{justify-content:flex-start;align-items:stretch;padding:0}
.tk-fenetre{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 32px);margin:auto;overflow:hidden;background:var(--bg2);border:1px solid var(--border2);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45);font-family:var(--font)}
.tk-tiroir{height:100%;max-height:100vh;margin:0;border-left:0;border-radius:0 16px 16px 0;animation:tk-tiroir .22s cubic-bezier(.2,.8,.3,1)}
@keyframes tk-tiroir{from{transform:translateX(-24px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.tk-tiroir{animation:none}}
.tk-fenetre-tete{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}
.tk-fenetre-t{margin:0;font:700 16px var(--font);color:var(--text)}
.tk-fenetre-corps{flex:1;padding:16px 20px;overflow:auto}
.tk-fenetre-pied{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 20px;background:var(--bg3);border-top:1px solid var(--border)}
.tk-fenetre-note{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--text2)}

/* Réglages de l'affichage */
.tk-reg-sec{padding:14px 0;border-bottom:1px solid var(--border)}
.tk-reg-sec:first-child{padding-top:0}
.tk-reg-sec:last-child{border-bottom:0}
.tk-reg-t{margin:0 0 10px;color:var(--text3);font:700 11px var(--font);letter-spacing:.07em;text-transform:uppercase}
.tk-reg-sec .gen-l{margin-top:10px}
.tk-reg-sec fieldset{border:0;padding:0;margin:0}
.tk-reg-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tk-reg-type{position:relative}
.tk-reg-type input{position:absolute;opacity:0;width:1px;height:1px}
.tk-reg-type-c{display:grid;justify-items:center;gap:4px;padding:10px 4px;border:1px solid var(--border2);border-radius:var(--r);color:var(--text2);font:600 11.5px var(--font);cursor:pointer}
.tk-reg-type input:checked+.tk-reg-type-c{border-color:var(--accent);background:var(--glow);color:var(--accent)}
.tk-reg-type input:focus-visible+.tk-reg-type-c{outline:2px solid var(--accent);outline-offset:2px}
.tk-reg-cols{list-style:none;margin:6px 0 0;padding:4px;display:grid;gap:2px;max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:var(--r)}
.tk-reg-col{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 6px}
.tk-reg-col-fl{display:inline-flex;gap:2px}
.tk-case-l{display:flex;align-items:center;gap:8px;min-height:28px;font-size:13px;color:var(--text);cursor:pointer}
.tk-case-l input{width:16px;height:16px;accent-color:var(--accent)}
.tk-reg-radios{display:flex;flex-wrap:wrap;gap:14px}
.tk-radio{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-size:13px;color:var(--text)}
.tk-radio input{accent-color:var(--accent)}
.tk-interrupteur{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;color:var(--text);cursor:pointer}
.tk-interrupteur input{width:16px;height:16px;accent-color:var(--accent)}
.tk-reg-boutons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tk-reg-action{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border:0;border-radius:var(--rs);background:none;color:var(--text);font:13px var(--font);text-align:left;cursor:pointer}
.tk-reg-action:hover{background:var(--bg3)}
.tk-reg-action .tk-kbd{margin-left:auto}
.tk-reg-action[aria-disabled="true"]{color:var(--text3);cursor:not-allowed}
.tk-reg-action.tk-danger{color:var(--red)}
.tk-reg-action.tk-danger[aria-disabled="true"]{color:var(--text3)}
.tk-reg-aide{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:var(--text3)}

/* Conditions */
.tk-conds{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tk-cond{padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r)}
.tk-cond-ligne{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center}
.tk-cond-val{display:flex;flex-wrap:wrap;gap:6px}
.tk-cond-val:not(:empty){margin-top:6px}
.tk-cond-v{flex:1 1 180px}
.tk-cond-plage{display:flex;gap:6px;flex:1 1 100%}
.tk-cond-choix{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0 12px;width:100%;max-height:124px;overflow:auto}

/* Pastilles (fenêtre) */
.tk-past-compte{margin:0 0 10px;font:600 12.5px var(--font);color:var(--text2)}
.tk-past-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tk-past-ligne{display:flex;align-items:center;gap:8px}
.tk-past-fixe{min-width:64px;font-size:11.5px;color:var(--text3);white-space:nowrap}

/* Import */
.tk-etapes-import{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 14px;padding:0;counter-reset:tk-e}
.tk-etapes-import li{counter-increment:tk-e;padding:4px 10px;border:1px solid var(--border);border-radius:99px;color:var(--text3);font:600 12px var(--font)}
.tk-etapes-import li::before{content:counter(tk-e) ". "}
.tk-etapes-import li[aria-current="step"]{color:var(--accent);border-color:var(--accent);background:var(--glow)}
.tk-imp-table th{min-width:150px;vertical-align:top;letter-spacing:0;text-transform:none}
.tk-imp-entete{display:block;margin-bottom:4px;color:var(--text);font:600 12px var(--font)}
.tk-imp-bilan:focus{outline:none}
.tk-imp-ok{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--green);font-size:14px}
.tk-imp-ok strong{color:var(--text)}
.tk-imp-refus{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:260px;overflow:auto;font-size:12.5px;color:var(--text2)}
.tk-imp-n{margin-right:6px;color:var(--text);font:600 12px var(--mono)}

/* Listes de travail, corbeille */
.tk-listes,.tk-corb{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.tk-liste-ligne,.tk-corb-ligne{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px solid var(--border);border-radius:var(--r)}
.tk-liste-info{flex:1 1 220px;display:grid;gap:3px}
.tk-liste-n,.tk-corb-m{display:block;font-size:11.5px;color:var(--text3)}
.tk-liste-actions{display:flex;gap:6px}
.tk-liste-nouvelle{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--border)}
.tk-liste-nouvelle .btn{justify-self:start;margin-top:8px}
.tk-corb-t{display:block;font:600 13px var(--font);color:var(--text)}

/* Fiche d'une tâche */
.tk-f-corps{display:grid;gap:12px}
.tk-f-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tk-f-trois{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tk-f-sous{margin-top:6px}
.tk-f-aide{margin:5px 0 0;font-size:11.5px;line-height:1.45;color:var(--text3)}
.tk-f-rep{display:grid;gap:6px;margin-top:8px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r)}
.tk-f-rep-ligne{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2)}
.tk-f-rep-ligne .fi,.tk-f-rep-ligne .fsel{width:auto;flex:1 1 auto;min-width:0}
.tk-f-rep-ligne input[type="number"]{max-width:84px}
.tk-f-puces{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 6px;padding:0}
.tk-f-puce{display:inline-flex;align-items:center;gap:2px;padding:2px 3px 2px 10px;border-radius:99px;font:600 12px var(--font)}
.tk-f-puce--client{color:var(--accent);background:var(--glow)}
.tk-f-puce--prospect{color:var(--amber);background:var(--amber-bg)}
.tk-f-puce button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}

/* Bloc « Tâches » d'une fiche client ou prospect (tachesFicheRendre) */
.tk-fiche-liste{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tk-fiche-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px;background:var(--bg2);border:1px solid var(--border);border-radius:9px}
.tk-fiche-ligne .tk-titre-btn{flex:1 1 160px;min-width:0}
.tk-fiche-ajout{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.tk-fiche-select{width:auto;max-width:100%}

/* ── Écrans étroits : 320 px sans défilement horizontal de la page ── */
@media (max-width:900px){
  .tk-colonnes{grid-template-columns:1fr;overflow-x:visible}
}
@media (max-width:760px){
  .tk-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .tk-table,.tk-table tbody,.tk-table tr,.tk-table td,.tk-table th{display:block}
  .tk-table tr.tk-ligne{padding:10px 12px;border-bottom:1px solid var(--border)}
  .tk-table td{padding:3px 0 3px 28px;border:0}
  .tk-table td.tk-c-titre{padding-left:0}
  .tk-table td[data-label]::before{content:attr(data-label) " : ";color:var(--text3);font-size:11.5px}
  .tk-c-actions{width:auto;text-align:left}
  .tk-c-titre{min-width:0}
  .tk-extrait{white-space:normal}
  .tk-mois thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  .tk-mois,.tk-mois tbody,.tk-mois tr,.tk-mois td{display:block;width:auto;height:auto}
  .tk-mois{border:0;background:none}
  .tk-jour--hors,.tk-jour--vide:not(.tk-jour--auj){display:none}
  .tk-jour{margin-bottom:6px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg2)}
  .tk-jour-n>span[aria-hidden]{display:none}
  .tk-jour-n .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;font-family:var(--font);text-transform:capitalize}
  .tk-chrono-echelle,.tk-chrono-ligne{grid-template-columns:1fr}
  .tk-chrono-echelle .tk-chrono-g{display:none}
  .tk-chrono-g{padding:8px 12px 0;border-right:0}
}
@media (max-width:600px){
  .tk-outils-g,.tk-outils-d{width:100%}
  .tk-recherche{flex:1 1 100%;min-width:0}
  .tk-f-deux,.tk-f-trois,.tk-deux,.tk-cond-ligne{grid-template-columns:1fr}
  .tk-reg-types{grid-template-columns:repeat(2,1fr)}
  .tk-types{grid-template-columns:1fr}
  .tk-onglet-plus span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .tk-onglet-plus{min-width:34px;justify-content:center}
  .tk-tete-liste-actions .tk-outil span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .tk-pastilles-outils{border-right:0}
  .tk-vide{padding:28px 14px;gap:16px}
  .tk-tiroir{border-radius:0;max-width:100% !important}
}