:root{--accent:#0f766e;--fond:#f5f6f8;--surface:#fff;--texte:#1f2328;--discret:#636c76;--bord:#d8dce1;--erreur:#b42318;--succes:#067647;--alerte:#b54708;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--fond:#111418;--surface:#1b1f24;--texte:#e6e8eb;--discret:#9aa4af;--bord:#313840;--erreur:#f97066;--succes:#47cd89;--alerte:#fdb022;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0}h1{margin:0;font-size:1.4rem}h2{margin:0 0 .75rem;font-size:1.1rem}a{color:var(--accent)}img,video{max-width:100%}button,.bouton-fichier{font:inherit;border:1px solid var(--bord);background:var(--surface);color:var(--texte);cursor:pointer;border-radius:8px;padding:.5rem .9rem}button:disabled{opacity:.6;cursor:default}button.principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger,.lien.danger{color:var(--erreur)}button.lien{color:var(--accent);background:0 0;border:0;padding:.25rem;text-decoration:underline}input,select,textarea{font:inherit;border:1px solid var(--bord);background:var(--surface);width:100%;color:var(--texte);border-radius:8px;padding:.55rem .65rem}input[type=checkbox]{width:auto}input[type=color]{max-width:6rem;height:2.5rem;padding:.15rem}label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}label.case{flex-direction:row;align-items:center;gap:.5rem}fieldset{border:1px solid var(--bord);border-radius:8px;flex-direction:column;gap:.5rem;display:flex}.discret{color:var(--discret);font-size:.9rem;font-weight:400}.erreur{color:var(--erreur)}.succes{color:var(--succes)}.vide{text-align:center;color:var(--discret);padding:2rem}.centre{text-align:center;margin-top:30vh}.barre{color:var(--discret);text-decoration:line-through}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:12px;padding:1rem}.connexion{place-items:center;min-height:100vh;padding:16px;display:grid}.connexion .carte{flex-direction:column;gap:.9rem;width:100%;max-width:380px;display:flex}.entete{background:var(--surface);border-bottom:3px solid var(--accent);z-index:5;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:.75rem 16px;display:flex;position:sticky;top:0}.marque{align-items:center;gap:.6rem;display:flex}.marque select{width:auto}.logo{object-fit:contain;border-radius:8px;width:36px;height:36px}.logo-vide,.logo-grand.logo-vide{background:var(--accent);color:#fff;place-items:center;font-weight:700;display:inline-grid}.entete nav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.entete nav a{color:var(--texte);border-radius:8px;padding:.45rem .75rem;text-decoration:none}.entete nav a.active{background:var(--accent);color:#fff}.compte{align-items:center;gap:.5rem;display:flex}.contenu{max-width:1100px;margin:0 auto;padding:1rem 16px 3rem}.titre-page{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.titre-page select,.titre-page input{width:auto;min-width:12rem}.liste{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.commande{border-left:5px solid var(--bord)}.commande.statut-nouvelle{border-left-color:var(--alerte)}.commande.statut-confirmee{border-left-color:var(--accent)}.commande.statut-en_livraison{border-left-color:#2e90fa}.commande.statut-livree{border-left-color:var(--succes)}.commande.statut-annulee{opacity:.65}.ligne-haut{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.tel{margin-left:.6rem;font-size:.9rem}.produits-commande{margin:.5rem 0;padding-left:1.2rem}.details{flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.95rem;display:flex}.statut{flex-direction:row;align-items:center;gap:.6rem;margin-top:.6rem;font-weight:400}.statut select{width:auto}.badge{border:1px solid var(--bord);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;display:inline-block}.badge-nouvelle,.badge-alerte{color:var(--alerte);border-color:var(--alerte)}.badge-confirmee{color:var(--accent);border-color:var(--accent)}.badge-en_livraison{color:#2e90fa;border-color:#2e90fa}.badge-livree{color:var(--succes);border-color:var(--succes)}.badge-annulee{color:var(--discret)}.grille{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;margin:.75rem 0 1.5rem;display:grid}.produit{flex-direction:column;padding:0;display:flex;overflow:hidden}.produit.inactif{opacity:.6}.produit img,.sans-photo{aspect-ratio:4/3;object-fit:cover;background:var(--fond);width:100%}.sans-photo{color:var(--discret);place-items:center;display:grid}.produit .corps{flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.etiquettes,.actions{flex-wrap:wrap;gap:.35rem;display:flex}.actions button{padding:.35rem .6rem;font-size:.9rem}.formulaire{flex-direction:column;gap:.9rem;margin-bottom:1rem;display:flex}.deux-colonnes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;display:grid}.apercu{object-fit:contain;border-radius:8px;max-height:180px}.categories ul{margin:0 0 .75rem;padding:0;list-style:none}.categories li{border-bottom:1px solid var(--bord);justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.ligne-ajout{gap:.5rem;display:flex}.tableau-defile{overflow-x:auto}.tableau{border-collapse:collapse;background:var(--surface);border-radius:12px;width:100%;overflow:hidden}.tableau th,.tableau td{text-align:left;border-bottom:1px solid var(--bord);white-space:nowrap;padding:.6rem .7rem}.tableau th{color:var(--discret);font-size:.85rem;font-weight:600}.logo-bloc{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.logo-grand{object-fit:contain;border:1px solid var(--bord);border-radius:16px;width:96px;height:96px;font-size:2.5rem}.bouton-fichier{font-weight:500;display:inline-block}.bouton-fichier input{display:none}@media (width<=640px){.compte .discret{display:none}.titre-page select,.titre-page input{width:100%;min-width:0}}.indicateurs{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem;margin:.5rem 0 1rem;display:grid}.indicateur{flex-direction:column;gap:.2rem;display:flex}.indicateur span{color:var(--discret);font-size:.85rem}.indicateur strong{font-size:1.35rem}.indicateur small{color:var(--discret);font-size:.8rem}.lien-carte{color:inherit;text-decoration:none}.lien-carte:hover{border-color:var(--accent)}.alerte{color:var(--alerte)}.avertissement{border:1px solid var(--alerte);background:color-mix(in srgb, var(--alerte) 8%, transparent);border-radius:10px;padding:.6rem .8rem}.barres{flex-direction:column;gap:.45rem;display:flex}.barre-ligne{grid-template-columns:minmax(70px,38%) 1fr auto;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.barre-fond{background:var(--fond);border-radius:6px;height:12px;overflow:hidden}.barre-val{background:var(--accent);border-radius:6px;min-width:2px;height:100%}.deux-colonnes>.carte{min-width:0}.groupe{flex-wrap:wrap;gap:.5rem;display:flex}.groupe select{width:auto}.statut{flex-wrap:wrap}.statut label{flex-direction:row;align-items:center;gap:.4rem;font-weight:400}.statut>select{width:auto}.badge.source{margin-left:.5rem}.infos-produit{flex-direction:column;gap:.15rem;font-size:.88rem;display:flex}.calcul-marge{margin:.25rem 0 0}.ligne-vente{grid-template-columns:1fr 70px 110px auto;align-items:center;gap:.5rem;display:grid}.total-vente{margin:0;font-size:1.15rem}.ligne-ajout{flex-wrap:wrap;align-items:flex-end}.ligne-ajout label{flex:1;min-width:180px}.cliquable{cursor:pointer}.cliquable:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.resume-client{font-size:1.05rem}@media (width<=640px){.ligne-vente{grid-template-columns:1fr 60px 90px}.ligne-vente .lien{grid-column:1/-1;justify-self:start}.groupe{width:100%}.groupe select,.groupe button{flex:1}}
