:root{--action: #f5a800;--action-texte: #111111;--sombre: #111111;--sombre-texte: #ffffff;--fond: #ffffff;--fond-2: #f4f4f5;--texte: #18181b;--texte-doux: #52525b;--bordure: #e4e4e7;--succes: #16a34a;--alerte: #dc2626;--rayon: 8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;color:var(--texte);background:var(--fond-2);line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--fond-2);color:var(--texte)}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.15rem;margin:0 0 1rem}button{font:inherit;cursor:pointer}input,select{font:inherit}.bouton{border:0;border-radius:var(--rayon);padding:.6rem 1rem;font-weight:600}.bouton.principal{background:var(--action);color:var(--action-texte)}.bouton.principal:hover:not(:disabled){filter:brightness(.95)}.bouton.secondaire{background:var(--fond);color:var(--texte);border:1px solid var(--bordure);padding:.35rem .7rem;font-weight:500}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton:focus-visible,.lien:focus-visible,input:focus-visible,select:focus-visible,.menu-lien:focus-visible{outline:3px solid var(--action);outline-offset:2px}.lien{background:none;border:0;padding:0;color:var(--texte);text-decoration:underline}.lien.clair{color:var(--sombre-texte);opacity:.85;text-align:start}.page-connexion,.ecran-centre{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--sombre)}.carte-connexion{width:100%;max-width:400px;background:var(--fond);border-radius:12px;padding:2rem;border-top:6px solid var(--action)}.marque{display:flex;flex-direction:column;margin-bottom:1.25rem}.marque-nom{font-weight:800;font-size:1.3rem}.marque-slogan{color:var(--texte-doux);font-style:italic;font-size:.9rem}form label{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;font-weight:500;font-size:.95rem}form input,form select{padding:.6rem .75rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);color:var(--texte)}.carte-connexion .bouton.principal{width:100%;margin-top:.25rem}.liens-connexion{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.9rem}.message{padding:.6rem .75rem;border-radius:var(--rayon);font-size:.92rem}.message.erreur{background:#fef2f2;color:#991b1b}.message.succes{background:#f0fdf4;color:#166534}.aide{color:var(--texte-doux);font-size:.88rem}.disposition{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.menu-lateral{background:var(--sombre);color:var(--sombre-texte);display:flex;flex-direction:column;padding:1.25rem .75rem;position:sticky;top:0;height:100vh;overflow-y:auto}.menu-marque{font-weight:800;color:var(--action);padding:0 .5rem;font-size:1.05rem}.menu-entreprise{font-size:.8rem;opacity:.7;padding:0 .5rem 1rem}.menu-lateral nav{display:flex;flex-direction:column;gap:2px;flex:1}.menu-lien{display:flex;justify-content:space-between;align-items:center;color:var(--sombre-texte);text-decoration:none;padding:.38rem .6rem;border-radius:6px;font-size:.9rem}.menu-lien:hover:not(.desactive){background:#ffffff14}.menu-lien.actif{background:var(--action);color:var(--action-texte);font-weight:600}.menu-lien.desactive{opacity:.45;cursor:default}.menu-lien small{font-size:.68rem}.menu-pied{border-top:1px solid rgba(255,255,255,.15);padding:.75rem .5rem 0;display:flex;flex-direction:column;gap:.4rem}.menu-utilisateur{font-weight:600;font-size:.9rem}.contenu{padding:1.75rem;min-width:0}.sous-titre{color:var(--texte-doux);margin:0 0 1.25rem}.entete-page{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.cartes-indicateurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.carte-indicateur{background:var(--fond);border-radius:10px;padding:1rem;border:1px solid var(--bordure);display:flex;flex-direction:column}.indicateur-libelle{color:var(--texte-doux);font-size:.85rem}.indicateur-valeur{font-size:1.6rem;font-weight:700}.indicateur-valeur.petit{font-size:1.05rem}.tableau-conteneur{overflow-x:auto;background:var(--fond);border-radius:10px;border:1px solid var(--bordure)}.tableau{width:100%;border-collapse:collapse;font-size:.93rem}.tableau th{text-align:start;background:var(--fond-2);color:var(--texte-doux);font-weight:600;padding:.65rem .8rem;white-space:nowrap}.tableau td{padding:.65rem .8rem;border-top:1px solid var(--bordure);vertical-align:middle}.tableau .actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}.ligne-inactive td{color:var(--texte-doux)}.pastille{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;margin-inline-start:.35rem}.pastille.ok{background:#dcfce7;color:#166534;margin-inline-start:0}.pastille.ko{background:#fee2e2;color:#991b1b;margin-inline-start:0}.pastille.neutre{background:var(--fond-2);color:var(--texte-doux)}.fond-fenetre{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;padding:16px;z-index:10}.fenetre{background:var(--fond);border-radius:12px;padding:1.5rem;width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.fenetre-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.liste-cases{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.case{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem;margin:0!important;font-weight:400!important}.champ-recherche{width:100%;max-width:520px;padding:.6rem .75rem;border:1px solid var(--bordure);border-radius:var(--rayon);margin-bottom:1rem;background:var(--fond)}.barre-filtres{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.barre-filtres select{padding:.6rem .75rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond)}.discret{color:var(--texte-doux)}.fenetre.large{max-width:760px}.fenetre textarea{padding:.6rem .75rem;border:1px solid var(--bordure);border-radius:var(--rayon);font:inherit}.grille-2{display:grid;grid-template-columns:1fr 1fr;gap:0 .75rem}.grille-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 .75rem}.carte-bloc{background:var(--fond);border:1px solid var(--bordure);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.carte-bloc h2{margin:0}.puces{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.puce{background:var(--fond-2);border-radius:6px;padding:.2rem .55rem;font-size:.85rem;font-family:ui-monospace,monospace}.ligne-ajout{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:.5rem;margin:.75rem 0;align-items:end}.ligne-ajout input,.ligne-ajout select{padding:.5rem .6rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond);min-width:0}.ligne-ajout .en-ligne{grid-column:1 / -1;margin:0}.ligne-ajout-4{grid-template-columns:2fr 1fr 1fr auto}.liste-choix{max-height:240px;overflow-y:auto;border:1px solid var(--bordure);border-radius:var(--rayon);padding:.5rem .75rem;display:grid;gap:.35rem}.saisie-comptage{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap}.saisie-comptage input{width:7rem;padding:.4rem .5rem;border:1px solid var(--bordure);border-radius:var(--rayon)}.caisse{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.caisse-droite{position:sticky;top:1rem;display:flex;flex-direction:column;gap:.6rem;margin:0}.caisse-droite label{margin-bottom:.25rem;display:flex;flex-direction:column;gap:.3rem;font-weight:500}.caisse-droite select,.caisse-droite input{min-width:0;width:100%;padding:.55rem .7rem;border:1px solid var(--bordure);border-radius:var(--rayon);background:var(--fond)}.total-caisse{display:flex;justify-content:space-between;align-items:baseline;background:var(--sombre);color:var(--sombre-texte);border-radius:10px;padding:.9rem 1rem}.total-caisse strong{font-size:1.8rem;color:var(--action)}.ligne-paiement{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ligne-paiement input:nth-child(3){grid-column:1 / -1}.bouton-encaisser{font-size:1.15rem;padding:.9rem;display:flex;justify-content:space-between}.scan .champ-recherche{max-width:none;font-size:1.05rem}.resultats{display:grid;gap:.3rem;margin-bottom:1rem}.resultat{display:grid;grid-template-columns:1fr auto auto;gap:1rem;text-align:start;background:var(--fond);border:1px solid var(--bordure);border-radius:var(--rayon);padding:.6rem .8rem}.resultat:hover{border-color:var(--action)}.texte-alerte{color:var(--alerte)}.quantite{display:inline-flex;align-items:center;gap:.25rem}.quantite input{width:4rem;text-align:center;padding:.35rem;border:1px solid var(--bordure);border-radius:var(--rayon)}.quantite .bouton{padding:.3rem .6rem}.petit-champ{width:4.5rem;padding:.35rem;border:1px solid var(--bordure);border-radius:var(--rayon)}.ouverture-caisse{max-width:440px}.ouverture-caisse form{display:flex;flex-direction:column}.ticket{font-family:ui-monospace,Courier New,monospace;font-size:.9rem;background:var(--fond);padding:.5rem;display:flex;flex-direction:column;gap:.15rem}.ticket hr{border:0;border-top:1px dashed var(--bordure);width:100%}.ticket-ligne{display:flex;justify-content:space-between;gap:1rem}.code-autorisation{font-size:1.5rem;letter-spacing:.2em}.ligne-plafond{display:grid;grid-template-columns:1fr 5rem auto auto;gap:.5rem;align-items:center;margin-bottom:.4rem}.ligne-plafond input{padding:.4rem;border:1px solid var(--bordure);border-radius:var(--rayon)}.nom-produit{display:inline-flex;align-items:center;gap:.5rem}.vignette{width:32px;height:32px;object-fit:cover;border-radius:6px;background:var(--fond-2)}.bloc-boutique{border:1px solid var(--bordure);border-radius:10px;padding:.75rem 1rem;margin:.75rem 0}.bloc-boutique legend{font-weight:600;padding:0 .35rem}.ligne-photo{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.apercu-photo{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--bordure)}.onglets{display:flex;gap:.25rem;border-bottom:1px solid var(--bordure);margin:.5rem 0 1rem;flex-wrap:wrap}.onglet{background:none;border:0;border-bottom:3px solid transparent;padding:.5rem .9rem;cursor:pointer;font:inherit;color:var(--texte-doux)}.onglet.actif{border-bottom-color:var(--action);color:var(--texte);font-weight:600}.liste-commandes{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.commande h2{margin:0;font-size:1.05rem}.commande .grille-2{margin:.5rem 0;gap:.75rem}.tableau.compact td{padding:.3rem .4rem}.droite{text-align:end}.cliquable{cursor:pointer}.cliquable:hover td{background:var(--fond-2)}.bloc-qr{display:flex;flex-direction:column;align-items:center;gap:.2rem}.bloc-qr small{font-family:ui-monospace,monospace;font-size:.7rem}.image-qr{image-rendering:pixelated}.bouton-scan{margin:.75rem .75rem 0;background:var(--action);color:var(--action-texte);border:0;border-radius:var(--rayon);padding:.55rem;font-weight:600;cursor:pointer}.video-scan{width:100%;max-height:50vh;background:#000;border-radius:8px;object-fit:cover}.ligne-planif{display:grid;grid-template-columns:1fr auto 12rem auto;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--bordure)}.preuve{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:1rem 0}.preuve dt{color:var(--texte-doux)}.preuve dd{margin:0}.photo-preuve{max-width:100%;max-height:320px;border-radius:8px;border:1px solid var(--bordure)}.missions{max-width:640px}.mission.en_cours{border-inline-start:4px solid var(--action)}.mission h2{margin:0}.mission p{margin:.25rem 0}.montant-mission{font-size:1.3rem}.articles-mission{margin:.5rem 0;padding-inline-start:1.1rem}.missions .actions .bouton{flex:1 1 auto;text-align:center}.missions-faites{padding-inline-start:1.1rem;color:var(--texte-doux)}.ligne-remise{display:grid!important;grid-template-columns:auto auto 1fr auto auto;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--bordure)}.filtres-tb{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filtres-tb .onglets{margin:0;border-bottom:0}.indicateur-detail{font-size:.82rem;color:var(--texte-doux);margin-top:.2rem}.indicateur-detail.ok{color:var(--succes)}.indicateur-detail.ko{color:var(--alerte)}.lien-indicateur{text-decoration:none;color:inherit}.lien-indicateur:hover{border-color:var(--texte)}.carte-indicateur.ton-ko{border-inline-start:4px solid var(--alerte)}.carte-indicateur.ton-attention{border-inline-start:4px solid var(--action)}.grille-tb{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.histogramme svg{width:100%;height:190px;display:block}.histogramme .axe{stroke:var(--bordure);stroke-width:1}.histogramme .barre{fill:var(--sombre, #111);opacity:.85}.histogramme .barre.active{fill:var(--action);opacity:1}.legende-histo{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--texte-doux);margin-top:.35rem}.repartition h3{font-size:.9rem;color:var(--texte-doux);margin:.75rem 0 .4rem;font-weight:600}.ligne-repartition{display:grid;grid-template-columns:8.5rem 1fr 3rem;gap:.5rem;align-items:center;font-size:.9rem;margin-bottom:.35rem}.ligne-repartition span:last-child{text-align:end}.jauge{height:8px;background:var(--fond-2);border-radius:4px;overflow:hidden}.jauge span{display:block;height:100%;background:var(--action)}.alertes{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.4rem}.alerte a{display:block;padding:.55rem .8rem;border-radius:var(--rayon);text-decoration:none;color:var(--texte);border-inline-start:4px solid;background:var(--fond);border-top:1px solid var(--bordure);border-bottom:1px solid var(--bordure);border-inline-end:1px solid var(--bordure)}.alerte.critique a{border-inline-start-color:var(--alerte);background:#fef2f2}.alerte.attention a{border-inline-start-color:var(--action)}.alerte.info a{border-inline-start-color:var(--bordure);color:var(--texte-doux)}.entete-document{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.entete-document h2{margin:0 0 .25rem}.totaux-document{display:grid;grid-template-columns:auto auto;justify-content:end;gap:.25rem 1.5rem;margin:.75rem 0}.totaux-document dd{margin:0;text-align:end}@media print{body *{visibility:hidden}.ticket,.ticket *,.bon-transfert,.bon-transfert *,.document-devis,.document-devis *{visibility:visible}.document-devis,.bon-transfert{position:absolute;inset:0 auto auto 0;width:100%;box-shadow:none}.ticket{position:absolute;inset:0 auto auto 0;width:72mm;font-size:11px}.non-imprime{display:none}}@media (max-width: 760px){.disposition{grid-template-columns:1fr}.menu-lateral{position:static;height:auto}.menu-lateral nav{flex-direction:row;flex-wrap:wrap}.menu-lien.desactive{display:none}.contenu{padding:1rem}.liste-cases,.grille-2,.grille-3,.ligne-ajout,.ligne-ajout-4,.caisse{grid-template-columns:1fr}.caisse-droite{position:static}.liste-commandes,.ligne-planif,.grille-tb{grid-template-columns:1fr}.ligne-remise{grid-template-columns:auto 1fr auto}.tableau-conteneur{background:none;border:0}.tableau thead{display:none}.tableau tr{display:block;background:var(--fond);border:1px solid var(--bordure);border-radius:10px;margin-bottom:.75rem;padding:.4rem .8rem}.tableau td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.35rem 0;text-align:end}.tableau td[data-label]:before{content:attr(data-label);color:var(--texte-doux);font-size:.85rem;text-align:start}.tableau .actions{justify-content:flex-start;padding-top:.5rem}}.tableau th.droite{text-align:end}.ligne-champ{display:flex;align-items:center;gap:.5rem}.ligne-total td{background:var(--fond-2)}.qr-double-auth{width:200px;height:200px;margin:.5rem auto;display:block;background:#fff;padding:6px;border-radius:8px}.cle-secrete{word-break:break-all;font-size:.85rem}