:root{--vert: #2f7a3f;--vert-clair: #eaf4ec;--orange: #c2691a;--rouge: #b3261e;--gris: #5c6660;--bord: #d7ded9;--fond: #f7f9f7;--texte: #16201a;--rayon: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;background:var(--fond);color:var(--texte);font-size:16px}h1,h2,h3,h4{margin:0 0 12px}h2{font-size:20px}a{color:var(--vert)}.aide{color:var(--gris);font-size:13px;line-height:1.45;margin:6px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.petit{font-size:11px}.droite{text-align:right}.avertissement-texte{color:var(--orange)}button{font:inherit;cursor:pointer;border-radius:var(--rayon);border:1px solid var(--bord);background:#fff;padding:10px 14px}button:disabled{opacity:.45;cursor:not-allowed}.principal{background:var(--vert);color:#fff;border:none;width:100%;min-height:60px;font-size:18px;font-weight:600;margin:8px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.principal em{font-weight:400;font-size:13px;opacity:.85;font-style:normal;margin-top:4px}.geant{min-height:96px;font-size:20px}.secondaire{width:100%;min-height:56px;margin:8px 0;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.secondaire.alerte{border-color:var(--rouge);color:var(--rouge)}.mini{padding:6px 10px;font-size:13px}.pastille{background:var(--vert-clair);color:var(--vert);border-radius:999px;padding:2px 10px;font-weight:700}.deux-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deux-boutons .principal,.deux-boutons .secondaire{margin:0}.lien-bouton{display:inline-block;margin-top:8px;padding:10px 14px;border:1px solid var(--bord);border-radius:var(--rayon);text-decoration:none;background:#fff}.accueil-demo{max-width:620px;margin:12vh auto;padding:24px;text-align:center}.accueil-demo h1{color:var(--vert);font-size:34px;letter-spacing:-.5px}.choix{display:grid;gap:12px;margin:28px 0}.cadre-mobile{display:flex;justify-content:center;padding:16px}.tel{width:100%;max-width:430px;background:#fff;min-height:92vh;border:1px solid var(--bord);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column}.retour-accueil{position:fixed;left:16px;bottom:16px}.contenu{padding:16px;display:flex;flex-direction:column}.bandeau{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;color:#fff}.bandeau.ok{background:var(--vert)}.bandeau.attente{background:var(--orange)}.bandeau.erreur{background:var(--rouge)}.bandeau .mini{background:#fff3;color:#fff;border-color:#ffffff80}.message{padding:10px 12px;border-radius:var(--rayon);margin:8px 0;font-size:14px}.message.ok{background:var(--vert-clair);color:var(--vert)}.message.warn{background:#fdf3e6;color:var(--orange)}.message.erreur{background:#fdecea;color:var(--rouge)}.entete-collecteur{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.carte{border:1px solid var(--bord);border-radius:var(--rayon);padding:12px;margin-bottom:12px}.carte.consignes{background:#fff8e6;border-color:#e8d9a8}.carte.recap div{display:flex;justify-content:space-between;padding:4px 0}.carte.recap span{color:var(--gris)}.reglages{margin-top:28px;border-top:1px dashed var(--bord);padding-top:12px}.liste{list-style:none;padding:0;margin:8px 0}.liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--bord);border-radius:var(--rayon);margin-bottom:8px;cursor:pointer;background:#fff}.liste li:hover{border-color:var(--vert)}.liste.confirmation li{cursor:default}.liste.confirmation .valeur{font-size:22px;font-weight:700}.liste li.avertissement{border-color:var(--orange);background:#fffaf3}.chevron{color:var(--gris);font-size:22px}.champ{display:block;margin:10px 0}.champ span{display:block;font-size:13px;color:var(--gris);margin-bottom:4px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff}input.pin{font-size:26px;letter-spacing:8px;text-align:center}.flux{border-bottom:1px solid var(--bord);padding:10px 0}.flux-titre{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}.puce{width:12px;height:12px;border-radius:3px;display:inline-block}.requis{font-size:11px;color:var(--rouge);border:1px solid currentColor;border-radius:4px;padding:0 5px}.badge-vocal{font-size:12px}.flux-saisie{display:flex;gap:10px;align-items:center}.flux-saisie label{position:relative;flex:1;display:flex;align-items:center}.flux-saisie .contenants{max-width:120px}input.gros{font-size:28px;font-weight:700;text-align:right;padding-right:46px}.flux-saisie .unite{position:absolute;right:12px;color:var(--gris);font-size:13px;pointer-events:none}.total-ligne{text-align:right;font-size:18px;margin:12px 0}.barre-actions{display:flex;gap:10px;align-items:stretch;margin-top:8px}.barre-actions .principal{margin:0}.micro{width:76px;font-size:26px;background:var(--vert-clair);border-color:var(--vert);color:var(--vert)}.micro.actif{background:var(--rouge);color:#fff;border-color:var(--rouge)}.recap-lignes{width:100%;border-collapse:collapse;margin:12px 0}.recap-lignes td{padding:8px 4px;border-bottom:1px solid var(--bord)}.recap-lignes .total td{font-weight:700;border-top:2px solid var(--texte);border-bottom:none}.scanner .viseur{border:3px dashed var(--vert);border-radius:var(--rayon);aspect-ratio:1;overflow:hidden;margin:12px 0;background:#000}.scanner video{width:100%;height:100%;object-fit:cover}.connexion{max-width:420px;margin:12vh auto;background:#fff;padding:28px;border-radius:var(--rayon);border:1px solid var(--bord)}.connexion h1{color:var(--vert)}.bo header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--bord);padding:12px 20px}.bo .marque{font-weight:700;color:var(--vert)}.bo .marque span{font-weight:400;color:var(--gris);font-size:13px}.bo nav{display:flex;gap:6px;flex:1}.bo nav button.actif{background:var(--vert);color:#fff;border-color:var(--vert)}.bo .utilisateur{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gris)}.bo main{padding:20px;max-width:1500px;margin:0 auto}.alertes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.alerte{background:#fff;border:1px solid var(--bord);border-left:5px solid var(--bord);border-radius:var(--rayon);padding:12px;display:flex;align-items:baseline;gap:10px}.alerte.active{border-left-color:var(--orange);background:#fffaf3}.alerte strong{font-size:26px}.alerte span{font-size:13px;color:var(--gris)}.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.carte-kpi{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:16px;display:flex;flex-direction:column}.carte-kpi span{font-size:13px;color:var(--gris)}.carte-kpi strong{font-size:32px;line-height:1.2}.carte-kpi em{font-style:normal;font-size:13px;color:var(--gris)}.panneaux{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.panneau{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:16px}.panneau.large{grid-column:1 / -1}.barre{display:grid;grid-template-columns:130px 1fr 150px;align-items:center;gap:10px;margin:6px 0;font-size:13px}.piste{background:var(--fond);border-radius:6px;height:16px;overflow:hidden}.remplissage{height:100%}.chiffre{text-align:right;color:var(--gris)}.histogramme{display:flex;align-items:flex-end;gap:6px;height:180px}.histogramme .colonne{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}.histogramme .tige{width:100%;background:var(--vert);border-radius:4px 4px 0 0;min-height:2px}.histogramme span{font-size:11px;color:var(--gris)}.tableau{width:100%;border-collapse:collapse;font-size:14px}.tableau th{text-align:left;color:var(--gris);font-weight:600;font-size:12px;text-transform:uppercase;padding:8px 6px;border-bottom:2px solid var(--bord)}.tableau td{padding:8px 6px;border-bottom:1px solid var(--bord)}.tableau .total td{font-weight:700}.tableau.cliquable tbody tr{cursor:pointer}.tableau.cliquable tbody tr:hover{background:var(--vert-clair)}.tableau.cliquable tbody tr.actif{background:var(--vert-clair);box-shadow:inset 3px 0 0 var(--vert)}.etat{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--fond);border:1px solid var(--bord);margin-right:4px}.etat.valide{background:var(--vert-clair);color:var(--vert);border-color:var(--vert)}.etat.en_attente_pesee,.etat.en_attente_depot,.etat.brouillon{background:#fdf3e6;color:var(--orange);border-color:#e8c99a}.etat.annule{background:#eee;color:var(--gris)}.etat.anomalie{background:#fdecea;color:var(--rouge);border-color:var(--rouge)}.filtres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filtres input,.filtres select{width:auto;flex:0 1 200px}.filtres button.actif{background:var(--vert);color:#fff;border-color:var(--vert)}.deux-colonnes{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.detail{position:sticky;top:16px}.fiche{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:16px;max-height:82vh;overflow:auto}.fiche dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 14px;font-size:13px}.fiche dt{color:var(--gris);font-size:11px;text-transform:uppercase}.fiche dd{margin:0}.bloc{margin-top:16px;border-top:1px solid var(--bord);padding-top:12px}.bloc .principal,.bloc .secondaire{min-height:44px;font-size:15px}.audit{list-style:none;padding:0;font-size:12px}.audit li{padding:6px 0;border-bottom:1px dotted var(--bord)}.modele{border:1px solid var(--bord);border-radius:var(--rayon);padding:10px;margin-bottom:10px}.modele-entete{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.puce-flux{border:2px solid var(--bord);border-radius:999px;padding:4px 10px;font-size:13px;background:#fff}.puce-flux em{color:var(--gris);font-style:normal;font-size:11px}.puce-flux.bouton{cursor:pointer}.puce-flux.choisi{background:var(--vert);color:#fff}.grille-formulaire{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.planche{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.planche .etiquette{background:#fff;border:1px solid var(--bord);border-radius:var(--rayon);padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center}.planche .qr svg{width:150px;height:150px}.planche .mono{word-break:break-all}@media print{.bo header,.filtres,.aide{display:none}.planche{grid-template-columns:repeat(2,1fr)}.planche .etiquette{break-inside:avoid}}@media (max-width: 1000px){.deux-colonnes,.grille-formulaire{grid-template-columns:1fr}}.zone-signature{position:relative;border:2px dashed var(--vert);border-radius:var(--rayon);height:200px;background:#fff;margin:10px 0;touch-action:none}.zone-signature canvas{width:100%;height:100%;display:block;touch-action:none}.zone-signature .filigrane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--gris);pointer-events:none;font-size:18px}img.signature{max-width:320px;width:100%;border:1px solid var(--bord);border-radius:var(--rayon);background:#fff;padding:6px}.correction{border:1px solid var(--orange);border-radius:var(--rayon);padding:12px;background:#fffaf3}.correction h4{display:flex;align-items:center;gap:8px}.petit-champ{width:90px;padding:6px 8px;text-align:right}.correction select{width:auto;padding:6px 8px}.etat.a_corriger{background:#fdf3e6;color:var(--orange);border-color:#e8c99a}.ligne-case{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px}.ligne-case input{width:auto}.tableau tr.archive{opacity:.55}.tableau tr.archive td{font-style:italic}