:root{--navy: #0F1A35;--bleu: #2F5FB3;--fond: #F1F3F7;--blanc: #fff;--texte: #0F1A35;--gris: #4F5A6E;--trait: #DCE1EA;--rouge: #C0392B;--vert: #1E8E4E;--orange: #E07B1F;--rayon: 12px}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--texte);font-family:Figtree,system-ui,sans-serif;font-size:16px}a{color:var(--bleu)}h1,h2{font-family:Staatliches,sans-serif;font-weight:400;letter-spacing:.02em;margin:0}h1{font-size:30px;line-height:1.1}h2{font-size:20px;margin-bottom:8px}p{margin:0}.discret{color:var(--gris);font-size:14px}.pre{white-space:pre-line}input,textarea{font:inherit;font-size:16px;width:100%;padding:12px;border:1px solid var(--trait);border-radius:10px;background:var(--blanc);color:var(--texte)}input:focus,textarea:focus{outline:2px solid var(--bleu);border-color:transparent}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}label.case{flex-direction:row;align-items:center;gap:8px;font-weight:400}label.case input{width:20px;height:20px}.pile{display:flex;flex-direction:column;gap:12px}.btn{font:inherit;font-weight:700;border:0;border-radius:10px;padding:14px 18px;background:var(--navy);color:#fff;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn.secondaire{background:var(--blanc);color:var(--navy);border:1px solid var(--trait)}.btn.rouge{background:var(--rouge)}.btn.vert{background:var(--vert)}.btn.petit{padding:8px 14px}.btn.plein{display:block;width:100%;margin-top:12px}.btn.enorme{font-size:22px;padding:22px 12px}.lien{background:none;border:0;color:var(--bleu);font:inherit;cursor:pointer;padding:4px;text-decoration:underline;align-self:center}.alerte{background:#fdecea;color:var(--rouge);padding:10px 12px;border-radius:10px;font-size:14px}.info{background:#eaf1fb;color:var(--navy);padding:10px 12px;border-radius:10px;font-size:14px}.acces-tete{background:var(--navy);padding:20px 16px;display:flex;justify-content:center}.acces-tete img{height:56px}.acces-corps{max-width:420px;margin:0 auto;padding:28px 16px;display:flex;flex-direction:column;gap:14px}.qr{width:200px;height:200px;align-self:center;background:#fff;padding:8px;border-radius:8px}code{word-break:break-all;background:#fff;padding:2px 6px;border-radius:4px}.tete{background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 16px;position:sticky;top:0;z-index:5}.tete-logo{height:34px}.nav{display:none;gap:4px;flex:1}.nav a,.nav-bas a{color:#fff;text-decoration:none;font-weight:600;padding:8px 14px;border-radius:8px;opacity:.75}.nav a.active{background:#ffffff24;opacity:1}.tete-moi{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;font:inherit;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer}.page{max-width:1100px;margin:0 auto;padding:16px 16px 96px;display:flex;flex-direction:column;gap:12px}.nav-bas{position:fixed;bottom:0;left:0;right:0;background:var(--navy);display:flex;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:5}.nav-bas a{flex:1;text-align:center;padding:12px 6px;font-size:15px}.nav-bas a.active{opacity:1;background:#ffffff24}.titre-ligne{display:flex;align-items:baseline;gap:10px}.recherche{padding:12px 14px}.puces{display:flex;gap:8px;flex-wrap:wrap}.puce{font:inherit;font-size:14px;border:1px solid var(--trait);background:var(--blanc);color:var(--navy);border-radius:999px;padding:8px 14px;cursor:pointer}.puce.active{background:var(--navy);color:#fff;border-color:var(--navy)}.liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.carte{display:flex;flex-direction:column;gap:6px;background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);padding:12px 14px;color:inherit;text-decoration:none}.carte:hover{border-color:var(--bleu)}.carte-haut{display:flex;justify-content:space-between;gap:10px;align-items:center}.carte-bas{display:flex;flex-wrap:wrap;gap:4px 14px}.montant{margin-left:auto;font-weight:600;color:var(--texte)}.urgent{color:var(--rouge)}.statut{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;background:#e8ecf3;color:var(--navy);white-space:nowrap}.s-maquette,.s-devis_envoye,.s-a_valider,.b-envoyee,.b-a_modifier,.o-a_planifier{background:#fff1e0;color:#9a4f0a}.s-validee,.s-fournitures,.s-en_production,.o-planifie,.o-en_cours{background:#e3ecfb;color:var(--bleu)}.s-expediee,.s-soldee,.b-validee,.o-termine{background:#e2f4e9;color:var(--vert)}.s-annulee{background:#fdecea;color:var(--rouge)}.barre{height:8px;background:#e8ecf3;border-radius:4px;overflow:hidden}.barre span{display:block;height:100%;background:var(--vert)}.barre.grosse{height:14px;border-radius:7px}.retour{text-decoration:none;font-weight:600;font-size:14px}.fiche{display:flex;flex-direction:column;gap:14px}.fiche-tete{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.grille-fiche{display:grid;gap:12px}.bloc{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);padding:14px}.infos{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}.infos dt{color:var(--gris)}.infos dd{margin:0}.lignes{list-style:none;margin:0;padding:0}.lignes li{padding:10px 0;border-top:1px solid var(--trait);display:flex;flex-direction:column;gap:2px}.lignes li:first-child{border-top:0;padding-top:0}.lignes li.ligne-haut,.ligne-haut{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.notes{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.notes li{background:var(--fond);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;white-space:pre-line}.notes li.epinglee{background:#fff6e5}.note-options{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.note-options .btn{margin-left:auto}.frise{list-style:none;margin:0;padding:4px 0;display:flex;overflow-x:auto;gap:0;scrollbar-width:none}.frise li{flex:1 0 74px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--gris);position:relative;text-align:center}.frise li:before{content:"";position:absolute;top:7px;left:-50%;width:100%;height:2px;background:var(--trait);z-index:0}.frise li:first-child:before{display:none}.frise .pt{width:16px;height:16px;border-radius:50%;background:var(--blanc);border:2px solid var(--trait);z-index:1}.frise li.fait{color:var(--texte)}.frise li.fait .pt{background:var(--vert);border-color:var(--vert)}.frise li.fait:before,.frise li.courant:before{background:var(--vert)}.frise li.courant{color:var(--texte);font-weight:700}.frise li.courant .pt{background:var(--bleu);border-color:var(--bleu);box-shadow:0 0 0 4px #d6e2f7}.compteur{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rayon);padding:16px;display:flex;flex-direction:column;gap:12px}.compteur-chiffres{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.gros{font-family:Staatliches,sans-serif;font-size:52px;line-height:1}.compteur-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a3580;display:flex;align-items:flex-end;justify-content:center;z-index:20}.fenetre{background:var(--blanc);width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.fenetre-boutons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choix{font:inherit;text-align:left;padding:14px;border:2px solid var(--trait);border-radius:10px;background:var(--blanc);cursor:pointer}.choix.actif{border-color:var(--rouge);background:#fdecea}@media (min-width: 860px){.nav{display:flex}.nav-bas{display:none}.page{padding-bottom:40px}.grille-fiche{grid-template-columns:1fr 1fr;align-items:start}.carte-cmd{display:grid;grid-template-columns:1.2fr 1.4fr 1.6fr;align-items:center}.carte-cmd .carte-milieu{order:0}.compteur-boutons{grid-template-columns:repeat(4,1fr)}.voile{align-items:center}.fenetre{border-radius:16px}.frise li{flex:1 1 0}}.compteur-boutons .btn.vert{grid-column:1 / -1}.page,.fiche,.bloc,.carte,.compteur,.fiche-tete>div,.ligne-haut>*,.carte-haut>*{min-width:0}.grille-fiche{grid-template-columns:minmax(0,1fr)}h1,strong,dd,.carte-milieu,.notes p,.lignes .discret{overflow-wrap:anywhere}.infos{grid-template-columns:auto minmax(0,1fr)}@media (min-width: 860px){.grille-fiche{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.journal-champs{margin:4px 0 0;padding-left:18px;font-size:14px;overflow-wrap:anywhere}.etape{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.etape .btn{flex:1 1 100%}.etape-secondaire{display:flex;gap:16px;flex-wrap:wrap}.lien.rouge{color:var(--rouge)}@media (min-width: 860px){.etape .btn{flex:0 0 auto}}select{font:inherit;font-size:16px;width:100%;padding:12px;border:1px solid var(--trait);border-radius:10px;background:var(--blanc);color:var(--texte)}.pousse{margin-left:auto}.titre-ligne{align-items:center}.deux-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}label.case.grande{padding-bottom:12px;font-weight:600}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--trait);border-radius:10px;background:var(--blanc)}.stepper button{font:inherit;font-size:22px;width:48px;height:46px;border:0;background:none;color:var(--navy);cursor:pointer}.stepper b{font-size:18px}.recherche-ligne{display:flex;gap:8px}.recherche-ligne .btn{white-space:nowrap;padding:12px 14px}.choix-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.choix-liste .choix{width:100%}.defile{max-height:46vh;overflow-y:auto}.choisi{background:var(--fond);border-radius:10px;padding:12px}.ligne-saisie{padding:12px 0}.fenetre.grande{max-height:92vh;overflow-y:auto}