:root{--encre:#231f20;--brique:#c35034;--brique-fonce:#a2412a;--fond:#f4f5f7;--papier:#fff;--trait:#d7dae0;--gris:#62666d;--bleu-ref:#4f7aa8;--vert:#2e7d5b;--rouge:#b3261e;--ambre:#9a6a00;--rayon:3px;--police:"Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--police);font-size:14.5px;line-height:1.45;color:var(--encre);background:var(--fond)}a{color:inherit}h1{font-size:26px;margin:0 0 4px;letter-spacing:-.2px}h1,h2{font-weight:600}h2{font-size:17px;margin:0 0 12px}h3{font-size:15px;font-weight:600}h3,p{margin:0 0 8px}:focus-visible{outline:2px solid var(--bleu-ref);outline-offset:2px}.barre{display:flex;align-items:center;gap:28px;background:var(--encre);color:#fff;padding:0 24px;height:52px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.barre-marque{text-decoration:none;font-size:22px;font-weight:300;letter-spacing:-.5px;white-space:nowrap}.marque-tk{color:var(--brique);font-weight:800}.marque-sous{font-size:13px;color:#b8b4b3;margin-left:4px;letter-spacing:0}.barre-nav{display:flex;gap:2px;flex:1 1;overflow-x:auto}.barre-nav a{text-decoration:none;padding:15px 12px 13px;color:#d9d6d5;border-bottom:3px solid transparent;white-space:nowrap}.barre-nav a:hover{color:#fff}.barre-nav a.actif{color:#fff;border-bottom-color:var(--brique)}.lien-discret{background:none;border:none;color:#b8b4b3;cursor:pointer;font:inherit;padding:6px 0}.lien-discret:hover{color:#fff;text-decoration:underline}.page{max-width:1440px;margin:0 auto;padding:28px 24px 80px}.titre-page{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.sous-titre{color:var(--gris);margin:0}.section{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon);padding:18px 20px;margin-bottom:16px}.section-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.section-tete h2{margin:0}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px 16px;gap:12px 16px}.rangee{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.espace{flex:1 1}.deux-colonnes{display:flex;gap:20px;align-items:flex-start}.deux-colonnes>.col-form{flex:1 1 600px;min-width:0}.deux-colonnes>.col-apercu{flex:0 0 460px;position:-webkit-sticky;position:sticky;top:68px}@media (max-width:1150px){.deux-colonnes{flex-direction:column}.deux-colonnes>.col-apercu{position:static;width:100%;flex-basis:auto}}.champ{display:flex;flex-direction:column;gap:4px;min-width:0}.champ-large{grid-column:1/-1}.champ-libelle{font-size:12.5px;color:var(--gris)}input,select,textarea{font:inherit;color:inherit;background:#fff;border:1px solid #c3c7ce;border-radius:var(--rayon);padding:7px 9px;width:100%;min-width:0}textarea{resize:vertical;line-height:1.4}input[type=checkbox],input[type=radio]{width:auto;flex:none;accent-color:var(--brique)}input[type=color]{padding:2px;height:36px}input:disabled,select:disabled,textarea:disabled{background:#f1f2f4;color:#555}.case{display:inline-flex;align-items:center;gap:8px}.btn,.case{cursor:pointer;white-space:nowrap}.btn{font:inherit;border:1px solid var(--encre);background:#fff;color:var(--encre);border-radius:var(--rayon);padding:7px 14px;text-decoration:none;display:inline-block}.btn:hover{background:#f0f0f0}.btn:disabled{opacity:.45;cursor:default}.btn-principal{background:var(--brique);border-color:var(--brique);color:#fff}.btn-principal:hover{background:var(--brique-fonce)}.btn-noir{background:var(--encre);color:#fff}.btn-noir:hover{background:#000}.btn-danger{border-color:var(--rouge);color:var(--rouge)}.btn-danger:hover{background:#fbeceb}.btn-petit{padding:3px 9px;font-size:13px}.btn-icone{padding:2px 7px;font-size:13px;line-height:1.4;border-color:#c3c7ce}.msg{padding:9px 12px;border-radius:var(--rayon);margin:0 0 12px}.msg-erreur{background:#fbeceb;color:var(--rouge);border:1px solid #efc3c0}.msg-succes{background:#e8f3ee;color:var(--vert);border:1px solid #bfdccd}.info{color:var(--gris)}.alerte,.info{font-size:13px}.alerte{color:var(--ambre)}.tableau{width:100%;border-collapse:collapse;background:#fff}.tableau th{text-align:left;font-weight:500;font-size:12.5px;color:var(--gris);padding:8px 10px;border-bottom:2px solid var(--encre);white-space:nowrap}.tableau td{padding:8px 10px;border-bottom:1px solid var(--trait);vertical-align:top}.tableau tr.cliquable{cursor:pointer}.tableau tr.cliquable:hover td{background:#fafafa}.tableau .nombre{text-align:right;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tableau-scroll{overflow-x:auto}.vide{padding:28px;text-align:center;color:var(--gris)}.lignes-edit td{padding:6px 5px}.lignes-edit textarea{min-height:38px}.lignes-edit .col-code{width:150px}.lignes-edit .col-unite{width:110px}.lignes-edit .col-qte{width:80px}.lignes-edit .col-prix,.lignes-edit .col-total{width:110px}.lignes-edit .col-actions{width:86px;white-space:nowrap}.lignes-edit input.nombre{text-align:right}.ajout-ligne{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ajout-ligne select{flex:1 1 280px;width:auto}.reference{display:inline-flex;font-size:12.5px;vertical-align:middle}.ref-num{background:#000;color:#fff;padding:2px 9px;font-weight:600;letter-spacing:.2px}.ref-brouillon{background:#fff;color:var(--gris);border:1px dashed #9aa0a8;font-weight:400;font-style:italic}.ref-date{border:1px solid var(--bleu-ref);padding:1px 9px;background:#fff}.statut{display:inline-block;font-size:12.5px;padding:1px 8px;border-radius:10px;border:1px solid;white-space:nowrap}.statut-brouillon{color:var(--gris);border-color:#bfc3ca}.statut-envoye{color:var(--bleu-ref);border-color:var(--bleu-ref)}.statut-accepte,.statut-payee{color:var(--vert);border-color:var(--vert);background:#eef7f2}.statut-annulee,.statut-refuse{color:var(--rouge);border-color:#e1a7a3}.statut-emise{color:var(--ambre);border-color:#d9b866;background:#fff8e6}.statut-expire{color:var(--gris);border-color:#bfc3ca;background:#f1f2f4}.recap{display:grid;grid-template-columns:1fr auto;grid-gap:4px 16px;gap:4px 16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.recap .fort{font-weight:700;font-size:16px}.recap .valeur{text-align:right}.recap .interne{color:var(--gris)}.onglets{display:flex;gap:0;border-bottom:1px solid var(--trait);margin-bottom:16px;overflow-x:auto}.onglets button{white-space:nowrap;font:inherit;background:none;padding:9px 16px;cursor:pointer;color:var(--gris);border:none;border-bottom:3px solid transparent;margin-bottom:-1px}.onglets button.actif{color:var(--encre);border-bottom-color:var(--brique);font-weight:600}.apercu{width:100%;height:calc(100vh - 150px);min-height:500px;border:1px solid var(--trait);background:#e4e6ea;border-radius:var(--rayon)}.actions-collantes{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(244,245,247,.96);border-top:1px solid var(--trait);padding:10px 0;margin-top:8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;z-index:5}.a-faire{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:16px;gap:16px}.a-faire ul{list-style:none;margin:0;padding:0}.a-faire li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--trait)}.a-faire li:last-child{border-bottom:none}.a-faire li a{flex:1 1;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-faire li a:hover{text-decoration:underline}.connexion{max-width:360px;margin:12vh auto 0}.connexion .barre-marque{font-size:40px;color:var(--encre);display:block;margin-bottom:20px}@media (max-width:700px){.page{padding:18px 12px 60px}.barre{gap:12px;padding:0 12px}.marque-sous{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.ligne-bloc{border:1px solid var(--trait);border-radius:var(--rayon);padding:10px 12px;margin-bottom:10px;background:#fcfcfd}.ligne-haut{display:grid;grid-template-columns:minmax(130px,1.4fr) minmax(110px,1fr) 90px 110px minmax(100px,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.ligne-haut input.nombre,.ligne-total{text-align:right}.ligne-total{display:block;padding:7px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.ligne-actions{display:flex;gap:4px;padding-bottom:4px}.zone-auto{overflow:hidden;resize:none;min-height:52px;line-height:1.5}@media (max-width:800px){.ligne-haut{grid-template-columns:1fr 1fr}}.aide-codes{margin-top:10px;border:1px solid var(--trait);border-radius:var(--rayon);padding:10px;background:#fff}.aide-codes-liste{max-height:340px;overflow-y:auto}.aide-codes-liste td{padding:5px 8px}.puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.puce{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bleu-ref);border-radius:12px;padding:2px 4px 2px 10px;font-size:13px;background:#fff}.puce button{border:none;background:none;cursor:pointer;color:var(--rouge);font-size:15px;line-height:1;padding:0 4px}.choix-mode{display:flex;gap:8px 22px;flex-wrap:wrap;margin-bottom:10px}.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:1px;gap:1px;background:var(--trait);border:1px solid var(--trait);border-radius:var(--rayon);overflow:hidden;margin-bottom:16px}.chiffres>div{background:#fff;padding:12px 16px}.chiffres .libelle{font-size:12.5px;color:var(--gris)}.chiffres .montant{font-size:20px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chiffres .total{background:var(--encre);color:#fff}.chiffres .total .libelle{color:#cfcaca}.en-retard{color:var(--rouge);font-weight:600}.barre-annee{height:8px;background:var(--brique);border-radius:2px;min-width:2px}.barre-fond{background:#eef0f2;border-radius:2px;width:100%;min-width:80px}.export-annees{position:relative}.export-panneau{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:0 6px 20px rgba(35,31,32,.15);padding:12px 14px;min-width:280px;max-width:calc(100vw - 32px)}.pastille{display:inline-block;min-width:18px;padding:0 5px;margin-left:5px;border-radius:9px;background:var(--brique);color:#fff;font-size:11.5px;line-height:18px;text-align:center;font-weight:600}.configurateur{margin-top:10px;border:2px solid var(--brique);border-radius:var(--rayon);padding:12px 14px;background:#fff}.configurateur fieldset{border:none;padding:0;margin:0 0 10px;min-width:0}.configurateur legend{font-weight:600;margin-bottom:4px}.configurateur .choix{display:flex;flex-wrap:wrap;gap:6px 18px}.configurateur .choix .case{white-space:normal}.options-edit{background:#f7f8fa;border:1px dashed #c3c7ce;border-radius:var(--rayon);padding:10px 12px}.options-edit .groupe{background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);padding:8px 10px;margin-bottom:8px}.envoi{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.piege{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.burger{display:none;background:none;border:1px solid #5a5556;color:#fff;border-radius:var(--rayon);padding:6px 10px;font:inherit;cursor:pointer}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.barre{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}.actions-collantes{padding-bottom:calc(10px + env(safe-area-inset-bottom))}@media (max-width:900px){.burger{display:inline-block;margin-left:auto}.barre{flex-wrap:wrap;height:auto;min-height:calc(52px + env(safe-area-inset-top));gap:10px;padding-bottom:8px}.barre-nav{display:none;order:3;flex-basis:100%;flex-direction:column}.barre-nav.ouvert{display:flex}.barre-nav a{padding:11px 4px;border-bottom:1px solid #3a3536;border-left:3px solid transparent}.barre-nav a.actif{border-bottom-color:#3a3536;border-left-color:var(--brique);padding-left:10px}.barre>.lien-discret{order:4;display:none}.barre-nav.ouvert~.lien-discret{display:block}.titre-page h1{font-size:22px}.masquer-mobile{display:none}.deux-colonnes>.col-apercu .apercu{height:70vh}}@media (max-width:700px){input,select,textarea{font-size:16px}.section{padding:14px 12px}.grille{grid-template-columns:1fr}.tableau td,.tableau th{padding:7px 6px}.a-faire li{flex-wrap:wrap}.a-faire li a{flex-basis:60%}.actions-collantes .espace{display:none}.actions-collantes .btn{flex:1 1 auto}.export-panneau{position:fixed;left:16px;right:16px;top:auto;bottom:16px;min-width:0}.chiffres .montant{font-size:18px}}.phases-choix{display:flex;flex-direction:column;gap:4px;min-width:130px}.phases-choix .case{font-size:13.5px}.confirmation{color:var(--vert);font-weight:600;background:#e8f3ee;border:1px solid #bfdccd;border-radius:var(--rayon);padding:6px 10px}.confirmation-erreur{color:var(--rouge);background:#fbeceb;border-color:#efc3c0}.encadre-demandes{border-left:3px solid var(--brique)}.th-tri{background:none;border:none;font:inherit;color:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.th-tri:hover{color:var(--encre)}.th-tri .fleche{font-size:10px;opacity:.35}.th-tri.actif{color:var(--encre);font-weight:600}.th-tri.actif .fleche{opacity:1;color:var(--brique)}.nombre .th-tri{justify-content:flex-end}body.fond-blanc{background:#fff}.public{max-width:820px;margin:0 auto}.public-tete{display:flex;align-items:center;gap:16px;margin-bottom:18px}.public-tete img{height:54px;width:auto}.public .section h2{color:var(--brique)}.cases-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:8px 16px;gap:8px 16px}.cases-grille .case{white-space:normal}