:root{--fond:#faf8f5;--surface:#fff;--surface-2:#f1ede7;--encre:#1f2933;--encre-2:#4b5563;--sourdine:#6b7280;--bord:#e6e1da;--accent:#2b4c7e;--accent-encre:#fff;--accent-doux:#e7eef7;--vert:#1e8449;--vert-doux:#e3f3e9;--orange:#c77b12;--orange-doux:#fbefd9;--rouge:#b93a2e;--rouge-doux:#f9e2df;--gris:#7f8893;--gris-doux:#eef0f2;--ombre:0 1px 2px #1f29330f, 0 6px 20px #1f29330d;--rayon:12px;--barre:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fond:#121417;--surface:#1b1f24;--surface-2:#23282f;--encre:#e8eaed;--encre-2:#c3c8cf;--sourdine:#98a2ad;--bord:#2c333b;--accent:#8fb1e3;--accent-encre:#0f1a2b;--accent-doux:#1e2b3d;--vert:#4cc38a;--vert-doux:#17382a;--orange:#f0b25a;--orange-doux:#3e2e14;--rouge:#f08a7e;--rouge-doux:#43221f;--gris:#9aa3ad;--gris-doux:#262b31;--ombre:0 1px 2px #0006, 0 6px 20px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fond);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}h1{font-size:22px;font-weight:700}h2{font-size:17px;font-weight:650}h3{color:var(--encre-2);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:650}p{margin:0}a{color:var(--accent);text-decoration:none}.entete .logo{object-fit:contain;border-radius:4px;width:auto;max-width:120px;height:32px;margin-right:10px}button,input,select,textarea{font:inherit;color:inherit}.num,.cellule-valeur,td.num,.ligne .num{font-variant-numeric:tabular-nums}.sourdine{color:var(--sourdine)}.petit{font-size:13px}.tres-petit{font-size:12px}.gras{font-weight:650}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.coque{flex-direction:column;min-height:100vh;display:flex}.entete{background:var(--surface);border-bottom:1px solid var(--bord);z-index:20;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.entete .titre{flex:1;min-width:0}.entete .titre h1{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.entete .titre .petit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.corps{flex:1;min-height:0;display:flex}.laterale{display:none}.contenu{min-width:0;padding:16px 16px calc(var(--barre) + 24px);flex:1;width:100%;max-width:1120px;margin:0 auto}.barre-basse{height:var(--barre);background:var(--surface);border-top:1px solid var(--bord);padding-bottom:env(safe-area-inset-bottom);z-index:20;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.barre-basse a,.laterale a{color:var(--sourdine);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.barre-basse a.actif,.laterale a.actif{color:var(--accent)}.barre-basse a.bientot,.laterale a.bientot{opacity:.45}@media (width>=900px){.laterale{border-right:1px solid var(--bord);background:var(--surface);flex-direction:column;gap:4px;width:220px;height:calc(100vh - 61px);padding:16px 12px;display:flex;position:sticky;top:61px}.laterale a{border-radius:8px;flex-direction:row;justify-content:flex-start;gap:10px;padding:9px 10px;font-size:14px}.laterale a.actif{background:var(--accent-doux)}.laterale a:hover{background:var(--surface-2)}.laterale .separateur{flex:1}.barre-basse{display:none}.contenu{padding:24px 28px 40px}}.bandeau{background:var(--orange-doux);color:var(--encre);border-bottom:1px solid var(--bord);align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.bandeau button{margin-left:auto}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre);padding:14px 16px}.carte+.carte{margin-top:12px}.pile{flex-direction:column;gap:12px;display:flex}.rangee{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rangee.entre{justify-content:space-between}.espace-haut{margin-top:16px}.grille{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.bouton{border:1px solid var(--bord);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.bouton:hover{background:var(--surface-2)}.bouton.principal{background:var(--accent);color:var(--accent-encre);border-color:var(--accent)}.bouton.principal:hover{filter:brightness(1.08)}.bouton.discret{color:var(--accent);background:0 0;border-color:#0000;padding-left:6px;padding-right:6px}.bouton.danger{color:var(--rouge)}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton.icone{justify-content:center;min-width:42px;padding:8px}.flottant{right:16px;bottom:calc(var(--barre) + 16px);z-index:15;box-shadow:var(--ombre);position:fixed}@media (width>=900px){.flottant{display:none}}.champ{flex-direction:column;gap:4px;display:flex}.champ label,.etiquette{color:var(--sourdine);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.champ input,.champ select,.champ textarea,.saisie{border:1px solid var(--bord);background:var(--surface);border-radius:8px;width:100%;min-height:40px;padding:9px 10px}.champ input:focus,.champ select:focus,.champ textarea:focus,.saisie:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-doux);outline:none}.champ.compact input,.champ.compact select{min-height:36px;padding:6px 8px}.champs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.pastille{background:var(--gris-doux);color:var(--encre-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.pastille.vert{background:var(--vert-doux);color:var(--vert)}.pastille.orange{background:var(--orange-doux);color:var(--orange)}.pastille.rouge{background:var(--rouge-doux);color:var(--rouge)}.pastille.gris{background:var(--gris-doux);color:var(--gris)}.pastille.accent{background:var(--accent-doux);color:var(--accent)}.message{background:var(--surface-2);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;display:flex}.message.rouge{background:var(--rouge-doux)}.message.orange{background:var(--orange-doux)}.messages{flex-direction:column;gap:6px;display:flex}.vide{text-align:center;color:var(--sourdine);padding:28px 16px}.cellules{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=560px){.cellules{grid-template-columns:1fr 1fr}.cellules .cellule:first-child{grid-column:1/-1}}.cellule{background:var(--surface);border:1px solid var(--bord);border-left:5px solid var(--gris);border-radius:var(--rayon);box-shadow:var(--ombre);flex-direction:column;gap:4px;min-height:96px;padding:12px 12px 10px;display:flex}.cellule.vert{border-left-color:var(--vert)}.cellule.orange{border-left-color:var(--orange)}.cellule.rouge{border-left-color:var(--rouge)}.cellule.gris{border-left-color:var(--gris)}.cellule.accent{border-left-color:var(--accent)}.cellule-libelle{text-transform:uppercase;letter-spacing:.05em;color:var(--sourdine);font-size:11px;font-weight:650}.cellule-valeur{font-size:24px;font-weight:750;line-height:1.1}.cellule.vert .cellule-valeur{color:var(--vert)}.cellule.orange .cellule-valeur{color:var(--orange)}.cellule.rouge .cellule-valeur{color:var(--rouge)}.cellule-sous{color:var(--sourdine);font-size:12px}.cellule input{border:1px dashed var(--bord);background:0 0;border-radius:6px;flex:1;width:auto;min-width:0;padding:2px 4px;font-size:22px;font-weight:750}.cellule .bascule{border:1px solid var(--bord);border-radius:6px;flex-shrink:0;display:inline-flex;overflow:hidden}.cellule .bascule button{cursor:pointer;background:0 0;border:0;padding:2px 8px;font-size:11px}.cellule .bascule button.actif{background:var(--accent);color:var(--accent-encre)}@media (width>=900px){.cellule-valeur{font-size:30px}.cellule{min-height:110px}}.lignes{flex-direction:column;gap:8px;display:flex}.ligne{border:1px solid var(--bord);background:var(--surface);border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"article cout""quantite prix""observation observation";gap:6px 10px;padding:10px 12px;display:grid}.ligne.manque{border-color:var(--orange)}.ligne .z-article{grid-area:article;min-width:0}.ligne .z-quantite{grid-area:quantite;align-items:center;gap:6px;display:flex}.ligne .z-prix{text-align:right;color:var(--sourdine);grid-area:prix;align-self:center;font-size:13px}.ligne .z-cout{text-align:right;grid-area:cout;font-size:16px;font-weight:700}.ligne .z-observation{grid-area:observation}.ligne .nom-article{text-align:left;border:1px solid var(--bord);background:var(--surface-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;width:100%;min-height:40px;padding:8px 10px;display:flex}.ligne .nom-article .texte{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ligne .nom-article.vide{color:var(--sourdine);border-style:dashed}.ligne .z-quantite input{text-align:right;width:92px}.ligne .z-quantite select{width:88px}.ligne .z-observation input{border:0;border-bottom:1px dashed var(--bord);background:0 0;border-radius:0;min-height:30px;padding:4px 2px;font-size:13px}.ligne .supprimer{color:var(--sourdine);cursor:pointer;background:0 0;border:0;padding:4px}.ligne .supprimer:hover{color:var(--rouge)}.entete-lignes{display:none}@media (width>=1000px){.lignes{border:1px solid var(--bord);background:var(--surface);border-radius:10px;gap:0;overflow-x:auto}.entete-lignes,.ligne{border:0;border-bottom:1px solid var(--bord);border-radius:0;grid-template-columns:minmax(170px,2fr) 80px 76px minmax(120px,1fr) 92px 84px 32px;grid-template-areas:none;align-items:center;gap:0 10px;min-width:700px;padding:6px 10px;display:grid}.entete-lignes{text-transform:uppercase;letter-spacing:.04em;color:var(--sourdine);background:var(--surface-2);font-size:11px;font-weight:650}.ligne.manque{box-shadow:inset 4px 0 0 var(--orange)}.ligne .z-article,.ligne .z-quantite,.ligne .z-prix,.ligne .z-cout,.ligne .z-observation{grid-area:auto}.ligne .z-quantite{display:contents}.ligne .z-quantite input,.ligne .z-quantite select{width:100%}.ligne .z-observation input{background:0 0;border:0}.ligne:last-child{border-bottom:0}}.liste{flex-direction:column;gap:8px;display:flex}.item{background:var(--surface);border:1px solid var(--bord);color:inherit;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.item:hover{border-color:var(--accent)}.item .corps-item{flex:1;min-width:0}.item .corps-item .nom{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.item .chiffres{text-align:right;gap:14px;font-size:13px;display:flex}.item .chiffres .num{font-size:15px;font-weight:650;display:block}.item .chiffres .sous{color:var(--sourdine);font-size:11px}.item .chevron{color:var(--sourdine);flex-shrink:0}.onglets{border-bottom:1px solid var(--bord);gap:4px;margin-bottom:12px;display:flex;overflow-x:auto}.onglets button{cursor:pointer;color:var(--sourdine);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-weight:600}.onglets button.actif{color:var(--accent);border-bottom-color:var(--accent)}table.tableau{border-collapse:collapse;width:100%;font-size:14px}table.tableau th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--sourdine);border-bottom:1px solid var(--bord);padding:6px 8px;font-size:11px}table.tableau td{border-bottom:1px solid var(--bord);vertical-align:middle;padding:8px}table.tableau td.num,table.tableau th.num{text-align:right}.defilable{overflow-x:auto}.voile{z-index:40;background:#0f141c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.feuille{background:var(--surface);width:100%;max-width:640px;max-height:88vh;padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;overflow:auto;box-shadow:0 -8px 30px #0003}@media (width>=900px){.voile{align-items:center}.feuille{border-radius:16px;max-height:80vh}}.feuille .poignee{background:var(--bord);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.choix-liste{flex-direction:column;gap:4px;max-height:50vh;margin-top:8px;display:flex;overflow:auto}.choix-liste button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.choix-liste button:hover{background:var(--surface-2)}.choix-liste button .sourdine{font-size:12px}.tuiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=720px){.tuiles{grid-template-columns:repeat(4,1fr)}}.tuile{background:var(--surface);border:1px solid var(--bord);border-left:5px solid var(--accent);border-radius:var(--rayon);color:inherit;box-shadow:var(--ombre);flex-direction:column;gap:4px;min-height:96px;padding:14px;text-decoration:none;display:flex}.tuile:hover{border-color:var(--accent)}.tuile.vert{border-left-color:var(--vert)}.tuile.orange{border-left-color:var(--orange)}.tuile.rouge{border-left-color:var(--rouge)}.tuile.gris{border-left-color:var(--gris)}.tuile .valeur{font-size:26px;font-weight:750;line-height:1.1}.tuile .libelle{text-transform:uppercase;letter-spacing:.05em;color:var(--sourdine);font-size:12px;font-weight:650}.tuile .sous{color:var(--sourdine);font-size:12px}.centre{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.centre .carte{width:100%;max-width:420px}.marque{color:var(--sourdine);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:650}.coche{align-items:center;gap:8px;font-size:14px;display:flex}.coche input{width:18px;height:18px}.etape-num{background:var(--accent);width:24px;height:24px;color:var(--accent-encre);vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-right:8px;font-size:12px;font-weight:700;display:inline-flex}.matrice{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quadrant{border:1px solid var(--bord);border-left:5px solid var(--gris);background:var(--surface-2);border-radius:10px;padding:10px 12px}.quadrant.vert{border-left-color:var(--vert)}.quadrant.orange{border-left-color:var(--orange)}.quadrant.accent{border-left-color:var(--accent)}.quadrant.rouge{border-left-color:var(--rouge)}.quadrant h4{margin:0 0 2px;font-size:14px}.quadrant .explication{color:var(--sourdine);margin-bottom:8px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface);border:1px solid var(--bord);color:inherit;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent)}.tuile .valeur.texte{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}@media (width<=560px){.matrice{grid-template-columns:1fr}}