:root{--gris-fond: #f0f0f0;--gris-panneau: #f5f5f5;--gris-barre: #e4e4e4;--gris-bordure: #a0a0a0;--gris-bordure-fin: #d0d0d0;--gris-texte: #1a1a1a;--gris-texte-doux: #555555;--bleu: #0a5ba8;--bleu-clair: #cce4f7;--bleu-selection: #b3d7f5;--vert: #1a7f37;--rouge: #c02626;--orange: #b26a00;--police: "Segoe UI", Tahoma, "Trebuchet MS", Verdana, sans-serif;--echelle: 1;--taille: calc(12.5px * var(--echelle));--relief-haut: inset 1px 1px 0 #ffffff;--relief-bas: inset -1px -1px 0 #b8b8b8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior:none}.contenu,.fenetre>.interieur{overscroll-behavior:contain}.grille-conteneur{overscroll-behavior-x:contain}body{background:var(--gris-fond);color:var(--gris-texte);font-family:var(--police);font-size:var(--taille);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.corps{display:flex;flex:1;min-height:0}.contenu{flex:1;min-width:0;overflow:auto;padding:8px}.barre-menu{display:flex;align-items:center;gap:2px;background:linear-gradient(#fbfbfb,#eaeaea);border-bottom:1px solid var(--gris-bordure);padding:0 6px;min-height:calc(26px * var(--echelle));flex-shrink:0;max-width:100%;overflow:hidden}.barre-menu .titre-appli{font-weight:700;color:var(--bleu);padding-right:14px;letter-spacing:.2px}.barre-menu .item{padding:4px 9px;cursor:default;border:1px solid transparent}.barre-menu .item:hover{background:var(--bleu-clair);border-color:#7aa9d2}.barre-menu .droite{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--gris-texte-doux);min-width:0}.barre-menu .droite .btn,.barre-menu .droite .reglage-taille{flex-shrink:0}.barre-menu .droite>span:not(.separateur){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barre-outils{display:flex;align-items:center;gap:4px;background:var(--gris-barre);border-bottom:1px solid var(--gris-bordure);padding:4px 6px;flex-shrink:0;flex-wrap:wrap}.barre-outils .separateur{width:1px;height:20px;background:#b0b0b0;margin:0 4px;box-shadow:1px 0 #fff}.btn{font-family:var(--police);font-size:var(--taille);padding:3px 12px;min-height:24px;background:linear-gradient(#fdfdfd,#e6e6e6);border:1px solid #8c8c8c;border-radius:2px;color:var(--gris-texte);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:linear-gradient(#fff,#dcebf8);border-color:#5a9bd4}.btn:active:not(:disabled){background:#d4d4d4;box-shadow:inset 1px 1px 2px #00000040}.btn:disabled{color:#9a9a9a;background:#ececec;border-color:silver;cursor:default}.btn-principal{font-weight:600;background:linear-gradient(#4a90d9,#1c6ab5);border-color:#17558f;color:#fff}.btn-principal:hover:not(:disabled){background:linear-gradient(#5ba0e6,#2277c4);border-color:#17558f}.btn-danger{color:var(--rouge);font-weight:600}.btn-petit{padding:1px 7px;min-height:20px;font-size:11.5px}.navigation{width:190px;flex-shrink:0;background:var(--gris-panneau);border-right:1px solid var(--gris-bordure);overflow-y:auto;padding:6px 0}.navigation .groupe{padding:7px 12px 3px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--gris-texte-doux)}.navigation a{display:block;padding:5px 12px 5px 20px;color:var(--gris-texte);text-decoration:none;border-left:3px solid transparent}.navigation a:hover{background:#e8e8e8}.navigation a.actif{background:var(--bleu-selection);border-left-color:var(--bleu);font-weight:600}.cadre{background:#fff;border:1px solid var(--gris-bordure);margin-bottom:8px}.cadre>.entete{background:linear-gradient(#f7f7f7,var(--gris-barre));border-bottom:1px solid var(--gris-bordure);padding:5px 9px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px}.cadre>.interieur{padding:9px}.grille-conteneur{overflow:auto;border:1px solid var(--gris-bordure);background:#fff;max-height:calc(100vh - 210px)}table.grille{width:100%;border-collapse:collapse;font-size:var(--taille)}table.grille thead th{position:sticky;top:0;z-index:2;background:linear-gradient(#f8f8f8,#e2e2e2);border-right:1px solid #c4c4c4;border-bottom:1px solid var(--gris-bordure);padding:5px 7px;text-align:left;font-weight:700;white-space:nowrap;-webkit-user-select:none;user-select:none}table.grille tbody td{border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:3px 7px;white-space:nowrap}table.grille tbody tr:nth-child(2n){background:#fafafa}table.grille tbody tr:hover{background:var(--bleu-clair)}table.grille tbody tr.selection{background:var(--bleu-selection)}table.grille tbody tr.rupture,table.grille tbody tr.rupture:nth-child(2n){background:#fdeaea}table.grille tbody tr.rupture:hover{background:#fbdcdc}table.grille tbody tr.rupture td{color:var(--rouge)}table.grille tbody tr.rupture td:nth-child(2){font-weight:600}table.grille tbody tr.total{background:#ededed;font-weight:700;border-top:2px solid var(--gris-bordure)}.num{text-align:right;font-variant-numeric:tabular-nums}.centre{text-align:center}input[type=text],input[type=number],input[type=password],input[type=date],select,textarea{font-family:var(--police);font-size:var(--taille);padding:3px 5px;min-height:23px;background:#fff;border:1px solid #7a7a7a;border-radius:2px;color:var(--gris-texte)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 2px #0a5ba82e}input[readonly],input:disabled,select:disabled{background:#eee;color:#6a6a6a}input.saisie-grille{width:72px;padding:1px 4px;min-height:19px;text-align:right}label.champ{display:flex;align-items:center;gap:6px;margin-bottom:6px}label.champ>span:first-child{width:130px;flex-shrink:0;text-align:right;color:var(--gris-texte-doux)}.ligne-champs{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:8px;margin-bottom:8px}.tuile{background:#fff;border:1px solid var(--gris-bordure);padding:8px 11px}.tuile .libelle{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--gris-texte-doux);margin-bottom:3px}.tuile .valeur{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.tuile .unite{font-size:12px;font-weight:400;color:var(--gris-texte-doux)}.tuile.alerte .valeur{color:var(--rouge)}.tuile.attente .valeur{color:var(--orange)}.tuile.ok .valeur{color:var(--vert)}.etat{display:inline-block;padding:1px 7px;border:1px solid;border-radius:2px;font-size:11px;font-weight:700;text-transform:uppercase}.etat.en_attente{color:var(--orange);border-color:var(--orange);background:#fff6e5}.etat.validee{color:var(--vert);border-color:var(--vert);background:#e8f6ec}.etat.annulee{color:var(--rouge);border-color:var(--rouge);background:#fdeaea}.etat.brouillon{color:#666;border-color:#999;background:#f2f2f2}.positif{color:var(--rouge);font-weight:700}.neutre{color:var(--gris-texte-doux)}.negatif{color:var(--vert);font-weight:700}.barre-etat{display:flex;align-items:center;gap:14px;background:var(--gris-barre);border-top:1px solid var(--gris-bordure);padding:3px 10px;font-size:11.5px;color:var(--gris-texte-doux);flex-shrink:0;height:22px}.barre-etat .separateur{width:1px;height:13px;background:#b0b0b0}.message{padding:6px 10px;border:1px solid;margin-bottom:8px}.message.erreur{background:#fdeaea;border-color:var(--rouge);color:#7d1616}.message.succes{background:#e8f6ec;border-color:var(--vert);color:#14531f}.message.info{background:#eaf3fb;border-color:var(--bleu);color:#0d3f70}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;display:flex;align-items:center;justify-content:center;z-index:100}.fenetre{background:var(--gris-fond);border:1px solid #6a6a6a;box-shadow:3px 3px 12px #0006;min-width:420px;max-width:94vw;max-height:92vh;display:flex;flex-direction:column}.fenetre.f-large{min-width:820px;height:86dvh}.fenetre.f-moyenne{min-width:780px;height:86dvh}.fenetre.f-fiche{min-width:460px}.fenetre.f-confirmation{min-width:420px;max-width:560px}.fenetre.f-etroite{max-width:380px}.fenetre>.titre{background:linear-gradient(#3f7fbf,#1c5f9e);color:#fff;font-weight:700;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.fenetre>.titre button{background:transparent;border:none;color:#fff;font-size:15px;cursor:pointer;line-height:1;padding:0 4px}.fenetre>.interieur{padding:11px;overflow:auto}.fenetre>.pied{border-top:1px solid var(--gris-bordure);background:var(--gris-barre);padding:7px 10px;display:flex;justify-content:flex-end;gap:6px}.colonnes{display:flex;gap:8px;align-items:flex-start}.colonnes>.colonne-fixe{width:330px;flex-shrink:0}.reglage-taille{display:inline-flex;align-items:center;gap:3px}.ecran-connexion{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#dfe6ee,#c3ceda)}.ecran-connexion .fenetre{min-width:355px}.vide{padding:26px;text-align:center;color:var(--gris-texte-doux);font-style:italic}.chargement{padding:16px;color:var(--gris-texte-doux)}html,body,#root{height:100dvh}.bouton-menu{display:none}.barre-menu{padding-left:max(0px,env(safe-area-inset-left))}.barre-etat{padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 900px){:root{--taille: calc(14px * var(--echelle))}.bouton-menu{display:inline-flex;align-items:center;justify-content:center;width:34px;min-height:30px;margin-right:4px;font-size:17px;line-height:1}.barre-menu{flex-wrap:nowrap;padding:3px 6px;gap:4px}.barre-menu .droite>span:not(.separateur){flex-shrink:1;min-width:0}.barre-menu .item{display:none}.barre-menu .droite{gap:6px;margin-left:auto}.barre-menu .droite>span:not(.separateur){max-width:34vw}.barre-menu .titre-appli{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corps{position:relative}.navigation{position:absolute;inset:0 auto 0 0;z-index:60;width:232px;transform:translate(-100%);transition:transform .18s ease-out;box-shadow:3px 0 14px #00000047}.navigation.ouverte{transform:translate(0)}.navigation a{padding:11px 14px 11px 20px}.voile-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;background:#00000059}.contenu{padding:6px}.barre-outils{gap:5px;padding:6px}.barre-outils .separateur{display:none}.barre-outils input[type=text],.barre-outils select{flex:1 1 150px;min-width:0}.btn{min-height:calc(34px * var(--echelle));padding:5px 12px}.btn-petit{min-height:calc(28px * var(--echelle));padding:3px 9px}input,select,textarea{min-height:calc(32px * var(--echelle));font-size:var(--taille)}input[type=checkbox]{width:calc(20px * var(--echelle));height:calc(20px * var(--echelle))}.bouton-menu{width:calc(34px * var(--echelle));min-height:calc(30px * var(--echelle))}.navigation{width:calc(232px * var(--echelle))}.saisie-grille{min-width:calc(62px * var(--echelle))}.grille-conteneur{max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch}table.grille{min-width:max-content}table.grille thead th,table.grille tbody td{padding:8px}.ligne-champs{flex-direction:column;align-items:stretch;gap:8px}label.champ{flex-direction:column;align-items:stretch;gap:3px}label.champ>span:first-child{width:auto}label.champ input,label.champ select,label.champ textarea{width:100%!important}.fenetre,.fenetre.f-large,.fenetre.f-moyenne,.fenetre.f-fiche,.fenetre.f-confirmation,.fenetre.f-etroite{min-width:0!important;width:96vw!important;max-width:96vw!important;height:auto!important;max-height:92dvh!important}.fenetre>.titre{padding:10px 12px}.fenetre>.titre span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fenetre>.pied{flex-wrap:wrap}.fenetre .grille-conteneur{max-width:100%}.fenetre.f-large,.fenetre.f-moyenne{height:92dvh!important}.colonnes{flex-direction:column;align-items:stretch}.colonnes>.colonne-fixe{width:100%}.tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tuile{min-width:0}.ecran-connexion .fenetre{min-width:0;width:94vw}}@media (max-width: 520px){.tuiles{grid-template-columns:minmax(0,1fr)}.barre-menu .titre-appli{font-size:13px}}@media (hover: none){table.grille tbody tr:hover{background:inherit}table.grille tbody tr:nth-child(2n):hover{background:#fafafa}table.grille tbody tr.selection:hover{background:var(--bleu-selection)}table.grille tbody tr.rupture:hover{background:#fdeaea}.grille-conteneur{touch-action:pan-y pinch-zoom}table.grille tbody td{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}table.grille tbody td input,table.grille tbody td textarea{-webkit-user-select:text;user-select:text}}.entete-document,.titre-document,.clause-document{display:none}@media print{.navigation,.barre-menu,.barre-outils,.barre-etat,.voile-menu{display:none!important}.contenu{overflow:visible;padding:0}.grille-conteneur{max-height:none;overflow:visible;border:none}.entete-document{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:8px;border-bottom:1.5px solid #000}.entete-document .identite{font-size:10px;line-height:1.45}.entete-document .raison-sociale{font-size:13px;font-weight:700;margin-bottom:3px}.entete-document .logo{width:120px;height:auto;flex-shrink:0}.titre-document{display:block;text-align:center;font-size:20px;margin:10px 0 12px}.titre-document .sous-titre{display:block;font-size:10.5px;margin-top:3px}.feuille{display:flex;flex-direction:column;min-height:95vh}.clause-document{display:block;margin-top:auto;padding-top:6px;border-top:1.5px solid #000;font-size:8px;line-height:1.45;page-break-inside:avoid;break-inside:avoid}.clause-document p{margin:0 0 4px}.clause-document p:last-child{margin-bottom:0}}