/* ═════════════════════════════════════════════════════════════════════════════
   Module « Classeur » — styles isolés (toutes les classes sont préfixées .cl-),
   aucune règle de style.css n'est redéfinie. Les couleurs viennent des variables
   existantes (--card, --border, --text...) : le thème sombre suit automatiquement.
   ═════════════════════════════════════════════════════════════════════════════ */
.cl-wrap{max-width:1400px;}
.cl-tabs{margin-bottom:18px;}
.cl-count{display:inline-block;min-width:18px;padding:0 6px;border-radius:10px;background:var(--brick);color:#fff;font-size:11px;line-height:18px;text-align:center;margin-left:4px;}
.cl-dot{display:inline-block;border-radius:50%;flex-shrink:0;vertical-align:middle;margin-right:6px;}
.cl-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap;vertical-align:middle;}
.cl-pill-warn{background:var(--amber-light);color:var(--amber);}
.cl-opt{text-transform:none;font-weight:500;color:var(--text-faint);letter-spacing:0;}
.cl-faint{color:var(--text-faint);}
.cl-empty{color:var(--text-faint);font-size:13.3px;padding:10px 2px;}
.cl-empty-big{color:var(--text-muted);text-align:center;padding:48px 20px;}
.cl-error{background:var(--brick-light);color:var(--brick);border-radius:8px;padding:10px 12px;font-size:13.3px;margin-top:6px;}
.cl-error .btn{margin-top:8px;}
.cl-hint-box{background:var(--emerald-light);color:var(--text);border-radius:var(--radius);padding:12px 16px;font-size:13.6px;margin-bottom:14px;}
.cl-wrap .field select, .cl-wrap .field textarea, .modal .field input[type="time"], .modal .field input[type="date"]{font:inherit;}
.modal .field select{font:inherit;}

/* ---------- onboarding ---------- */
.cl-onboard{max-width:820px;margin:20px auto;padding:34px 36px;text-align:left;}
.cl-onboard-icon{font-size:40px;}
.cl-onboard h2{font-family:var(--font-display);margin:8px 0 10px;font-size:24px;}
.cl-onboard p{color:var(--text-muted);line-height:1.6;font-size:14.3px;}
.cl-onboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;}
.cl-onboard-grid div{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:14px;}
.cl-onboard-grid b{display:block;font-family:var(--font-display);margin-bottom:4px;}
.cl-onboard-grid span{font-size:13px;color:var(--text-muted);line-height:1.5;}
.cl-onboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px;}

/* ---------- barre d'outils semaine ---------- */
.cl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.cl-weeknav{display:flex;align-items:center;gap:8px;}
.cl-weeknav .icon-btn-sm{font-size:18px;line-height:1;width:32px;height:32px;justify-content:center;align-items:center;color:var(--text);}
.cl-weeklabel{font-family:var(--font-display);font-weight:700;font-size:16px;min-width:250px;text-align:center;}
.cl-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cl-toolbar-right .view-toggle{margin-left:0;}
.cl-cutoff{font-size:12.8px;color:var(--text-muted);margin-bottom:8px;}
.cl-joker-on{color:var(--emerald);font-weight:700;}
.cl-joker-off{color:var(--amber);font-weight:700;}
.cl-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--text-muted);margin:4px 0 12px;align-items:center;}
.cl-legend span{display:inline-flex;align-items:center;}
.cl-legend-sep{width:1px;height:14px;background:var(--border);}
.cl-lvl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;background:var(--ink);color:#fff;font-size:10px;font-weight:800;margin-right:5px;flex-shrink:0;font-style:normal;}
.cl-lvl2{background:var(--amber);}

/* ---------- grille hebdomadaire ---------- */
.cl-grid-scroll{overflow-x:auto;overflow-y:hidden;/* sinon quelques pixels de débordement captaient la molette : il fallait faire défiler deux fois */ border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);}
.cl-grid{min-width:820px;}
.cl-grid-head{display:grid;grid-template-columns:52px repeat(var(--cols),1fr);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card);z-index:3;}
.cl-grid-dayhead{padding:10px 8px;font-weight:700;font-size:13px;text-align:center;border-left:1px solid var(--border);font-family:var(--font-display);}
.cl-grid-dayhead span{display:block;font-family:var(--font-body);font-weight:500;font-size:11.5px;color:var(--text-faint);}
.cl-grid-dayhead.today{color:var(--emerald);background:var(--emerald-light);}
.cl-grid-body{display:grid;grid-template-columns:52px repeat(var(--cols),1fr);position:relative;}
.cl-grid-axis{position:relative;}
.cl-hour{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;color:var(--text-faint);font-family:var(--font-mono);}
.cl-hour:first-child{transform:none;}
.cl-grid-col{position:relative;border-left:1px solid var(--border);}
.cl-hline{position:absolute;left:0;right:0;border-top:1px dashed var(--border);pointer-events:none;}
.cl-plage{position:absolute;left:3px;right:3px;border-radius:7px;background:color-mix(in srgb,var(--c) 15%,transparent);border-left:3px solid var(--c);cursor:pointer;overflow:hidden;padding:4px 6px;transition:background-color .15s,box-shadow .15s;}
.cl-plage:hover{background:color-mix(in srgb,var(--c) 24%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent);}
.cl-plage.locked{cursor:not-allowed;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--c) 7%,transparent) 0 6px,transparent 6px 12px);border-left-color:color-mix(in srgb,var(--c) 40%,transparent);}
.cl-plage.locked .cl-plage-lbl, .cl-plage.locked .cl-plage-time{opacity:.55;}
.cl-plage-lbl{display:flex;align-items:center;gap:2px;font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--c) 75%,var(--text));line-height:1.3;flex-wrap:wrap;}
.cl-plage-lbl em{font-style:normal;font-weight:600;color:var(--text-muted);margin-left:4px;}
.cl-plage-time{font-size:10.5px;color:var(--text-faint);font-family:var(--font-mono);margin-top:1px;}
.cl-open{margin-left:4px;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--emerald);color:#fff;border-radius:4px;padding:0 4px;}
.cl-rdv{position:absolute;left:12px;right:5px;border-radius:6px;background:var(--c);color:#fff;padding:3px 7px;cursor:pointer;overflow:hidden;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .12s var(--ease),box-shadow .12s;}
.cl-rdv:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.24);}
.cl-rdv.busy{background:var(--grey-light);color:var(--text-muted);box-shadow:none;cursor:default;border:1px dashed var(--border);}
.cl-rdv-title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-rdv-time{font-size:10.5px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-rdv-pts{display:inline-block;background:#fff;color:var(--c);border-radius:8px;padding:0 5px;font-size:10px;margin-right:4px;font-weight:800;}

/* ---------- préparation (vue « papier ») ---------- */
.cl-prep{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.cl-prep-day{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-height:180px;}
.cl-prep-day.today{border-color:var(--emerald);box-shadow:0 0 0 2px var(--emerald-light);}
.cl-prep-head{font-family:var(--font-display);font-weight:700;font-size:14px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.cl-prep-rdv{display:flex;gap:8px;padding:8px;border-radius:8px;border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 9%,transparent);margin-bottom:7px;cursor:pointer;}
.cl-prep-rdv:hover{background:color-mix(in srgb,var(--c) 16%,transparent);}
.cl-prep-time{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted);padding-top:1px;}
.cl-prep-title{font-weight:700;font-size:13.3px;}
.cl-prep-sub{font-size:11.8px;color:var(--text-muted);}
.cl-prep-sub b{color:var(--brick);}
.cl-prep-sep{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--brick);margin:12px 0 6px;}
.cl-prep-point{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:5px 2px;cursor:pointer;}
.cl-prep-point input{margin-top:3px;accent-color:var(--emerald);}
.cl-prep-point em{display:block;font-style:normal;color:var(--text-faint);font-size:11.5px;}
.cl-prep-point.done span{text-decoration:line-through;color:var(--text-faint);}

/* ---------- lignes génériques ---------- */
.cl-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border);font-size:13.4px;flex-wrap:wrap;}
.cl-row:last-child{border-bottom:none;}
.cl-row.clickable{cursor:pointer;border-radius:6px;}
.cl-row.clickable:hover{background:var(--grey-light);}
.cl-row-main{flex:1;min-width:120px;}
.cl-mybookings{margin-top:16px;}
.cl-chip{display:inline-flex;align-items:center;gap:6px;background:var(--grey-light);border-radius:20px;padding:3px 10px 3px 3px;font-size:12.8px;font-weight:500;}
.cl-chip .avatar{flex-shrink:0;}
.cl-chip-label{padding-left:10px;font-style:italic;color:var(--text-muted);}

/* ---------- classeur : rubriques + liste + fiche ---------- */
.cl-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.cl-cat{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);background:var(--card);border-radius:10px;padding:8px 12px;font-weight:600;font-size:13.3px;color:var(--text);box-shadow:inset 4px 0 0 var(--c);transition:border-color .15s,background-color .15s;}
.cl-cat b{background:var(--grey-light);border-radius:10px;padding:0 7px;font-size:11.5px;}
.cl-cat:hover{border-color:var(--c);}
.cl-cat.active{background:color-mix(in srgb,var(--c) 12%,var(--card));border-color:var(--c);}
.cl-layout{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start;}
.cl-side{padding:12px;position:sticky;top:12px;max-height:calc(100vh - 120px);overflow-y:auto;}
.cl-side-tools{display:flex;gap:6px;margin-bottom:10px;}
.cl-side-tools input{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13.3px;background:var(--card);color:var(--text);min-width:0;}
.cl-side-tools .btn{padding:6px 12px;font-size:16px;}
.cl-fiche-item{padding:9px 10px;border-radius:8px;cursor:pointer;border-left:3px solid transparent;margin-bottom:2px;}
.cl-fiche-item:hover{background:var(--grey-light);}
.cl-fiche-item.active{background:color-mix(in srgb,var(--c) 12%,transparent);border-left-color:var(--c);}
.cl-fiche-name{font-weight:600;font-size:13.6px;}
.cl-fiche-badges{display:flex;gap:6px;align-items:center;margin-top:3px;flex-wrap:wrap;}
.cl-fiche-badges:empty{display:none;}
.cl-badge{background:var(--amber-light);color:var(--amber);border-radius:10px;padding:0 7px;font-size:11px;font-weight:700;}
.cl-badge.urgent{background:var(--brick-light);color:var(--brick);}
.cl-next{font-size:11px;color:var(--emerald);font-weight:600;}
.cl-side-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-faint);margin:14px 4px 6px;}
.cl-search-hit{display:flex;gap:4px;align-items:flex-start;font-size:12.6px;padding:6px 4px;border-radius:6px;cursor:pointer;}
.cl-search-hit:hover{background:var(--grey-light);}
.cl-search-hit .cl-dot{margin-top:5px;}

.cl-fiche{border-top:4px solid var(--c);padding:22px 24px;}
.cl-fiche-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:6px;}
.cl-fiche-cat{font-size:12px;color:var(--text-muted);font-weight:600;display:flex;align-items:center;}
.cl-fiche-title{font-family:var(--font-display);font-size:22px;margin:4px 0 2px;}
.cl-fiche-desc{color:var(--text-muted);font-size:13.5px;white-space:pre-wrap;}
.cl-fiche-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;}
.cl-block{margin-top:22px;}
.cl-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.cl-section-head h4{margin:0;font-family:var(--font-display);font-size:14.5px;display:flex;align-items:center;gap:8px;}
.cl-sub{background:var(--grey-light);border-radius:10px;padding:0 8px;font-size:11.5px;color:var(--text-muted);font-family:var(--font-body);}

/* points à aborder */
.cl-addpoint{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap;}
.cl-points + .cl-addpoint{margin-top:8px;}
.cl-addpoint input[type="text"]{flex:1;min-width:200px;border:1.5px solid var(--border);border-radius:8px;padding:9px 11px;font-size:13.5px;background:var(--card);color:var(--text);}
.cl-addpoint select, .cl-addpoint input[type="date"]{border:1.5px solid var(--border);border-radius:8px;padding:8px;font-size:13px;background:var(--card);color:var(--text);}
.cl-addpoint input:focus, .cl-side-tools input:focus{outline:none;border-color:var(--emerald);}
.cl-points{display:flex;flex-direction:column;gap:6px;}
.cl-points-done{margin-top:10px;opacity:.85;}
.cl-point{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:8px;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--a);}
.cl-point-check{margin-top:3px;width:16px;height:16px;accent-color:var(--emerald);cursor:pointer;flex-shrink:0;}
.cl-point-bullet{width:8px;height:8px;border-radius:50%;background:var(--a);margin-top:6px;flex-shrink:0;}
.cl-point-main{flex:1;min-width:0;}
.cl-point-text{font-size:13.6px;line-height:1.45;overflow-wrap:anywhere;}
.cl-point-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.8px;color:var(--text-faint);margin-top:3px;}
.cl-point-meta a{color:var(--text-muted);text-decoration:none;font-weight:600;}
.cl-point-meta a:hover{text-decoration:underline;}
.cl-outcome{color:var(--emerald);font-weight:600;}
.cl-point.done{background:var(--paper);}
.cl-point.done .cl-point-text{text-decoration:line-through;color:var(--text-faint);}
.cl-point-tools{display:flex;gap:4px;opacity:0;transition:opacity .12s;}
.cl-point:hover .cl-point-tools{opacity:1;}

/* personnes */
.cl-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.cl-level{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;}
.cl-level-name{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;}
.cl-level-n{display:inline-flex;width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;font-size:10.5px;}
.cl-level-people{display:flex;flex-wrap:wrap;gap:5px;}

/* arbre des activités */
.cl-tree{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.cl-node-row{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-bottom:1px solid var(--border);background:var(--card);}
.cl-node:last-child > .cl-node-row{border-bottom:none;}
.cl-node .cl-node{margin-left:0;}
.cl-node.depth-2 > .cl-node-row{padding-left:34px;background:var(--paper);}
.cl-node.depth-3 > .cl-node-row{padding-left:58px;background:var(--paper);}
.cl-node.depth-4 > .cl-node-row{padding-left:82px;background:var(--paper);}
.cl-node.depth-1 > .cl-node-row .cl-node-title{font-weight:700;}
.cl-node-num{font-family:var(--font-mono);font-size:11.5px;color:var(--text-faint);min-width:30px;padding-top:2px;}
.cl-node-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.cl-node-title{font-size:13.5px;}
.cl-node-details{flex-basis:100%;font-size:12.3px;color:var(--text-muted);white-space:pre-wrap;}
.cl-tag{font-size:10.5px;font-weight:800;letter-spacing:.03em;color:var(--brick);background:var(--brick-light);border-radius:4px;padding:1px 6px;}
.cl-diff{font-size:10.5px;color:var(--text-muted);background:var(--grey-light);border-radius:4px;padding:1px 6px;}
.cl-diff.d4{color:var(--emerald);background:var(--emerald-light);}
.cl-owners{font-size:11.5px;color:var(--blue);}
.cl-node-tools{display:flex;gap:3px;opacity:0;transition:opacity .12s;flex-shrink:0;}
.cl-node-tools .icon-btn-sm{font-size:12px;width:24px;height:24px;justify-content:center;align-items:center;padding:0;color:var(--text-muted);}
.cl-node-row:hover .cl-node-tools{opacity:1;}

/* RDV : détail */
.cl-rdv-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13.3px;color:var(--text-muted);margin-bottom:12px;}
.cl-rdv-people{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.cl-slot-help{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--text-muted);margin:-6px 0 14px;}
.cl-slot{border:1.5px solid var(--c);color:var(--text);background:color-mix(in srgb,var(--c) 10%,var(--card));border-radius:14px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer;}
.cl-slot:hover{background:color-mix(in srgb,var(--c) 22%,var(--card));}
.cl-taken{flex-basis:100%;color:var(--text-faint);}
.cl-warn{color:var(--amber);font-weight:600;}
.cl-users{max-height:170px;}
.cl-checklist .checkbox-item, .cl-checklist-item{display:flex;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:var(--text);margin:0;}

/* plages */
.cl-plages-intro{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;}
.cl-plages-intro p{font-size:13.4px;color:var(--text-muted);line-height:1.6;margin:0;max-width:900px;}
.cl-plages-actions{display:flex;gap:8px;}
.cl-cat-edit{display:flex;flex-direction:column;gap:6px;}
.cl-cat-row{display:flex;gap:8px;align-items:center;}
.cl-cat-row input[type="color"]{width:42px;height:34px;border:1.5px solid var(--border);border-radius:6px;padding:2px;background:var(--card);}
.cl-cat-row input[type="text"]{flex:1;}

/* personnes (modale) */
.cl-m-level{margin-bottom:12px;}
.cl-m-row{display:flex;gap:8px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--border);flex-wrap:wrap;}
.cl-m-row > span{flex:1;min-width:140px;font-size:13.5px;}
.cl-m-row select, .cl-m-add select, .cl-m-add input{border:1.5px solid var(--border);border-radius:8px;padding:7px 9px;font-size:13px;background:var(--card);color:var(--text);}
.cl-m-add{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);}
.cl-m-add input{flex:1;min-width:160px;}

/* mises à jour */
.cl-req-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;align-items:start;}
.cl-req-layout .panel h3 .btn{margin-left:auto;}
.cl-req-todo{border:1px solid var(--border);border-left:3px solid var(--amber);border-radius:8px;padding:12px;margin-bottom:10px;background:var(--card);}
.cl-req{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;background:var(--card);}
.cl-req.closed{opacity:.6;}
.cl-req-head{display:flex;justify-content:space-between;gap:12px;}
.cl-req-title{font-weight:700;font-size:14px;}
.cl-req-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-faint);margin-top:3px;}
.cl-late{color:var(--brick);font-weight:700;}
.cl-req-msg{font-size:13px;color:var(--text-muted);margin-top:8px;white-space:pre-wrap;}
.cl-req-score{min-width:90px;text-align:right;}
.cl-req-score b{font-family:var(--font-display);font-size:16px;}
.cl-req-score .progress-track{margin-top:4px;}
.cl-req details{margin-top:8px;font-size:13px;}
.cl-req summary, .cl-req-history summary{cursor:pointer;color:var(--text-muted);font-weight:600;font-size:12.5px;}
.cl-req-people{display:flex;flex-direction:column;gap:3px;margin-top:6px;}
.cl-req-person{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;padding:3px 0;}
.cl-req-person span:first-child{min-width:170px;}
.cl-req-person em{flex-basis:100%;color:var(--text-muted);padding-left:24px;}
.cl-req-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
.cl-req-answer{display:flex;gap:6px;margin-top:10px;}
.cl-req-answer input{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--card);color:var(--text);min-width:0;}
.cl-req-history{margin-top:14px;}

/* ---------- petits écrans ---------- */
@media (max-width:980px){
  .cl-layout, .cl-req-layout{grid-template-columns:1fr;}
  .cl-side{position:static;max-height:none;}
  .cl-levels{grid-template-columns:1fr;}
  .cl-onboard-grid{grid-template-columns:1fr;}
  .cl-weeklabel{min-width:0;font-size:14px;}
  .cl-fiche{padding:16px;}
  .cl-node.depth-2 > .cl-node-row{padding-left:22px;}
  .cl-node.depth-3 > .cl-node-row{padding-left:34px;}
  .cl-node.depth-4 > .cl-node-row{padding-left:46px;}
  .cl-node-tools, .cl-point-tools{opacity:1;}
}
@media print{
  .cl-tabs, .cl-toolbar-right, .cl-fiche-actions, .cl-addpoint, .cl-node-tools, .cl-point-tools, .cl-side{display:none !important;}
  .cl-layout{grid-template-columns:1fr;}
}

/* ---------- tâches & projets suivis, réglages, accès ---------- */
.cl-settings-btn{margin-left:auto;align-self:center;}
.cl-access-badge{margin-left:auto;align-self:center;font-size:11.5px;font-weight:700;color:var(--emerald);background:var(--emerald-light);border-radius:20px;padding:3px 10px;}
.cl-cats-sep{width:1px;background:var(--border);margin:4px 2px;}
.cl-inline-actions{display:flex;gap:6px;flex-wrap:wrap;}
.cl-links{display:flex;flex-direction:column;gap:6px;}
.cl-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.cl-link:hover{border-color:var(--emerald);box-shadow:var(--shadow-sm);}
.cl-link.done{opacity:.72;}
.cl-link.done .cl-link-title{text-decoration:line-through;}
.cl-link-icon{width:28px;height:28px;border-radius:8px;background:var(--grey-light);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.cl-link-main{flex:1;min-width:0;}
.cl-link-title{font-weight:600;font-size:13.6px;overflow-wrap:anywhere;}
.cl-link-meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11.8px;color:var(--text-faint);margin-top:2px;}
.cl-link-meta span{display:inline-flex;align-items:center;}
.cl-link-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:130px;}
.cl-link-status .progress-track{width:120px;}
.cl-unlink{opacity:0;transition:opacity .12s;}
.cl-link:hover .cl-unlink{opacity:1;}
.cl-totask{font-size:11px !important;font-weight:700;color:var(--emerald) !important;width:auto !important;padding:0 7px !important;}
.cl-suivi-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;}
.cl-stat{border:1.5px solid var(--border);background:var(--card);border-radius:var(--radius);padding:12px;text-align:left;color:var(--text);cursor:pointer;}
.cl-stat b{display:block;font-family:var(--font-display);font-size:24px;}
.cl-stat span{font-size:12.5px;color:var(--text-muted);}
.cl-stat.active{border-color:var(--emerald);background:var(--emerald-light);}
.cl-stat.late b{color:var(--brick);}
.cl-stat.done b{color:var(--emerald);}
.cl-set-section{font-family:var(--font-display);font-weight:700;font-size:14.5px;margin:22px 0 10px;padding-top:14px;border-top:1px solid var(--border);}
.cl-set-section:first-child{margin-top:0;padding-top:0;border-top:none;}
.cl-set-section .cl-faint{font-family:var(--font-body);font-weight:500;font-size:12.5px;}
.cl-cat-row select{border:1.5px solid var(--border);border-radius:6px;padding:7px 8px;font-size:12.8px;background:var(--card);color:var(--text);max-width:260px;}
.cl-cat-row input[type="text"]{border:1.5px solid var(--border);border-radius:6px;padding:7px 9px;font-size:13.3px;background:var(--card);color:var(--text);min-width:0;}
.cl-rule-fixed{font-size:12.5px;max-width:260px;flex:0 0 260px;}
.cl-del-placeholder{width:27px;flex-shrink:0;}
.cl-cat-new{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);flex-wrap:wrap;}
.cl-lk-res{max-height:340px;overflow-y:auto;}
@media (max-width:980px){
  .cl-suivi-stats{grid-template-columns:repeat(2,1fr);}
  .cl-link{flex-wrap:wrap;}
  .cl-link-status{align-items:flex-start;min-width:0;width:100%;}
  .cl-unlink{opacity:1;}
  .cl-cat-row{flex-wrap:wrap;}
}

/* ---------- classeurs personnels, corbeille, commentaires ---------- */
.cl-bookbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.cl-bookpick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.cl-bookpick-lbl{font-family:var(--font-display);font-weight:700;font-size:15px;}
.cl-bookpick select{border:1.5px solid var(--border);border-radius:20px;padding:7px 14px;font-size:13.5px;font-weight:600;background:var(--card);color:var(--text);max-width:360px;}
.cl-bookpick-hint{font-size:12.3px;color:var(--text-muted);}
.cl-bookbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.cl-bookbar-right .cl-access-badge{margin-left:0;}
.cl-trash{display:flex;flex-direction:column;gap:6px;}
.cl-trash-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);flex-wrap:wrap;}
.cl-trash-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:4px;padding:2px 7px;flex-shrink:0;}
.cl-trash-main{flex:1;min-width:180px;}
.cl-trash-title{font-weight:600;font-size:13.6px;overflow-wrap:anywhere;}
.cl-trash-meta{font-size:12px;color:var(--text-faint);}
.cl-trash-days{font-size:12px;font-weight:700;color:var(--text-muted);background:var(--grey-light);border-radius:10px;padding:2px 8px;}
.cl-trash-days.urgent{color:var(--brick);background:var(--brick-light);}
.cl-comments{font-weight:600;color:var(--text-muted);}
.cl-last-comment{margin-top:5px;font-size:12.3px;color:var(--text-muted);background:var(--paper);border-left:2px solid var(--border);border-radius:0 6px 6px 0;padding:4px 8px;overflow-wrap:anywhere;}
.cl-last-comment b{color:var(--text);font-weight:600;}
.cl-team-row{display:flex;gap:8px;align-items:center;}
.cl-team-row select{flex:1;}

/* ---------- séances datées, historique, partage ---------- */
.cl-session{border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:var(--card);}
.cl-session-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px;}
.cl-session-date{font-family:var(--font-display);font-weight:700;font-size:14.5px;}
.cl-session-title{font-size:13px;color:var(--text-muted);}
.cl-session-tools{display:flex;gap:6px;align-items:center;}
.cl-session-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--text-muted);}
.cl-session-history{margin-top:10px;}
.cl-session-past{border:1px solid var(--border);border-radius:8px;margin-bottom:6px;background:var(--card);}
.cl-session-past summary{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;flex-wrap:wrap;font-size:13px;list-style:none;}
.cl-session-past summary::-webkit-details-marker{display:none;}
.cl-session-past-date{font-weight:700;min-width:90px;}
.cl-session-past-main{flex:1;min-width:120px;}
.cl-session-past-main em{color:var(--text-muted);}
.cl-session-past-body{padding:0 12px 12px;}
.cl-session-notes{white-space:pre-wrap;font-size:13px;background:var(--paper);border-radius:6px;padding:8px 10px;margin-bottom:8px;}
.cl-shared{font-size:11.5px;color:var(--emerald);font-weight:600;}
.cl-carry{display:flex;flex-direction:column;gap:6px;}
.cl-carry input[type="date"]{border:1.5px solid var(--border);border-radius:6px;padding:4px 6px;margin-left:6px;background:var(--card);color:var(--text);}
.cl-share-quick{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px;}
.cl-share-filter{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;margin-bottom:6px;background:var(--card);color:var(--text);}
.cl-share-list{max-height:200px;}
.cl-share-sec{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--card);margin-top:8px;}
.cl-share-sec select, .cl-share-row select{border:1.5px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12.5px;background:var(--card);color:var(--text);}
.cl-share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 14px;max-height:260px;overflow-y:auto;}
.cl-share-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;}
.cl-share-btn.shared{border-color:var(--emerald);color:var(--emerald);}
.cl-hist-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px;}
.cl-hist-filters input, .cl-hist-filters select{border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--card);color:var(--text);}
.cl-hist-filters input[type="search"]{flex:1;min-width:220px;}
.cl-hist-filters label{font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px;}
.cl-hist-counts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;}
.cl-hist-table{overflow-x:auto;}
.cl-hist-table td{vertical-align:top;}
.cl-hist-row{cursor:pointer;}
.cl-hist-row:hover{background:var(--grey-light);}
.cl-hist-notes{font-size:12px;color:var(--text-muted);white-space:pre-wrap;margin-top:3px;max-width:520px;}
.cl-nowrap{white-space:nowrap;}
.cl-prep-sess{border-left-style:dashed;}
.cl-carried{font-size:12.5px;color:var(--amber);margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 12px;}
.cl-carried span{color:var(--text);}
.cl-carried em{color:var(--text-muted);}
.cl-hist-carried{font-size:12px;color:var(--amber);margin-top:3px;}

/* ---------- création : modèle / vierge / cartographie FD, règles ---------- */
.cl-create-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:6px 0 4px;}
.cl-create-card{position:relative;display:flex;flex-direction:column;gap:5px;border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 14px 14px 40px;cursor:pointer;background:var(--card);transition:border-color .15s,box-shadow .15s;}
.cl-create-card:hover{border-color:var(--text-faint);}
.cl-create-card:has(input:checked){border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-light);}
.cl-create-card input{position:absolute;left:14px;top:16px;}
.cl-create-card b{font-family:var(--font-display);font-size:14.5px;}
.cl-create-card span{font-size:12.8px;color:var(--text-muted);line-height:1.45;}
.cl-create .checkbox-item span b{font-weight:700;}

/* ---------- sélecteur de personnes / dossiers d'AsMa ---------- */
.cl-pp{position:relative;}
.cl-pp-box{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;padding:4px 6px;border:1.5px solid var(--border);border-radius:8px;background:var(--card);cursor:text;}
.cl-pp-box:focus-within{border-color:var(--emerald);box-shadow:0 0 0 3px var(--emerald-light);}
.cl-pp-chips{display:contents;}
.cl-pp-input{flex:1;min-width:160px;border:none !important;outline:none;background:transparent;padding:5px 4px !important;font:inherit;font-size:13.5px;color:var(--text);box-shadow:none !important;}
.cl-pp-chip{display:inline-flex;align-items:center;gap:5px;background:var(--emerald-light);color:var(--text);border-radius:16px;padding:2px 4px 2px 3px;font-size:12.6px;font-weight:600;max-width:100%;}
.cl-pp-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cl-pp-chip button{border:none;background:none;color:var(--text-faint);cursor:pointer;font-size:11px;padding:1px 4px;border-radius:50%;}
.cl-pp-chip button:hover{background:var(--card);color:var(--brick);}
.cl-dp .cl-pp-chip{padding-left:8px;}
.cl-pp-drop{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg, 0 12px 32px rgba(0,0,0,.14));max-height:280px;overflow-y:auto;padding:4px;}
.cl-pp-opt{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:13.3px;}
.cl-pp-opt:hover{background:var(--grey-light);}
.cl-pp-opt-main{display:flex;flex-direction:column;min-width:0;flex:1;}
.cl-pp-opt-main b{font-weight:600;}
.cl-pp-opt-main em{font-style:normal;font-size:11.8px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-pp-tag{font-style:normal;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--emerald);background:var(--emerald-light);border-radius:10px;padding:1px 7px;}
.cl-pp-create{color:var(--emerald);font-weight:700;border-top:1px solid var(--border);border-radius:0 0 7px 7px;margin-top:2px;}
.cl-pp-empty{padding:9px 10px;color:var(--text-faint);font-size:12.8px;}
.cl-pp-new{margin-top:8px;padding:12px;border:1px dashed var(--emerald);border-radius:10px;background:var(--emerald-light);display:flex;flex-direction:column;gap:8px;}
.cl-pp-new-title{font-weight:700;font-size:13px;}
.cl-pp-new-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cl-pp-new-row input,.cl-pp-new-row select{flex:1;min-width:150px;}
.cl-pp-info{margin-top:8px;font-size:12.8px;background:var(--grey-light);border-radius:8px;padding:8px 10px;line-height:1.5;}
.cl-pp-info code{background:var(--card);border-radius:4px;padding:1px 5px;font-size:12px;}
.cl-m-labels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.cl-m-labels .cl-pp-chip{background:var(--grey-light);font-style:italic;padding-left:9px;}

/* ---------- personnes d'une fiche ---------- */
.cl-person{display:flex;align-items:center;gap:14px;padding:6px 2px;}
.cl-person-name{font-family:var(--font-display);font-weight:700;font-size:16px;}
.cl-person-meta{font-size:12.8px;color:var(--text-muted);margin-top:2px;}
.cl-chip-auto{background:var(--emerald-light);}
.cl-dossier-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13.3px;}
.cl-dossier-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.cl-dossier-people em{font-style:normal;color:var(--text-faint);font-size:11.5px;}

/* ---------- glisser-déposer ---------- */
.cl-dragging{opacity:.45;}
[draggable="true"].cl-fiche-item,.cl-node-row[draggable="true"],.cl-point[draggable="true"]{cursor:grab;}
.cl-drop-before{box-shadow:inset 0 3px 0 var(--emerald) !important;}
.cl-drop-after{box-shadow:inset 0 -3px 0 var(--emerald) !important;}
.cl-drop-into{outline:2px dashed var(--emerald);outline-offset:2px;background:var(--emerald-light) !important;}
.cl-rdv[draggable="true"],.cl-plage[draggable="true"]{cursor:grab;}
.cl-drop-slot{position:absolute;left:3px;right:3px;border:2px dashed var(--emerald);background:rgba(20,99,86,.10);border-radius:7px;pointer-events:none;z-index:8;font-size:11px;font-weight:700;color:var(--emerald);padding:2px 6px;}

/* ---------- agendas reliés, et le passé ---------- */
.cl-else{position:absolute;left:12px;right:5px;z-index:2;border-radius:6px;padding:2px 6px;font-size:10.8px;line-height:1.25;overflow:hidden;pointer-events:auto;
  color:var(--text-muted);background:repeating-linear-gradient(135deg, var(--grey-light) 0 6px, var(--card) 6px 12px);border:1px dashed var(--border);}
.cl-else span{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cl-else em{font-style:normal;font-family:var(--font-mono);font-size:10px;opacity:.8;}
.cl-else-rdv{border-color:#0F7C8C;color:#0F7C8C;}
.cl-else-prev{border-color:#7E57C2;color:#6A44B0;}
.cl-grid-col.is-past{background:repeating-linear-gradient(135deg, transparent 0 9px, rgba(120,128,140,.07) 9px 18px);}
.cl-grid-col.is-past .cl-plage,.cl-grid-col.is-past .cl-rdv,.cl-grid-col.is-past .cl-else{opacity:.42;filter:saturate(.5);cursor:default;}
.cl-past-shade{position:absolute;left:0;right:0;top:0;z-index:3;pointer-events:none;background:rgba(241,242,239,.62);border-bottom:2px solid var(--brick);}
[data-theme="dark"] .cl-past-shade{background:rgba(20,23,28,.6);}

/* Rendez-vous sur une fiche « pôle » : qui sera invité */
.cl-pole-hint{margin:-4px 0 6px;padding:8px 11px;border-radius:8px;background:var(--emerald-light);color:var(--text);font-size:12.8px;line-height:1.45;}