/* Atelier et rappels */
.col-prete .col-h{border-bottom-color:var(--ok)}
.col-accord .col-h{border-bottom-color:var(--warn)}
.col-rendue{opacity:.85}
.col-rendue .col-h{border-bottom-color:var(--line)}
.or-fleches{display:flex;justify-content:space-between;gap:6px;border-top:1px dashed var(--line);padding-top:7px;margin-top:2px}
.or-fleches .btn{padding:3px 8px;font-size:.74rem}
.or-vide{text-align:center;padding:20px 0}
.or-histo{background:var(--panel2);display:flex;flex-direction:column;gap:2px}
.or-histo h3{margin-bottom:4px}
.or-histo .li{padding:5px 0}
#recMoto{min-height:150px}

/* Bon de réception (papier, noir et blanc) */
.bon table th{text-align:left;width:auto;padding:8px;border-top:1.5px solid #1c2428;border-bottom:1.5px solid #1c2428;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.bon table td{padding:8px;border-top:1.5px solid #1c2428;border-bottom:1.5px solid #1c2428}
.bon .k{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#4b555a;font-weight:700}
.bon-case{white-space:nowrap;margin-right:6px}
.bon-bloc{display:flex;flex-direction:column;gap:4px}
.bon-texte{border:1px solid #1c2428;min-height:58px;padding:8px 10px;white-space:pre-wrap;color:#1c2428}
.bon-sig{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bon-sig>div{border:1px solid #1c2428;height:90px;padding:8px 10px}
.card .pill{align-self:flex-start}
.or-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:600px){.or-trio{grid-template-columns:1fr 1fr}}

/* Tableau de l'atelier : les étapes passent à la ligne dans l'ordre (plus de défilement de gauche à droite).
   3 colonnes sur un grand écran, 2 sur un écran moyen, 1 sur téléphone. */
.board{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:visible;align-items:start}
.board .col{min-height:0}
@media (max-width:1180px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.board{grid-template-columns:minmax(0,1fr)}}