/* Steps indicator */
.steps-indicator{display:flex;gap:.5rem;justify-content:center}
.steps-indicator .step{width:30px;height:30px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600}
.steps-indicator .step.active{background:#0d6efd;color:#fff}

/* Image checkbox grid */
.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.img-check{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:2px solid #eee;border-radius:8px;cursor:pointer;user-select:none;text-align:center}
.img-check input{position:absolute;opacity:0;pointer-events:none}
.img-check .img{width:100%;height:90px;background:#f8f9fa;border-radius:6px;margin-bottom:8px;border:1px dashed #dee2e6;background-size:contain;background-position:center;background-repeat:no-repeat}
.img-check .lbl{font-size:.95rem}
.img-check input:checked ~ .lbl{font-weight:600}
.img-check input:checked ~ .img{border-color:#0d6efd;box-shadow:0 0 0 2px rgba(13,110,253,.15)}

/* Positions overlays (placeholder blocks to illustrate) */
.img.position{position:relative}
.img.position:after{content:"";position:absolute;background:rgba(13,110,253,.25);border:2px solid #0d6efd;border-radius:4px}
/* Example coordinates to symbolize placement */
.img.position.coeur:after{top:30%;left:30%;width:40%;height:30%}
.img.position.devant-haut:after{top:10%;left:25%;width:50%;height:25%}
.img.position.devant-gros:after{top:20%;left:10%;width:80%;height:60%}
.img.position.devant-bas:after{bottom:10%;left:25%;width:50%;height:20%}
.img.position.manche-droite:after{top:20%;right:5%;width:15%;height:50%}
.img.position.manche-gauche:after{top:20%;left:5%;width:15%;height:50%}
.img.position.dos-haut:after{top:10%;left:25%;width:50%;height:25%}
.img.position.dos-gros:after{top:20%;left:10%;width:80%;height:60%}
.img.position.dos-bas:after{bottom:10%;left:25%;width:50%;height:20%}
.img.position.devant-centre:after{top:30%;left:25%;width:50%;height:30%}
.img.position.cap-devant-cote-arriere:after{top:35%;left:20%;width:60%;height:30%}

/* Dropzone */
.dropzone{border:2px dashed #adb5bd;border-radius:8px;padding:24px;text-align:center;background:#f8f9fa;color:#6c757d}
.dropzone.dragover{background:#eef6ff;border-color:#0d6efd;color:#0d6efd}
#fileList .file-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #eee;border-radius:6px;padding:8px 10px;margin-bottom:8px;background:#fff}