:root{--fond:#f4f2ec;--surface:#fff;--surface-douce:#fbfaf6;--bordure:#ddd8cc;--bordure-forte:#cfc9bb;--separateur:#eeeae0;--encre:#1c2230;--encre-douce:#3a4050;--gris:#5a6070;--marine:#1b2a44;--marine-actif:#2e4266;--bleu:#23406e;--bleu-pale:#e9edf4;--vert:#1d5a32;--rouge:#9a2b12;--ocre:#b5651d;--ocre-fonce:#8a4a12;--serif:"Source Serif 4", Georgia, serif;--sans:"IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--sans);background:var(--fond);color:var(--encre);margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--bleu)}:focus-visible{outline:2px solid var(--ocre);outline-offset:2px}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.coquille{min-height:100vh;display:flex}.navigation{background:var(--marine);color:#e9ecf2;flex-direction:column;flex-shrink:0;gap:28px;width:256px;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.navigation .marque{flex-direction:column;gap:4px;padding:0 8px;display:flex}.surtitre{letter-spacing:.08em;text-transform:uppercase;color:#a9b4c8;font-size:12px}.navigation .titre-app{font-family:var(--serif);color:#fff;font-size:26px;font-weight:600}.navigation .adresse{color:#a9b4c8;overflow-wrap:anywhere;font-size:13px}.navigation ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lien-nav{color:#d3d9e4;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.lien-nav[aria-current=page]{background:var(--marine-actif);color:#fff}.lien-nav .libelle{flex-grow:1}.pastille{color:#e9ecf2;text-align:center;background:#3b4f74;border-radius:999px;min-width:26px;padding:2px 8px;font-size:13px;font-weight:600}.pastille.alerte{color:var(--marine);background:#e8a15c}.utilisateur{background:#243552;border-radius:10px;flex-direction:column;gap:10px;margin-top:auto;padding:12px;display:flex}.utilisateur .identite{align-items:center;gap:10px;display:flex}.avatar{width:34px;height:34px;color:var(--marine);background:#d9c3a5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.utilisateur .nom{color:#fff;font-size:14px;font-weight:600}.utilisateur .fonction{color:#b7c0d1;font-size:12px}.bouton-deconnexion{color:#e9ecf2;background:0 0;border:1px solid #4a5d80;border-radius:8px;min-height:36px;font-size:13px;font-weight:600}.principal{flex-direction:column;flex-grow:1;min-width:0;display:flex}.entete{border-bottom:1px solid var(--bordure);background:var(--surface-douce);z-index:1;flex-wrap:wrap;align-items:center;gap:20px;min-height:76px;padding:12px 36px;display:flex;position:sticky;top:0}.entete h1{font-family:var(--serif);flex-grow:1;margin:0;font-size:26px;font-weight:600}.recherche{border:1px solid var(--bordure-forte);background:#fff;border-radius:8px;align-items:center;gap:8px;width:320px;height:42px;padding:0 12px;display:flex}.recherche input{background:0 0;border:0;outline:none;flex-grow:1;min-width:0;font-size:14px}.contenu{flex-direction:column;gap:20px;padding:28px 36px 48px;display:flex}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.carte h2,.carte h3{margin:0;font-size:16px;font-weight:600}.carte .titre-ligne{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.intitule{color:var(--encre-douce);font-size:13px;font-weight:600}.intitule .precision{color:var(--gris);font-weight:400}.aide{color:var(--gris);margin:0;font-size:13px;line-height:1.5}.bouton{border:1px solid var(--bordure-forte);min-height:44px;color:var(--encre);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.bouton.principal-bleu{background:var(--bleu);border-color:var(--bleu);color:#fff}.bouton.principal-vert{background:var(--vert);border-color:var(--vert);color:#fff}.bouton.principal-ocre{background:var(--ocre);border-color:var(--ocre);color:#fff}.bouton.contour-bleu{border-color:var(--bleu);color:var(--bleu)}.bouton.contour-rouge{border-color:var(--rouge);color:var(--rouge)}.bouton.contour-ocre{border-color:var(--ocre);color:var(--ocre-fonce)}.bouton.discret{color:var(--bleu);background:0 0;border-color:#0000}.bouton.petit{min-height:36px;padding:0 12px;font-size:13px}.badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.tag{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.retard{color:var(--rouge);font-size:12px;font-weight:600}.champ{color:var(--encre-douce);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.champ input,.champ select,.champ textarea,.saisie{border:1px solid var(--bordure-forte);background:#fff;border-radius:8px;height:44px;padding:0 12px;font-size:15px;font-weight:400}textarea.saisie,.champ textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.55}.bandeau{background:var(--bleu-pale);color:var(--bleu);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.bandeau.alerte{color:#6e2211;background:#fbede8}.vide{text-align:center;color:var(--gris);padding:40px 20px;font-size:15px;line-height:1.6}.ligne-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ligne-actions .etire{flex-grow:1}.pilules{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pilule{border:1px solid var(--bordure-forte);background:#fff;border-radius:999px;min-height:40px;padding:0 16px;font-size:14px;font-weight:500}.pilule[aria-pressed=true]{background:var(--bleu);border-color:var(--bleu);color:#fff}.puce-tag{border:1px solid var(--bordure);background:#fff;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.choix{border:1px solid var(--bordure-forte);background:var(--surface-douce);text-align:left;border-radius:8px;flex-direction:column;min-height:44px;padding:6px 14px;font-size:14px;display:inline-flex}.choix[aria-pressed=true]{background:var(--bleu);border-color:var(--bleu);color:#fff}.choix .sous{opacity:.8;font-size:12px}.case{border:1px solid var(--bordure-forte);background:var(--surface-douce);text-align:left;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:6px 14px;font-size:14px;display:inline-flex}.case[aria-pressed=true]{border-color:var(--bleu);background:#eef2f8}.case .coche{background:#fff;border:2px solid #8a8f9c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.case[aria-pressed=true] .coche{background:var(--bleu);border-color:var(--bleu)}.toast{background:var(--marine);color:#fff;z-index:10;border-radius:10px;max-width:420px;padding:14px 18px;font-size:14px;line-height:1.45;position:fixed;bottom:28px;right:32px}.toast.erreur{background:#6e2211}.tableau{border:1px solid var(--bordure);background:#fff;border-radius:12px;overflow:hidden}.tableau .entetes,.tableau .rangee{align-items:center;gap:16px;padding:12px 20px;display:grid}.tableau .entetes{letter-spacing:.06em;text-transform:uppercase;color:var(--gris);background:var(--surface-douce);border-bottom:1px solid #e6e1d6;font-size:12px;font-weight:600}.tableau .rangee{border:0;border-bottom:1px solid var(--separateur);text-align:left;background:#fff;width:100%;padding-block:16px}.tableau .rangee:hover{background:#fdfcf9}.grille-courriers{grid-template-columns:96px minmax(0,1fr) 200px 120px 170px}.grille-retards{grid-template-columns:96px minmax(0,1fr) 190px 130px 150px 170px}.grille-comptes{grid-template-columns:minmax(200px,1fr) 150px 140px 150px}.numero{color:var(--gris);font-variant-numeric:tabular-nums;font-size:13px}.pile{flex-direction:column;gap:3px;min-width:0;display:flex}.pile .meta{color:var(--gris);font-size:13px}.pile .objet{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pile .extrait{color:var(--gris);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pile .etiquettes{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.a-lire{background:var(--marine);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.fil-ariane{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fiche{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.fiche .colonne{flex-direction:column;gap:20px;min-width:0;display:flex}.message h2{font-family:var(--serif);font-size:24px;line-height:1.25}.message .entetes-mail{grid-template-columns:90px minmax(0,1fr);gap:4px 12px;font-size:14px;display:grid}.message .entetes-mail dt{color:var(--gris)}.message .entetes-mail dd{overflow-wrap:anywhere;margin:0}.message .corps{white-space:pre-line;overflow-wrap:anywhere;font-size:15px;line-height:1.6}.separateur{background:var(--separateur);border:0;height:1px;margin:0}.fil-echanges{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.fil-echanges li{border-top:1px solid var(--separateur);border-left:3px solid var(--bordure);flex-direction:column;gap:8px;padding:12px 0 0 14px;display:flex}.fil-echanges li.envoye{border-left-color:var(--marine)}.fil-echanges .tete{color:var(--gris);margin:0;font-size:14px}.apercus{flex-wrap:wrap;gap:12px;display:flex}.apercus figure{flex-direction:column;gap:4px;max-width:220px;margin:0;display:flex}.apercus .vignette{border:1px solid var(--bordure);background:var(--surface-douce);cursor:zoom-in;border-radius:8px;padding:0;overflow:hidden}.apercus .vignette:hover{border-color:var(--bleu)}.apercus img{object-fit:contain;max-width:220px;max-height:180px;display:block}.apercus figcaption{color:var(--gris);overflow-wrap:anywhere;font-size:12px}.visionneuse{border:0;border-radius:12px;max-width:min(92vw,1200px);max-height:92vh;padding:16px}.visionneuse::backdrop{background:#141822bf}.visionneuse[open]{flex-direction:column;gap:12px;display:flex}.visionneuse img{object-fit:contain;align-self:center;max-width:100%;max-height:calc(92vh - 100px)}.pieces-jointes ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pieces-jointes .piece{border:1px solid var(--bordure);color:var(--encre);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.pieces-jointes .piece:hover{border-color:var(--bleu);background:var(--bleu-pale)}.pieces-jointes .genre{background:var(--bleu-pale);min-width:44px;color:var(--bleu);text-align:center;border-radius:6px;flex-shrink:0;padding:6px 4px;font-size:11px;font-weight:700}.pieces-jointes .nom{overflow-wrap:anywhere;font-size:14px;font-weight:600}.texte-fige{background:var(--surface-douce);border:1px solid var(--separateur);white-space:pre-line;border-radius:8px;padding:16px;font-size:15px;line-height:1.6}.etapes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.etapes>li{border:1px solid #e6e1d6;border-radius:10px;overflow:hidden}.etapes>li.derniere{border-color:#b9b2a2}.etapes .tete{background:var(--surface-douce);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.etapes .tete .qui{flex-grow:1;font-size:14px}.etapes .note,.etapes .texte{border-top:1px solid var(--separateur);padding:10px 14px;font-size:14px;line-height:1.55}.etapes .texte{background:var(--surface-douce)}.riche{white-space:normal;overflow-wrap:anywhere}.riche>:first-child{margin-top:0}.riche>:last-child{margin-bottom:0}.riche p{margin:0 0 .8em}.riche h2{margin:1em 0 .5em;font-size:19px}.riche h3{margin:1em 0 .4em;font-size:16px}.riche ul,.riche ol{margin:0 0 .8em;padding-left:1.5em}.riche ul{list-style:outside}.riche ol{list-style:decimal}.riche li>p{margin:0 0 .2em}.riche blockquote{border-left:3px solid var(--bordure-forte);color:var(--encre-douce);margin:0 0 .8em;padding:2px 0 2px 14px}.riche hr{border:0;border-top:1px solid var(--bordure);margin:1em 0}.riche img{border-radius:4px;max-width:100%;height:auto;margin:.4em 0 .8em;display:block}.editeur{border:1px solid var(--bordure-forte);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.editeur:focus-within{outline:2px solid var(--bleu);outline-offset:1px}.editeur>.bandeau{margin:8px}.assistant{border:1px dashed var(--bordure-forte);background:var(--bleu-pale);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.assistant .saisie{min-width:200px}.barre-outils{border-bottom:1px solid var(--bordure);background:var(--surface-douce);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.outil{min-width:36px;min-height:36px;color:var(--encre);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 8px;font-size:14px}.outil:hover:not(:disabled){background:var(--bleu-pale)}.outil.actif{background:var(--bleu-pale);border-color:var(--bleu);color:var(--bleu)}.outil:disabled{opacity:.4;cursor:default}.separateur-outils{background:var(--bordure);align-self:stretch;width:1px;margin:4px 2px}.contenu-editeur{outline:none;min-height:220px;max-height:60vh;padding:12px 14px;font-size:15px;line-height:1.55;overflow-y:auto}.contenu-editeur img.ProseMirror-selectednode{outline:3px solid var(--bleu)}.lectures{flex-wrap:wrap;gap:8px;display:flex}.lecture{background:#f6f4ee;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.lecture.lu{color:#1b5530;background:#edf5ef}.tracabilite ol{margin:0;padding:0;list-style:none}.tracabilite li{grid-template-columns:14px minmax(0,1fr);gap:12px;display:grid}.tracabilite .rail{flex-direction:column;align-items:center;display:flex}.tracabilite .point{background:#8a8f9c;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.tracabilite .trait{background:#e6e1d6;flex-grow:1;width:2px}.tracabilite .evenement{flex-direction:column;gap:2px;min-width:0;padding-bottom:16px;display:flex}.tracabilite .quoi{font-size:14px;font-weight:600}.tracabilite .quand{color:var(--gris);font-size:13px}.tracabilite .detail{overflow-wrap:anywhere;background:#f6f4ee;border-radius:6px;margin-top:4px;padding:8px 10px;font-size:13px;line-height:1.45}.admin{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.formulaire-compte{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.role{border:1px solid #e6e1d6;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.droits{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.tableau .rangee:has(+.boites-compte){border-bottom:0;padding-bottom:8px}.champ .texte-fige{color:var(--encre);font-weight:400}.badge.par-la-poste{color:#6b4a12;background:#efe6d6}.texte-fige.signature{color:var(--encre-douce);font-size:14px}.barre-outils select.outil{border-color:var(--bordure);background:#fff;max-width:220px}.boites-compte{border-bottom:1px solid var(--separateur);color:var(--gris);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:0 20px 12px 72px;font-size:13px;display:flex}.boites-compte.edition{background:var(--surface-douce);flex-direction:column;align-items:stretch;gap:10px;margin-top:0;padding:12px 24px}.boites-compte .bouton.petit{min-height:32px;padding:0 6px}.choix-boites{flex-wrap:wrap;gap:8px;display:flex}.choix-boites .case{min-height:36px;padding:4px 10px;font-size:13px;font-weight:400}.droits .case{min-height:36px;padding:4px 8px;font-size:12px}.journal{flex-direction:column;gap:10px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.journal li{border-bottom:1px solid var(--separateur);flex-direction:column;gap:2px;padding-bottom:10px;font-size:14px;display:flex}.journal .quand{color:var(--gris);font-size:12px}.liste-boites{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.boite{border:1px solid #e6e1d6;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.actions-boite{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.securite{flex-direction:column;gap:20px;max-width:1000px;display:flex}.controles{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.controle{border-top:1px solid var(--separateur);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:12px 0;font-size:14px;line-height:1.5;display:grid}.controle details{margin-top:4px}code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}code.brut{background:#f6f4ee;border-radius:6px;margin-top:4px;padding:6px 8px;display:block}.guide{gap:18px}.guide p{margin:0;font-size:15px;line-height:1.6}.etape-guide{border-top:1px solid var(--separateur);flex-direction:column;gap:10px;padding-top:16px;display:flex}.etape-guide h3{align-items:center;gap:10px;font-size:16px;display:flex}.numero-etape{background:var(--bleu);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex}.pas{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:15px;line-height:1.6;display:flex}.enregistrement{background:var(--surface-douce);border:1px solid #e6e1d6;border-radius:8px;grid-template-columns:minmax(0,1.2fr) 150px minmax(0,1.6fr);gap:12px;margin-top:6px;padding:10px 12px;display:grid}.enregistrement>span{flex-direction:column;gap:2px;min-width:0;display:flex}.acces{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.acces .carte{gap:18px;width:100%;max-width:420px;padding:32px}.acces h1{font-family:var(--serif);margin:0;font-size:28px}@media (width<=1250px){.admin{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){.fiche,.admin{grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.coquille{flex-direction:column}.navigation{gap:16px;width:100%;height:auto;position:static}.entete,.contenu{padding-inline:16px}.recherche{width:100%}.grille-courriers,.grille-retards,.grille-comptes{grid-template-columns:minmax(0,1fr)}.tableau .entetes{display:none}.formulaire-compte,.droits,.boite,.controle,.enregistrement{grid-template-columns:minmax(0,1fr)}}.stocks,.onglet-stock{flex-direction:column;gap:16px;max-width:1180px;display:flex}.formulaire-stock{flex-direction:column;gap:12px;display:flex}.grille-formulaire{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;display:grid}.formulaire-stock fieldset.nature{border:0;flex-direction:column;gap:6px;margin:0;padding:0;font-weight:600;display:flex}.formulaire-stock fieldset.nature legend{margin-bottom:6px;padding:0}.formulaire-stock fieldset.nature label{color:var(--encre);align-items:center;gap:6px;font-weight:400;display:flex}.formulaire-stock fieldset.nature .aide{display:inline}.filtres-stock input[type=search]{flex:220px;min-width:0}.filtres-stock select{height:44px}.grille-articles{grid-template-columns:minmax(0,1.4fr) 120px minmax(0,1fr) minmax(0,1fr) 190px}.grille-lieux{grid-template-columns:minmax(0,1fr) 140px 190px}.tableau .rangee.en-alerte{background:#fdf3f0}.grille-articles .extrait,.grille-lieux .extrait{white-space:normal;overflow-wrap:anywhere}.tableau .rangee.edition-stock{background:var(--surface-douce);display:block}.actions-stock{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.badge.nature-consommable{color:#6b4a12;background:#efe6d6}.badge.nature-retournable{color:#23406e;background:#e9edf4}.badge.alerte-stock{color:#86260f;background:#f6d9d2}.badge.type-entree{color:#1b5530;background:#d6ebdc}.badge.type-sortie{color:#743f06;background:#f7e3c8}.badge.type-retour{color:#23406e;background:#e9edf4}.lignes-mouvement{flex-direction:column;gap:8px;display:flex}.ligne-mouvement{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 150px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.ligne-mouvement select{min-width:0;height:44px}.quantite-saisie{align-items:center;gap:6px;display:flex}.quantite-saisie input{width:90px}.liste-mouvements{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mouvement{background:var(--surface);border:1px solid var(--bordure);border-radius:10px;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.mouvement .lignes{margin:0;padding-left:18px;font-size:14px}@media (width<=900px){.grille-formulaire,.grille-articles,.grille-lieux,.ligne-mouvement{grid-template-columns:minmax(0,1fr)}.actions-stock{justify-content:flex-start}}
