:root{--bleu: #4472C4;--bleu-sombre: #2F528F;--bleu-pale: #D9E1F2;--bleu-tres-pale: #EDF2FA;--encre: #000000;--gris: #595959;--fond: #F5F6F8;--bord: #D0D4DA;--editable: #FFFDF2;--bande: #D9D9D9;--gouttiere: #F0F0F0;--gouttiere-bord: #D0D0D0;--calibri: Calibri, Carlito, "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--calibri);font-size:13px}.suivi{display:flex;flex-direction:column;height:100%}.barre{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--bord);flex:0 0 auto}.barre h1{margin:0;font-size:15px;font-weight:700;letter-spacing:.2px;color:var(--bleu-sombre)}.barre .compte{color:var(--gris);font-size:12px}.barre .pousse{margin-left:auto}.barre .qui{color:var(--gris);font-size:12px}button{font-family:var(--calibri);font-size:12px;padding:6px 12px;border-radius:4px;border:1px solid var(--bord);background:#fff;color:var(--encre);cursor:pointer}button:hover:not(:disabled){background:var(--bleu-tres-pale);border-color:var(--bleu)}button:disabled{opacity:.5;cursor:default}button.fort{background:var(--bleu);border-color:var(--bleu);color:#fff;font-weight:600}button.fort:hover:not(:disabled){background:var(--bleu-sombre);border-color:var(--bleu-sombre)}select{font-family:var(--calibri);font-size:12px;padding:5px 8px;border:1px solid var(--bord);border-radius:4px;background:#fff;color:var(--encre)}input[type=text],input[type=password],input[type=search],textarea{font-family:var(--calibri);font-size:12px;padding:6px 8px;border:1px solid var(--bord);border-radius:4px;background:#fff;color:var(--encre)}input:focus,textarea:focus{outline:2px solid var(--bleu-pale);border-color:var(--bleu)}.chercher{width:230px}.masse{padding:10px 16px;background:#fff;border-bottom:1px solid var(--bord);display:flex;gap:12px;align-items:flex-start}.masse textarea{width:420px;height:84px;resize:vertical;font-size:11px}.masse .aide{font-size:11px;color:var(--gris);max-width:380px;line-height:1.5}.masse .manquantes{color:#b00020;margin-top:6px;word-break:break-all}.masse .colonne{display:flex;flex-direction:column;gap:6px}.cadre{flex:1 1 auto;overflow:auto;background:#fff;position:relative}.grille{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px;background:#fff}.grille th,.grille td{font-weight:400;padding:0 6px;height:35px;overflow:hidden;vertical-align:middle}.grille .titres th,.grille tbody td{border-right:1px solid #000;border-bottom:1px solid #000}.grille .titres th{border-top:1px solid #000}.grille .titres th:nth-child(2),.grille tbody td:nth-child(2){border-left:1px solid #000}.grille .lettres th{position:sticky;top:0;z-index:3;height:22px;padding:0;background:var(--gouttiere);color:#444;font-size:10px;font-weight:400;text-align:center;border-right:1px solid var(--gouttiere-bord);border-bottom:1px solid var(--gouttiere-bord)}.grille td.numero,.grille .titres th.numero{position:sticky;left:0;z-index:2;width:44px;padding:0;background:var(--gouttiere);color:#444;font-size:10px;font-weight:400;text-align:center;border-right:1px solid var(--gouttiere-bord);border-bottom:1px solid var(--gouttiere-bord);-webkit-user-select:none;user-select:none}.grille .titres th.numero{z-index:4}.grille .lettres th.coin{position:sticky;left:0;top:0;z-index:5;background:var(--gouttiere)}.grille .lettres th.coin:after{content:"";display:block;margin-left:auto;margin-top:6px;width:0;height:0;margin-right:3px;border:6px solid transparent;border-right-color:#9a9a9a;border-bottom-color:#9a9a9a}.grille .titres th{position:sticky;top:22px;z-index:3;background:var(--bleu);color:#fff;font-weight:700;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 4px 0 8px}.grille .titres th:hover{background:var(--bleu-sombre)}.grille .titres th .tete{display:flex;align-items:center;gap:4px;height:35px}.grille .titres th .intitule{flex:1 1 auto;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grille .titres th .fleche{flex:0 0 auto;font-size:9px}.entonnoir{flex:0 0 auto;width:17px;height:17px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:8px;line-height:1;background:#fff;color:#333;border:1px solid #A6BCE8;border-radius:2px;cursor:pointer}.entonnoir:hover:not(:disabled){background:var(--bleu-pale);border-color:#fff}.entonnoir.actif{background:#ffe699;border-color:#bf8f00;font-weight:700}.poignee{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:6}.grille .lettres th,.grille .titres th{position:sticky}body.en-glissement{-webkit-user-select:none;user-select:none;cursor:col-resize}body.en-glissement *{cursor:col-resize!important}.grille .titres th,.grille .lettres th{cursor:grab}body.en-portage,body.en-portage *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.grille th.porte{opacity:.55}.trait-depose{position:fixed;z-index:25;width:3px;background:var(--bleu);box-shadow:0 0 0 1px #fff9;pointer-events:none}.etiquette-portee{position:fixed;z-index:25;padding:4px 10px;border-radius:3px;background:var(--bleu);color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 12px #00000040;pointer-events:none}.grille tbody td{background:#fff}.grille tbody tr.bande td{background:var(--bande)}.grille tbody tr:hover td{background:var(--bleu-tres-pale)}.grille tbody tr:hover td.numero{background:var(--bleu-pale);font-weight:700}.grille tbody td.creux{border:none!important;padding:0;background:#fff}.grille tbody td.rien{text-align:center;color:var(--gris);font-size:13px}.cellule{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;max-height:33px}.centre{text-align:center}.gauche{text-align:left}.nombre{text-align:center;font-variant-numeric:tabular-lining-nums}.petit{font-size:10px}.grand{font-size:14px}.gras{font-weight:700}.grille tbody td.ecrivable{background:var(--editable);cursor:text}.grille tbody tr.bande td.ecrivable{background:#f2efdf}.grille tbody tr:hover td.ecrivable{background:#fbf6df}.grille tbody td.enregistre{box-shadow:inset 0 0 0 2px var(--bleu)}.grille td.ecrivable textarea{width:100%;height:33px;border:1px solid var(--bleu);border-radius:2px;font-size:10px;line-height:1.25;padding:2px 4px;resize:none}.menu-filtre{position:fixed;z-index:20;width:240px;max-height:330px;display:flex;flex-direction:column;background:#fff;border:1px solid #A6A6A6;border-radius:3px;box-shadow:0 6px 18px #0000002e;padding:4px;font-size:12px}.menu-filtre input[type=search]{margin:4px}.menu-filtre .ligne-menu{border:none;background:none;text-align:left;width:100%;padding:6px 8px;border-radius:3px}.menu-filtre .ligne-menu:hover{background:var(--bleu-tres-pale)}.menu-filtre .separateur{height:1px;background:var(--bord);margin:4px 2px}.menu-filtre .valeurs{overflow:auto;flex:1 1 auto}.menu-filtre .valeur{display:flex;align-items:center;gap:6px;padding:3px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-filtre .valeur:hover{background:var(--bleu-tres-pale)}.menu-filtre .valeur.tout{font-weight:600}.menu-filtre .valeur.muet{color:var(--gris);font-style:italic}.menu-filtre .valeur input{margin:0}.vide{padding:40px;text-align:center;color:var(--gris);font-size:13px}.onglets{flex:0 0 auto;display:flex;align-items:flex-end;gap:2px;padding:0 16px;background:var(--fond);border-top:1px solid var(--bord);min-height:32px}.onglets button{border:1px solid var(--bord);border-top:none;border-radius:0 0 4px 4px;background:#fff;color:var(--gris);font-size:12px;padding:5px 14px}.onglets button.actif{color:var(--bleu-sombre);font-weight:700;border-bottom:3px solid var(--bleu)}.onglets .etat{margin-left:auto;font-size:11px;color:var(--gris);padding:6px 0}.entree{display:grid;place-items:center;height:100%;background:var(--fond)}.entree form{width:320px;background:#fff;padding:28px;border:1px solid var(--bord);border-top:4px solid var(--bleu);border-radius:6px;display:flex;flex-direction:column;gap:12px}.entree h1{margin:0;font-size:17px;color:var(--bleu-sombre)}.entree p{margin:0;font-size:12px;color:var(--gris);line-height:1.5}.entree label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--gris)}.entree .refus{color:#b00020;font-size:12px}.alerte{background:#fdecec;color:#b00020;border-bottom:1px solid #F5C2C2;padding:8px 16px;font-size:12px}