:root{--fond:#0b0b0d;--surface:#17171a;--surface-2:#202024;--surface-3:#2a2a2f;--ligne:#2c2c31;--texte:#f5f5f6;--texte-2:#a9a9b0;--texte-3:#75757d;--rouge:#e8352e;--rouge-fonce:#b8241f;--rouge-doux:#e8352e29;--vert:#2ecc71;--vert-doux:#2ecc7126;--ambre:#f5b342;--ambre-doux:#f5b34229;--bleu:#5b9dff;--bleu-doux:#5b9dff29;--gris-doux:#a9a9b024;--police:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rayon:16px;--rayon-sm:12px;--barre-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--fond)}body{color:var(--texte);font-family:var(--police);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0}.num{font-variant-numeric:tabular-nums}.app{max-width:480px;min-height:100dvh;padding-bottom:calc(var(--barre-h) + env(safe-area-inset-bottom,0px) + 24px);margin:0 auto;position:relative}.page{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:16px;padding-block:4px 8px;display:flex}.section{flex-direction:column;gap:10px;display:flex}.section-titre{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.section-titre h2{font-size:17px;font-weight:600}.lien-texte{color:var(--rouge);background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.bandeau-demo{background:var(--rouge-doux);color:#ffb3ae;text-align:center;padding:5px 16px;padding-top:calc(5px + env(safe-area-inset-top,0px));letter-spacing:.02em;font-size:11.5px}body:before{content:"";z-index:25;height:env(safe-area-inset-top,0px);background:var(--fond);position:fixed;inset:0 0 auto}.entete{top:env(safe-area-inset-top,0px);z-index:20;background:var(--fond);padding:14px max(16px, env(safe-area-inset-right,0px)) 12px max(16px, env(safe-area-inset-left,0px));align-items:center;gap:12px;display:flex;position:sticky}.entete h1{flex:1;min-width:0;font-size:22px;font-weight:600}.entete-icone{color:var(--texte);display:flex}.entete-centre h1{text-align:center;font-size:18px}.btn-icone{background:var(--surface);border:0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.btn-icone.nu{background:0 0}.pastille{background:var(--rouge);color:#fff;border:2px solid var(--fond);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:4px;right:4px}.carte{background:var(--surface);border-radius:var(--rayon);border:1px solid #0000;flex-direction:column;gap:12px;padding:16px;display:flex}.carte.cliquable{cursor:pointer;text-align:left;border:1px solid #0000;width:100%;transition:border-color .15s,background .15s}.carte.cliquable:hover{border-color:var(--ligne)}.carte.cliquable:active{background:var(--surface-2)}.carte-rouge{background:linear-gradient(160deg, #e8352e24, var(--surface) 55%);border-color:#e8352e73}.liste{flex-direction:column;gap:10px;display:flex}.liste-groupee{background:var(--surface);border-radius:var(--rayon);overflow:hidden}.liste-groupee>*+*{border-top:1px solid var(--ligne)}.ligne{border-inline:0;text-align:left;background:0 0;border-bottom:0;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.ligne:first-child{border-top:0}.ligne-texte{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ligne-titre{font-weight:500}.ligne-sous{color:var(--texte-2);font-size:13px}.muted{color:var(--texte-2)}.petit{font-size:13px}.tres-petit{color:var(--texte-3);font-size:12px}.tuiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tuile{background:var(--surface);border-radius:var(--rayon);text-align:left;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:16px 14px 14px;transition:border-color .15s;display:flex}.tuile:hover{border-color:var(--ligne)}.tuile-fournisseur{aspect-ratio:1;justify-content:space-between;max-width:100%;position:relative}.tuile-fournisseur .tuile-titre{overflow-wrap:anywhere;line-height:1.25}.tuile-fournisseur.terminee{opacity:.75}.tuile-urgent{position:absolute;top:12px;right:12px}.monogramme{background:var(--rouge);color:#fff;letter-spacing:.03em;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:17px;font-weight:700;display:grid;box-shadow:0 6px 18px #e8352e4d}.carte-article{gap:10px;padding:14px}.reference{white-space:pre-line;letter-spacing:.02em;color:var(--texte);overflow-wrap:anywhere;font-size:23px;font-weight:700;line-height:1.15}.compteur-quantite{background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:6px;display:flex}.compteur-quantite .btn-icone{background:var(--surface-3);width:48px;height:48px}.compteur-quantite .btn-icone:disabled{opacity:.35;cursor:not-allowed}.compteur-quantite strong{font-size:22px}.quantites{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.quantites>div{background:var(--surface-2);border-radius:10px;flex-direction:column;min-width:0;padding:8px 12px;display:flex}.quantites strong{font-size:19px;font-weight:600}.tuile.carte-rouge{background:linear-gradient(160deg, #e8352e24, var(--surface) 55%);border-color:#e8352e73}.tuile-icone{background:var(--surface-2);width:54px;height:54px;color:var(--rouge);border-radius:50%;align-self:center;place-items:center;margin-bottom:8px;display:grid}.tuile-titre{font-size:16px;font-weight:600}.tuile-bas{justify-content:space-between;align-items:flex-end;gap:6px;width:100%;display:flex}.tuile-valeur{font-size:26px;font-weight:600;line-height:1.1}.tuile-legende{color:var(--texte-2);font-size:12px}.fleche{background:var(--rouge);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.kpi{background:var(--surface);border-radius:var(--rayon-sm);flex-direction:column;gap:2px;min-width:0;padding:12px;display:flex}.kpi-valeur{font-size:24px;font-weight:600;line-height:1.15}.kpi-legende{color:var(--texte-2);font-size:12px}.kpi.accent .kpi-valeur{color:var(--rouge)}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-principal{background:var(--rouge);color:#fff}.btn-principal:hover:not(:disabled){background:#f0443d}.btn-secondaire{background:var(--surface-2);color:var(--texte)}.btn-contour{color:var(--texte);border:1px solid var(--ligne);background:0 0}.btn-vert{background:var(--vert-doux);color:var(--vert)}.btn-danger{background:var(--rouge-doux);color:#ff8a84}.btn-plein{width:100%}.btn-sm{border-radius:10px;min-height:36px;padding:0 14px;font-size:13px}.btn-rangee{gap:10px;display:flex}.btn-rangee>*{flex:1}.statut{white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.statut-attente{background:var(--ambre-doux);color:var(--ambre)}.statut-cours{background:var(--bleu-doux);color:var(--bleu)}.statut-ok{background:var(--vert-doux);color:var(--vert)}.statut-refus{background:var(--rouge-doux);color:#ff8a84}.statut-neutre{background:var(--gris-doux);color:var(--texte-2)}.statut-urgent{background:var(--rouge);color:#fff}.point{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.onglets{border-bottom:1px solid var(--ligne);display:flex}.onglet{color:var(--texte-2);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;margin-bottom:-1px;padding:10px 6px 12px;font-size:13.5px;font-weight:500}.onglet.actif{color:var(--texte);border-bottom-color:var(--rouge)}.onglets.defilants{scrollbar-width:none;overflow-x:auto}.onglets.defilants::-webkit-scrollbar{display:none}.onglets.defilants .onglet{flex:none;align-items:center;gap:6px;padding-inline:12px;display:inline-flex}.compteur{background:var(--surface-2);min-width:20px;height:20px;color:var(--texte-2);border-radius:10px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-grid}.onglet.actif .compteur{background:var(--rouge);color:#fff}.coche{border:2px solid var(--surface-3);color:#fff;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.coche.faite{background:var(--vert);border-color:var(--vert)}.puces{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.puce{background:var(--surface);border:1px solid var(--ligne);color:var(--texte-2);border-radius:999px;flex:none;padding:6px 14px;font-size:13px}.puce.active{background:var(--rouge-doux);color:#ffb3ae;border-color:#e8352e80}.champ{flex-direction:column;gap:6px;display:flex}.champ label,.champ .etiquette{color:var(--texte-2);font-size:13px}.saisie{background:var(--surface);border:1px solid var(--ligne);min-height:52px;color:var(--texte-2);border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.saisie:focus-within{border-color:var(--rouge)}.saisie input,.saisie select,.saisie textarea{min-width:0;color:var(--texte);background:0 0;border:0;outline:none;flex:1;padding:14px 0}.saisie textarea{resize:vertical;min-height:80px}.saisie select option{background:var(--surface)}.saisie input::placeholder,.saisie textarea::placeholder{color:var(--texte-3)}.case{color:var(--texte-2);align-items:center;gap:10px;font-size:14px;display:flex}.case input{width:18px;height:18px;accent-color:var(--rouge)}.segment{background:var(--surface);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segment button{color:var(--texte-2);background:0 0;border:0;border-radius:9px;padding:10px 6px;font-size:14px;font-weight:500}.segment button.actif{background:var(--rouge);color:#fff}.zone-photo{border:1.5px dashed var(--ligne);color:var(--texte-2);cursor:pointer;background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.zone-photo.ok{color:var(--vert);border-color:#2ecc7180}.barre{z-index:30;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--ligne);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#111113f5;position:fixed;bottom:0;left:0;right:0}.barre-inner{max-width:480px;height:var(--barre-h);grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid}.barre button{color:var(--texte-3);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex;position:relative}.barre button.actif{color:var(--rouge)}.barre button.actif:before{content:"";background:var(--rouge);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.icone-carree{background:var(--surface-2);width:44px;height:44px;color:var(--rouge);border-radius:12px;flex:none;place-items:center;display:grid}.icone-carree.grande{border-radius:14px;width:64px;height:64px}.icone-carree.vert{color:var(--vert)}.icone-carree.ambre{color:var(--ambre)}.icone-carree.bleu{color:var(--bleu)}.progression{background:var(--surface-3);border-radius:4px;height:8px;display:flex;overflow:hidden}.progression>span{background:var(--rouge)}.progression>span.attente{background:#e8352e59}.vide{text-align:center;color:var(--texte-2);padding:32px 16px;font-size:14px}.separateur{background:var(--ligne);height:1px}.info-ligne{align-items:center;gap:14px;display:flex}.info-ligne .ligne-texte .etiquette{color:var(--texte-3);font-size:12px}.etapes{flex-direction:column;display:flex}.etape{gap:12px;padding-bottom:18px;display:flex;position:relative}.etape:last-child{padding-bottom:0}.etape:before{content:"";background:var(--surface-3);width:2px;position:absolute;top:24px;bottom:0;left:11px}.etape:last-child:before{display:none}.etape.faite:before{background:var(--rouge)}.etape-rond{border:2px solid var(--surface-3);background:var(--fond);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.etape.faite .etape-rond{background:var(--rouge);border-color:var(--rouge)}.etape.courante .etape-rond{border-color:var(--rouge)}.toast{left:50%;bottom:calc(var(--barre-h) + env(safe-area-inset-bottom,0px) + 14px);z-index:50;background:var(--texte);color:var(--fond);border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:14px;font-weight:500;animation:.2s ease-out monte;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000080}@keyframes monte{0%{opacity:0;transform:translate(-50%,8px)}}.feuille-fond{z-index:40;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.feuille{background:var(--surface);width:100%;max-width:480px;padding:10px max(16px, env(safe-area-inset-left,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-right,0px));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;max-height:92vh;animation:.22s ease-out feuille;display:flex;overflow-y:auto}.feuille .saisie,.feuille .segment{background:var(--surface-2)}.feuille-poignee{background:var(--surface-3);border-radius:3px;align-self:center;width:40px;height:5px}@keyframes feuille{0%{opacity:0;transform:translateY(40px)}}.connexion{max-width:480px;min-height:100dvh;padding-block:40px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;gap:28px;margin:0 auto;display:flex;position:relative}.connexion:before{content:"";z-index:-1;background:radial-gradient(60% 40% at 50% 18%, #e8352e47, transparent 70%), radial-gradient(80% 50% at 100% 100%, #e8352e1a, transparent 70%), var(--fond);position:fixed;inset:0}.marque{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.marque img{filter:drop-shadow(0 10px 40px #e8352e59);width:128px;height:auto}.marque-nom{letter-spacing:.04em;font-size:30px;font-weight:700}.marque-sous{color:var(--texte-2);font-size:14px}.formulaire{flex-direction:column;gap:14px;display:flex}.cadran{align-self:center;width:230px;height:230px;margin-top:4px;position:relative}.cadran svg{width:100%;height:100%;transform:rotate(-90deg)}.cadran-centre{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.cadran-temps{letter-spacing:.01em;font-size:38px;font-weight:600}.carburant{gap:14px}.carburant>*{width:100%;min-width:0}.carb-entete{flex-direction:row;align-items:center}.carb-identite{gap:12px;padding:14px 16px}.carb-info{align-items:center;gap:12px;min-width:0;display:flex}.carb-info .ligne-titre{overflow-wrap:anywhere;font-size:16px}.carb-info-icone{background:var(--surface-2);width:36px;height:36px;color:var(--rouge);border-radius:10px;flex:none;place-items:center;display:grid}.carb-formulaire{gap:18px;width:100%}.carb-formulaire .champ{gap:8px;width:100%;min-width:0}.carb-formulaire .champ>label,.carb-formulaire .champ>.etiquette{color:var(--texte);font-size:14px;font-weight:500}.carb-requis{color:var(--texte-3);text-transform:uppercase;letter-spacing:.04em;margin-left:6px;font-size:11px;font-weight:500}.carb-saisie{border-radius:14px;gap:12px;width:100%;min-width:0;min-height:58px;padding:0 16px}.carb-saisie input{width:100%;min-width:0;padding:16px 0;font-size:18px}.carb-saisie input[type=date]{appearance:none;text-align:left;background:0 0;min-height:26px;display:block}.carb-saisie input[type=date]::-webkit-date-and-time-value{text-align:left}.carb-saisie input[type=date]::-webkit-calendar-picker-indicator{display:none}.carb-unite{color:var(--texte-2);flex:none;font-size:16px;font-weight:600}.carb-segment{border-radius:14px;padding:5px}.carb-segment button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:50px;font-size:16px;display:inline-flex}.carb-photo{background:linear-gradient(160deg, #e8352e1a, var(--surface) 65%);text-align:center;cursor:pointer;border:2px dashed #e8352e73;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:170px;padding:22px 16px;display:flex}.carb-photo:active{background:var(--surface-2)}.carb-photo-icone{background:var(--rouge);color:#fff;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:4px;display:grid;box-shadow:0 8px 24px #e8352e59}.carb-photo-titre{color:var(--texte);font-size:17px;font-weight:600}.carb-photo-detail{overflow-wrap:anywhere;max-width:100%}.carb-photo-changer{color:var(--rouge);margin-top:4px;font-size:13px;font-weight:500}.carb-photo.ok{background:linear-gradient(160deg, #2ecc711a, var(--surface) 65%);border-color:#2ecc718c}.carb-photo.ok .carb-photo-icone{background:var(--vert);box-shadow:0 8px 24px #2ecc714d}.carb-erreur{background:var(--rouge-doux);color:#ffb3ae;border-radius:12px;padding:12px 14px;font-size:14px}.carb-bouton{border-radius:14px;min-height:58px;font-size:17px}.carb-confirmation{text-align:center;align-items:center;gap:12px;padding:32px 20px}.carb-confirmation h2{font-size:22px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}