/* Lecture d'une photo d'étiquette (assets/photo.js). Aucune couleur de verdict ici : l'état d'une ligne se dit par la forme
   (plein, contour, pointillé) et par le texte de la puce, jamais par le vert, le bleu, l'ambre ou le rouge. */
.photo{margin:0}
.photo-libelle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:10px 0 6px}
.tool .photo-libelle label{margin:0;flex:1 1 160px;min-width:0;line-height:1.25}
.photo-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 16px 6px;font-size:1rem}
.photo-btn svg{width:20px;height:20px;flex:none;margin-top:-2px}
.photo-tete:has(>:not([hidden])){margin-top:12px}
.photo-tete{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.photo .btn,.photo-btn{min-height:44px}
.photo .btn:disabled,.photo-btn:disabled{opacity:.55;cursor:default}
.photo-statut{margin:10px 0 0}
.photo-statut:empty{display:none}
.photo-echec,.photo-verif{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:12px 0}
.photo-echec{border-left:4px solid var(--brand);font-size:.95rem}
.photo-echec ul{margin:.4em 0 .8em}
.photo-echec p:last-child{margin-bottom:0}
.photo-verif h3{margin-top:0}
.photo-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:14px 0}
.photo-vignette{margin:0}
.photo-vignette img{display:block;width:100%;max-height:220px;object-fit:contain;background:var(--mist);border:1px solid var(--line);border-radius:var(--r-s)}
.photo-vignette figcaption{margin-top:6px}
.photo-liste{list-style:none;margin:0;padding:0}
.photo-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 8px}
.photo-liste input{flex:1 1 200px;min-width:0;min-height:44px;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--r-s);font:16px var(--font);background:#fff;color:var(--ink)}
.photo-liste input:focus{outline:3px solid var(--glow);border-color:var(--brand)}
.photo-liste li.inconnu input{border-style:dashed;font-weight:650}
.photo-lu{flex-basis:100%;margin:0}
.photo-lu:empty{display:none}
.puce{display:inline-block;font-size:.78rem;font-weight:650;line-height:1;padding:6px 10px;border-radius:999px;background:var(--mist);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}
.puce-corrigee{background:#fff;border-color:var(--brand);color:var(--brand-2)}
.puce-inconnue{border-style:dashed;font-weight:800;color:var(--ink)}
.photo-actions{display:flex;flex-wrap:wrap;gap:10px}
.photo-bandeau{background:var(--mist);border-left:4px solid var(--brand);border-radius:var(--r-s);padding:12px 16px;margin:14px 0;font-size:.95rem}
@media(min-width:760px){.photo-cols{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start}}