/* =====================================================================================
   Pièce « Régie montage & motion » (pieces/regie.js) — styles propres, tous préfixés .pc-regie-.
   Facultatif : sans ce fichier, le rapport reste lisible avec les classes communes de la page.
   Couleurs : variables de la page (--e des étapes, --pf-* de l'immeuble), rien en dur.
   ===================================================================================== */

/* chaîne de post-production : tournage → montage → motion → en ligne */
.pc-regie-flux{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:pc-regie}
.pc-regie-etape{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px 11px;border:1px solid var(--bord);border-radius:16px;background:rgba(255,255,255,.02)}
.pc-regie-etape::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:2px;border-radius:2px;background:var(--e,var(--t2));opacity:.85}
.pc-regie-etape + .pc-regie-etape::after{content:"→";position:absolute;left:-5px;top:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--t3);pointer-events:none}
.pc-regie-etape .l{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--t3)}
.pc-regie-etape .l i{width:6px;height:6px;border-radius:50%;background:var(--e,var(--t2));flex:none}
.pc-regie-etape .v{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--t1);font-variant-numeric:tabular-nums}
.pc-regie-etape .s{font-size:11.5px;color:var(--t2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-regie-etape[data-focus="1"]{border-color:var(--pf-bord);background:var(--pf-voile)}

/* étapes en amont du tournage : simples pastilles (lecture seule) */
.pc-regie-amont{display:flex;flex-wrap:wrap;gap:6px}

/* tableaux et lignes en lecture seule : pas de main ni de survol « cliquable » */
.pc-regie-table tbody tr{cursor:default}
.pc-regie-table tbody tr:hover{background:transparent}
.c-ligne.pc-regie-ligne{cursor:default}

@media (max-width:760px){
  .pc-regie-flux{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-regie-etape:nth-child(3)::after{display:none}
}