/* ============ ESSAIS DE DESIGN · 5e série (24 octobre 2026, 19 h 24) ============ */

/* ---- T01 · page Octavec, section 01 : les six tâches en vue éclatée, à gauche de la nomenclature ---- */
#constat .t1-grille{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);gap:clamp(1.75rem,3.2vw,3.25rem);align-items:stretch}
@media (min-width:1400px){#constat .t1-grille{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}}   /* 19 h 45 : plus de place à la figure quand le tableau peut la céder */
#constat .t1-grille > .oc-nomenclature{min-width:0}
.t1-eclate{margin:0;position:relative;min-width:0;cursor:crosshair}
.t1-svg{position:absolute;inset:0;display:block;overflow:visible;shape-rendering:geometricPrecision}
.t1-ph{font:500 10px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;fill:var(--bleu)}
.t1-compte{font:500 10px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.08em;fill:var(--bleu)}
.t1-guide{stroke:var(--bleu);stroke-width:1;stroke-dasharray:3 5}
.t1-flux{stroke:var(--bleu);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.1 6;animation:t1-flux 1.6s linear infinite}
@keyframes t1-flux{to{stroke-dashoffset:-12.2}}

/* chaque tâche : « avant », puis « fait » */
.t1-obj .t1-ap{display:none}
.t1-obj.fait .t1-av{display:none}
.t1-obj.fait .t1-ap,.t1-obj.survol .t1-ap{display:inline}
.t1-obj.survol .t1-av{display:none}
.t1-tag rect{fill:var(--papier);stroke:var(--bleu);stroke-width:1}
.t1-tag text{font:400 8px/1 'Silkscreen',monospace;fill:var(--bleu)}
.t1-obj.fait .t1-tag rect{fill:var(--bleu)}
.t1-obj.fait .t1-tag text{fill:var(--papier)}
.t1-obj.actif .t1-tag rect{fill:var(--ecarlate);stroke:var(--ecarlate)}
.t1-obj.actif .t1-tag text{fill:var(--papier)}

/* le trait de rappel, du plateau à la ligne du tableau */
.t1-rappel{stroke:var(--bleu);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:0}
.t1-rappel.trace{animation:t1-trace .22s ease-out both}
@keyframes t1-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.t1-rappel-pt{fill:var(--ecarlate)}

/* la ligne de la tâche en cours : son numéro passe en aplat bleu */
#constat .oc-nomenclature tr.t1-allume td.n{color:var(--papier);background:linear-gradient(var(--bleu),var(--bleu)) no-repeat 0 50%/2.125rem 1.5rem}

.t1-fixe .t1-flux{animation:none}
@media (prefers-reduced-motion: reduce){.t1-flux{animation:none}.t1-rappel.trace{animation:none}}
@media (max-width:1099px){
  #constat .t1-grille{display:block}
  .t1-eclate{display:none}
}

/* 19 h 45 : les lignes prennent la hauteur libre de l'écran (variable posée par essais-5.js), pour que les plateaux soient les plus grands possible */
@media (min-width:1100px){
  #constat .t1-grille .oc-nomenclature--phases tbody tr:not(.oc-ph) td,
  #constat .t1-grille .oc-nomenclature--phases tbody tr:not(.oc-ph) th{padding-top:calc(clamp(0.375rem,1.2vh,0.75rem) + var(--t1-pad,0px));padding-bottom:calc(clamp(0.375rem,1.2vh,0.75rem) + var(--t1-pad,0px))}
}