/* ════════════════════════════════════════════════════════════════════════
   LES PROJETS (Tevini, 15 octobre 2026, maquette « Projets » validée) : la
   liste, un projet ouvert et ses sprints, la fenêtre d'une tâche, le chrono et
   sa bulle, les tâches sans personne dans Ma journée. Repris de la maquette,
   classe pour classe (`mq-` → `rc-pj-`).
   ════════════════════════════════════════════════════════════════════════ */
.rc-pj-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none;background:var(--c,#B4A8FF)}
.rc-pj-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rc-pj-tete h1{margin:0;font-size:var(--text-2xl);font-weight:600;display:flex;align-items:center;gap:10px}
.rc-pj-tete p{margin:6px 0 0;color:var(--muted-foreground);font-size:var(--text-sm)}
.rc-pj-tete p b{color:var(--foreground);font-weight:600}
.rc-pj-boutons{display:flex;gap:8px;flex-wrap:wrap}
.rc-pj-muet{color:var(--muted-foreground)}
.rc-pj-xs{font-size:var(--text-xs)}
.rc-pj-eyebrow{font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--disabled-foreground);font-weight:500}
.rc-pj-carte{background:var(--card);border:1px solid var(--border);border-radius:14px}

/* Statut d'un sprint */
.rc-pj-st{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:99px;font-size: calc(11.5px * var(--rc-echelle-texte));white-space:nowrap;
  border:1px solid var(--border-strong);color:var(--muted-foreground);flex:none}
.rc-pj-st i{width:6px;height:6px;border-radius:99px;background:currentColor}
.rc-pj-st--idee{color:var(--muted-foreground)}
.rc-pj-st--alancer{color:#7DD3FC;border-color:rgba(125,211,252,.3);background:rgba(125,211,252,.06)}
.rc-pj-st--encours{color:var(--accent);border-color:var(--accent-ring);background:var(--accent-wash)}
.rc-pj-st--pause{color:var(--warning-text,#FBBF24);border-color:rgba(251,191,36,.3);background:rgba(251,191,36,.06)}
.rc-pj-st--termine{color:var(--success);border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.06)}
.rc-pj-st--abandon{color:var(--error);border-color:rgba(248,113,113,.3)}

.rc-pj-barre{height:4px;border-radius:4px;background:var(--muted);overflow:hidden;flex:none}
.rc-pj-barre i{display:block;height:100%;background:var(--c,var(--accent));border-radius:4px}

.rc-pj-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--border-strong);
  font-size:var(--text-xs);color:var(--foreground);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.rc-pj-chip svg{flex:none;color:var(--muted-foreground)}
.rc-pj-chip--vide{border-style:dashed;color:var(--muted-foreground)}

/* ── 1. La page Projets ─────────────────────────────────────────────── */
.rc-pj-projets{display:flex;flex-direction:column;gap:10px}
.rc-pj-projet{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(320px,2fr) minmax(220px,1fr);gap:24px;align-items:start;
  padding:16px 20px;text-decoration:none;color:inherit}
.rc-pj-projet:hover{border-color:var(--border-strong)}
.rc-pj-pnom{display:flex;align-items:center;gap:10px;font-size:var(--text-md);font-weight:600;color:var(--foreground)}
.rc-pj-pdesc{margin:4px 0 10px 20px;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-pchiffres{display:flex;gap:14px;margin-left:20px;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-pchiffres b{color:var(--foreground);font-size:var(--text-sm);font-weight:600;margin-right:3px}
.rc-pj-pchiffres .rc-pj-rouge b,.rc-pj-rouge{color:var(--error)}
.rc-pj-col-titre{margin-bottom:8px}
.rc-pj-smini{display:grid;grid-template-columns:minmax(0,1fr) auto 92px 64px;align-items:center;gap:10px;padding:5px 0;font-size:var(--text-sm)}
.rc-pj-smini + .rc-pj-smini{border-top:1px solid var(--border)}
.rc-pj-smini-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-pj-smini small{font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;text-align:right}
.rc-pj-smini .rc-pj-barre{width:64px}
.rc-pj-vide{font-size:var(--text-xs);color:var(--disabled-foreground);padding:5px 0}
.rc-pj-camps{display:flex;flex-wrap:wrap;gap:6px}

/* ── 2. Un projet ouvert ────────────────────────────────────────────── */
.rc-pj-ongl{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-top:-4px}
.rc-pj-ongl a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:var(--text-sm);color:var(--muted-foreground);
  text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.rc-pj-ongl a.on{color:var(--foreground);border-color:var(--accent)}
.rc-pj-ongl a span{font-size: calc(11px * var(--rc-echelle-texte));color:var(--muted-foreground);background:var(--muted);border-radius:99px;padding:0 7px}
.rc-pj-grille{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.rc-pj-pile{display:flex;flex-direction:column;gap:14px;min-width:0}
.rc-pj-sprint{padding:0;overflow:hidden}
.rc-pj-sprint-tete{display:flex;align-items:center;gap:12px;padding:14px 18px 4px;flex-wrap:wrap}
.rc-pj-sprint-tete h2{margin:0;font-size:var(--text-md);font-weight:600}
.rc-pj-sprint-tete .rc-pj-droite{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-sprint-tete .rc-pj-barre{width:90px}
.rc-pj-objectif{padding:0 18px 12px;font-size:var(--text-sm);color:var(--muted-foreground)}
.rc-pj-objectif b{color:var(--foreground);font-weight:500}
.rc-pj-t{display:grid;grid-template-columns:22px minmax(0,1fr) 128px 104px 78px 168px;align-items:center;gap:12px;
  padding:0 18px;min-height:46px;border-top:1px solid var(--border);font-size:var(--text-sm)}
.rc-pj-t:hover{background:var(--survol,rgba(255,255,255,.02))}
.rc-pj-t--th{min-height:30px;font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--disabled-foreground)}
.rc-pj-t--th:hover{background:none}
.rc-pj-t--marche{background:rgba(74,222,128,.045);box-shadow:inset 3px 0 0 var(--success)}
.rc-pj-t--faite .rc-pj-t-titre{color:var(--disabled-foreground);text-decoration:line-through}
.rc-pj-rond{width:18px;height:18px;border-radius:99px;border:1.5px solid var(--border-strong);display:grid;place-items:center;color:#0A0B10}
.rc-pj-rond--ok{background:var(--success);border-color:var(--success)}
.rc-pj-t-corps{display:flex;align-items:center;gap:8px;min-width:0}
.rc-pj-t-titre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-pj-pers{display:inline-flex;align-items:center;gap:5px;flex:none;height:22px;padding:0 8px 0 3px;border-radius:99px;background:var(--muted);
  font-size: calc(11.5px * var(--rc-echelle-texte));color:var(--muted-foreground)}
.rc-pj-pers b{display:grid;place-items:center;width:17px;height:17px;border-radius:99px;background:var(--accent-wash);color:var(--accent);font-size: calc(8.5px * var(--rc-echelle-texte));font-weight:600}
.rc-pj-cell{font-size:var(--text-xs);color:var(--muted-foreground);white-space:nowrap;display:flex;align-items:center;gap:5px}
.rc-pj-cell--fort{color:var(--foreground)}
.rc-pj-cell--retard{color:var(--error)}
.rc-pj-cell--auj{color:var(--accent)}
.rc-pj-cell small{color:var(--disabled-foreground);font-size: calc(11px * var(--rc-echelle-texte))}
.rc-pj-chrono{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--border-strong);
  background:none;color:var(--muted-foreground);font:inherit;font-size:var(--text-xs);white-space:nowrap;cursor:pointer}
.rc-pj-chrono svg{color:var(--success)}
.rc-pj-chrono--marche{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.1);color:var(--success);font-variant-numeric:tabular-nums;font-weight:600}
.rc-pj-chrono--marche svg{color:var(--success)}
.rc-pj-ajout{display:flex;align-items:center;gap:10px;padding:0 18px;min-height:44px;border-top:1px solid var(--border);
  color:var(--disabled-foreground);font-size:var(--text-sm)}
.rc-pj-cote{display:flex;flex-direction:column;gap:14px}
.rc-pj-cote section{padding:14px 16px}
.rc-pj-cote h3{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}
.rc-pj-cote h3 a{font-size:var(--text-xs);color:var(--accent);text-decoration:none;letter-spacing:0;text-transform:none;font-weight:400}
.rc-pj-cl{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-top:1px solid var(--border);font-size:var(--text-sm)}
.rc-pj-cl:first-of-type{border-top:0;padding-top:0}
.rc-pj-cl-l{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc-pj-cl-l span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-pj-cl small{font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-temps{display:flex;gap:18px;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-temps b{display:block;color:var(--foreground);font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums}

/* La bulle du chrono, en bas à gauche (comme les bulles d'activités) */
.rc-pj-bulle{position:fixed;left:calc(var(--rail,208px) + 20px);bottom:18px;z-index:40;display:flex;align-items:center;gap:10px;
  height:44px;padding:0 6px 0 14px;border-radius:99px;background:var(--card);border:1px solid rgba(74,222,128,.45);
  box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:var(--text-xs)}
.rc-pj-bulle .rc-pj-pulse{width:8px;height:8px;border-radius:99px;background:var(--success);box-shadow:0 0 0 4px rgba(74,222,128,.18)}
.rc-pj-bulle b{font-variant-numeric:tabular-nums;color:var(--success);font-size:var(--text-sm)}
.rc-pj-bulle .rc-pj-bulle-titre{color:var(--muted-foreground);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.rc-pj-bulle .rc-pj-bulle-titre:hover{color:var(--foreground)}
.rc-pj-bulle form{margin:0}
.rc-pj-bulle button{height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--border-strong);background:var(--muted);color:var(--foreground);font:inherit;font-size:var(--text-xs)}

/* ── 3. La fenêtre Tâche ─────────────────────────────────────────────── */
.rc-pj-ed{border:1px solid var(--accent-ring);border-radius:12px;background:var(--card);overflow:hidden}
.rc-pj-ed-zone{padding:14px 16px 10px;font-size:var(--text-sm);line-height:1.6;color:var(--muted-foreground);min-height:118px}
.rc-pj-ed-zone h4{margin:0 0 6px;font-size:var(--text-md);color:var(--foreground);font-weight:600}
.rc-pj-ed-zone ul{margin:4px 0 0;padding-left:18px}
.rc-pj-ed-zone li.ok{color:var(--disabled-foreground);text-decoration:line-through}
.rc-pj-ed-barre{display:flex;align-items:center;gap:4px;padding:6px 8px;border-top:1px solid var(--border);color:var(--muted-foreground)}
.rc-pj-ed-barre span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;font-size: calc(13px * var(--rc-echelle-texte));font-weight:600}
.rc-pj-ed-barre .sep{width:1px;height:18px;background:var(--border);margin:0 4px}
.rc-pj-ed-barre .droite{margin-left:auto}
.rc-pj-props{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.rc-pj-prop{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:4px 12px;font-size:var(--text-sm)}
.rc-pj-prop + .rc-pj-prop{border-top:1px solid var(--border)}
.rc-pj-prop-l{display:flex;align-items:center;gap:8px;color:var(--muted-foreground);font-size:var(--text-xs)}
.rc-pj-prop-l svg{flex:none}
.rc-pj-prop-v{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.rc-pj-prop-v small{font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-mini-puce{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;border:1px solid var(--border);font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-mini-puce.on{border-color:var(--accent-ring);background:var(--accent-wash);color:var(--accent)}
.rc-pj-ch{border:1px solid rgba(74,222,128,.35);border-radius:12px;background:rgba(74,222,128,.05);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.rc-pj-ch-l{display:flex;align-items:center;gap:14px}
.rc-pj-ch-l .rc-pj-ch-t{font-size: calc(28px * var(--rc-echelle-texte));font-weight:600;font-variant-numeric:tabular-nums;color:var(--success);letter-spacing:.01em}
.rc-pj-ch-l .rc-pj-ch-dit{font-size:var(--text-xs);color:var(--muted-foreground);line-height:1.45}
.rc-pj-ch-l .btn{margin-left:auto}
.rc-pj-ch-total{display:flex;align-items:center;gap:10px;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-ch-total .rc-pj-barre{flex:1;--c:var(--success)}
.rc-pj-ch-total b{color:var(--foreground);font-weight:500}
.rc-pj-ch-sess{font-size:var(--text-xs);color:var(--disabled-foreground)}
.rc-pj-v-pied{flex:none;display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--card)}
.rc-pj-v-pied .rc-pj-gauche{margin-right:auto;display:flex;gap:8px;align-items:center}
.rc-pj-fait{background:var(--success)!important;color:#0A0B10!important;border-color:var(--success)!important}

/* ── 4. Ma journée : les tâches sans personne ─────────────────────────── */
.rc-pj-pastille-tache{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 35%,transparent)}
.rc-pj-camp-projet b{display:flex!important;align-items:center;gap:6px}
.rc-pj-camp-projet b .rc-pj-dot{width:8px;height:8px}
.rc-pj-mj-drop{position:relative}
.rc-pj-mj-pan{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:260px;padding:6px;border-radius:12px;background:var(--card);
  border:1px solid var(--border-strong);box-shadow:0 18px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1px}
.rc-pj-mj-pan a{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:7px;font-size:var(--text-sm);color:var(--foreground);text-decoration:none}
.rc-pj-mj-pan a.on{background:var(--accent-wash);color:var(--accent)}
.rc-pj-mj-pan a small{margin-left:auto;color:var(--muted-foreground);font-size:var(--text-xs)}
.rc-pj-mj-pan hr{border:0;border-top:1px solid var(--border);margin:4px 2px}
.mj-kpi--tache{--k:rgba(245,244,240,.62)}
.rc-pj-plan-bloc{position:absolute;left:44px;right:10px;border-radius:7px;padding:5px 8px;font-size: calc(11.5px * var(--rc-echelle-texte));line-height:1.3;overflow:hidden}
.rc-pj-plan-bloc b{display:block;font-weight:600;font-size: calc(12px * var(--rc-echelle-texte))}
.rc-pj-plan-bloc--rdv{background:rgba(180,168,255,.14);border-left:3px solid #B4A8FF;color:var(--foreground)}
.rc-pj-plan-bloc--tache{background:rgba(74,222,128,.1);border-left:3px solid var(--success);color:var(--foreground)}

/* ── Téléphone ───────────────────────────────────────────────────────── */
@media (max-width: 899px){
  .rc-pj-tete h1{font-size:var(--text-xl)}
  .rc-pj-projet{grid-template-columns:1fr;gap:14px}
  .rc-pj-grille{grid-template-columns:1fr}
  .rc-pj-sprint-tete{padding:14px 14px 4px}
  .rc-pj-sprint-tete .rc-pj-droite{margin-left:0;width:100%}
  .rc-pj-objectif{padding:0 14px 10px}
  .rc-pj-t--th{display:none}
  .rc-pj-t{grid-template-columns:22px minmax(0,1fr);gap:4px 10px;padding:10px 14px;align-items:start}
  .rc-pj-t > .rc-pj-rond{grid-row:span 2;margin-top:2px}
  .rc-pj-t-corps{flex-wrap:wrap}
  .rc-pj-t-titre{white-space:normal}
  .rc-pj-t-meta{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
  .rc-pj-t .rc-pj-chrono{height:36px}
  .rc-pj-ajout{padding:0 14px}
  .rc-pj-ongl{overflow-x:auto}
  .rc-pj-bulle{left:16px;right:16px;bottom:calc(92px + env(safe-area-inset-bottom))}
  .rc-pj-bulle .rc-pj-bulle-titre{max-width:none;flex:1}
  .rc-pj-bulle button{height:36px}
  .rc-pj-boutons .btn{min-height:44px}
}
@media (min-width: 900px){ .rc-pj-t-meta{display:contents} }
.rc-pj-boutons .btn{height:36px;min-height:36px;padding:0 14px;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:7px}
.rc-pj-ongl a{flex:none;white-space:nowrap}
.mj-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.rc-pj-bulle i.rc-pj-pulse{flex:none}
body:has(.rc-pj-bulle) .rc-content{padding-bottom:72px}
@media (max-width: 899px){
  .rc-pj-boutons{width:100%}
  .rc-pj-boutons .btn{flex:1;justify-content:center;min-height:44px;height:44px}
  .mj-kpis{display:flex}
}

/* ── Ce que l'application ajoute à la maquette : les gestes ─────────────── */
.mj-kpi--tache{--teinte:rgba(245,244,240,.62)}
.rc-pj-dot--grand{width:14px;height:14px;border-radius:4px}
.rc-pj-pdesc--vide{color:var(--disabled-foreground)}
.rc-pj-premier{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.rc-pj-premier p{margin:0}
.rc-pj-archives{margin-top:4px}
.rc-pj-archives > summary{cursor:pointer;list-style:none}
.rc-pj-archives > summary::-webkit-details-marker{display:none}
.rc-pj-archives[open] > summary{margin-bottom:10px}
.rc-pj-archive{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.rc-pj-archive > a{width:100%;opacity:.8}
.rc-pj-note-bas{margin:-4px 0 0}
.rc-pj-reglage{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;border:0;background:none;
  color:var(--muted-foreground);cursor:pointer}
.rc-pj-reglage:hover{background:var(--muted);color:var(--foreground)}
.rc-pj-sprint-nom{all:unset;cursor:pointer;font:inherit}
.rc-pj-sprint-nom:hover{text-decoration:underline;text-underline-offset:3px}
.rc-pj-sprint-nom:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px;border-radius:4px}
.rc-pj-st-menu{position:relative}
.rc-pj-st-menu > summary{list-style:none;cursor:pointer}
.rc-pj-st-menu > summary::-webkit-details-marker{display:none}
.rc-pj-st-menu .rc-v-menu-pop button[aria-current]{color:var(--accent)}
/* La rangée d'une tâche : le rond est un bouton, le titre un lien. */
.rc-pj-rond-f,.rc-pj-chrono-f{margin:0;display:contents}
button.rc-pj-rond{padding:0;background:none;cursor:pointer}
button.rc-pj-rond:hover{border-color:var(--success)}
.rc-pj-rond--ok{background:var(--success)!important;border-color:var(--success)!important;color:#0A0B10}
.rc-pj-rond--x{border-color:var(--border-strong);color:var(--muted-foreground)}
a.rc-pj-t-titre{color:inherit;text-decoration:none}
a.rc-pj-t-titre:hover{text-decoration:underline;text-underline-offset:3px}
.rc-pj-t--ici{background:var(--accent-wash)}
.rc-pj-t--annulee .rc-pj-t-titre{color:var(--disabled-foreground);text-decoration:line-through}
.rc-pj-t-sprint{flex:none;font-size: calc(11px * var(--rc-echelle-texte));color:var(--muted-foreground);border:1px solid var(--border);border-radius:99px;padding:0 7px;height:20px;display:inline-flex;align-items:center}
.rc-pj-cell--auj{color:var(--accent)}
.rc-pj-cell--fort{color:var(--foreground)}
.rc-pj-cell--retard{color:var(--error)}
.rc-pj-cell svg{flex:none;color:var(--muted-foreground)}
.rc-pj-cell--auj svg{color:var(--accent)}
.rc-pj-cell--retard svg{color:var(--error)}
.rc-pj-chrono--marche span{font-variant-numeric:tabular-nums}
button.rc-pj-chrono:hover{border-color:rgba(74,222,128,.45);color:var(--foreground)}
.rc-pj-chrono--marche{width:100%;justify-content:center}
.rc-pj-ajout{margin:0}
.rc-pj-ajout-saisie{flex:1;min-width:0;height:36px;border:0;background:none;color:var(--foreground);font:inherit;font-size:var(--text-sm);outline:none}
.rc-pj-ajout-saisie::placeholder{color:var(--disabled-foreground)}
.rc-pj-ajout .btn{visibility:hidden}
.rc-pj-ajout:focus-within .btn{visibility:visible}
.rc-pj-vide--carte{padding:12px 18px 16px;margin:0}
.rc-pj-camp-l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 18px;border-top:1px solid var(--border)}
.rc-pj-camp-l small{grid-column:1;font-size:var(--text-xs);color:var(--muted-foreground)}
.rc-pj-camp-l .rc-pj-barre{grid-column:1;width:100%}
.rc-pj-camp-l form{grid-column:2;grid-row:1 / span 3;margin:0}
.rc-pj-camp-nom{display:inline-flex;align-items:center;gap:8px;color:var(--foreground);text-decoration:none;font-weight:500}
.rc-pj-ranger{display:flex;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--border)}
.rc-pj-ranger select{flex:1;min-width:0}
a.rc-pj-cl{color:inherit;text-decoration:none}
a.rc-pj-cl:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.rc-pj-cote section > .rc-pj-vide{padding:2px 0 6px}
.rc-pj-plus{margin-top:6px}
.rc-pj-form{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.rc-pj-form-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rc-pj-couleurs{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rc-pj-couleurs legend{font-size:var(--text-xs);color:var(--muted-foreground);margin-bottom:6px;padding:0}
.rc-pj-couleurs input{position:absolute;opacity:0;pointer-events:none}
.rc-pj-couleurs span{display:block;width:28px;height:28px;border-radius:8px;background:var(--c);cursor:pointer;border:2px solid transparent}
.rc-pj-couleurs input:checked + span{border-color:var(--foreground);box-shadow:0 0 0 2px var(--background) inset}
.rc-pj-couleurs input:focus-visible + span{outline:2px solid var(--accent-ring);outline-offset:2px}
/* La fenêtre d'une tâche */
.rc-pj-volet{--volet:560px}
.rc-pj-v-corps{display:flex;flex-direction:column;gap:14px}
.rc-pj-ed-note{position:relative}
.rc-pj-ed-note > .rc-enregistre{position:absolute;right:12px;top:10px}
.rc-pj-ed-note h3{font-size:var(--text-md);font-weight:600;margin:0 0 6px;color:var(--foreground)}
.rc-pj-ch--repos{border-color:var(--border);background:var(--card)}
.rc-pj-ch-t--repos{color:var(--muted-foreground)!important}
.rc-pj-ch-l form{margin:0 0 0 auto}
.rc-pj-arreter{border-color:rgba(74,222,128,.45)!important;color:var(--success)!important}
.rc-pj-demarrer svg{color:var(--success)}
.rc-pj-props form.rc-pj-prop{margin:0}
.rc-pj-choix{height:30px;padding:0 28px 0 10px;font-size:var(--text-xs);max-width:100%;width:auto;border-radius:7px}
.rc-pj-date.rc-date-bouton{height:30px;min-height:30px;width:auto;max-width:100%;padding:0 10px;border-radius:7px;font-size:var(--text-xs)}
button.rc-pj-mini-puce{background:none;font:inherit;font-size:var(--text-xs);cursor:pointer}
button.rc-pj-mini-puce:hover,summary.rc-pj-mini-puce:hover{border-color:var(--border-strong);color:var(--foreground)}
summary.rc-pj-mini-puce{list-style:none;cursor:pointer}
summary.rc-pj-mini-puce::-webkit-details-marker{display:none}
.rc-pj-autre{position:relative}
.rc-pj-autre-pop{display:flex;gap:6px;align-items:center;min-width:240px}
.rc-pj-autre-pop .rc-saisie{flex:1;min-width:0}
.rc-pj-qui{position:relative}
.rc-pj-qui > summary{list-style:none;cursor:pointer}
.rc-pj-qui > summary::-webkit-details-marker{display:none}
.rc-pj-qui-pop{width:300px;display:flex;flex-direction:column;gap:6px}
.rc-pj-qui-liste{max-height:240px;overflow:auto;display:flex;flex-direction:column}
.rc-pj-qui-liste button[hidden]{display:none}
.rc-pj-v-pied{position:sticky;bottom:0}
.rc-pj-v-pied form,.rc-pj-v-pied details{margin:0}
.rc-pj-v-pied > details > summary,.rc-pj-gauche summary{list-style:none}
.rc-pj-v-pied summary::-webkit-details-marker{display:none}
.rc-pj-annuler{display:flex;flex-direction:column;gap:8px;min-width:260px}
.rc-v-menu-pop--bas{top:auto;bottom:calc(100% + 6px)}
.rc-pj-menu-titre{display:block;padding:6px 10px;font-size:var(--text-xs);color:var(--muted-foreground);font-weight:500}
.rc-pj-reporter .rc-v-menu-pop small{color:var(--muted-foreground);margin-left:6px}
.rc-pj-fait{padding:0 18px}
/* Ma journée : la tâche sans personne */
.rc-pj-chrono-mj svg{color:var(--success)}
.rc-pj-chrono-mj--marche{border:1px solid rgba(74,222,128,.45);background:rgba(74,222,128,.1);color:var(--success);font-variant-numeric:tabular-nums;font-weight:600}
.rc-pj-quand-marche{color:var(--success)!important}
.mj-plan-bloc.rc-pj-plan-chrono{background:rgba(74,222,128,.1);border-left:3px solid var(--success)}
.rc-pj-mj-drop > summary{display:inline-flex;align-items:center;gap:8px}
.rc-pj-mj-drop:not([open]) .rc-pj-mj-pan{display:none}
@media (max-width: 899px){
  .rc-pj-form-2{grid-template-columns:1fr}
  .rc-pj-prop{grid-template-columns:1fr;gap:6px;padding:10px 12px}
  .rc-pj-cell--tel-cache{display:none}
  .rc-pj-chrono--marche{width:auto}
  .rc-pj-ajout .btn{visibility:visible}
  .rc-pj-v-pied{flex-wrap:wrap}
  .rc-pj-v-pied > .rc-pj-gauche{width:100%}
  .rc-pj-v-pied > .rc-pj-reporter,.rc-pj-v-pied > form{flex:1}
  .rc-pj-v-pied > .rc-pj-reporter > summary,.rc-pj-v-pied > form > .btn{width:100%;justify-content:center}
  .rc-pj-smini{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .rc-pj-smini small{text-align:left}
  .rc-pj-smini .rc-pj-st{justify-self:end}
  .rc-pj-smini .rc-pj-barre{justify-self:end;width:90px}
  .rc-pj-ch-l{flex-wrap:wrap;gap:6px 14px}
  .rc-pj-ch-l .rc-pj-ch-t{font-size: calc(24px * var(--rc-echelle-texte))}
  .rc-pj-ch-l .rc-pj-ch-dit{order:3;flex-basis:100%}
}
/* Au téléphone, la ligne de Ma journée garde son titre lisible : les gestes
   (fait, reporter, annuler, le bouton) passent dessous, à droite. */
@media (max-width: 600px){
  .mj-ligne{grid-template-columns:30px minmax(0,1fr);row-gap:8px}
  .mj-ligne .mj-gestes{grid-column:2;justify-self:end}
}