: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}.piece{border:1px solid var(--bordure);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.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);white-space:pre-line}.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}.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}.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{grid-template-columns:minmax(0,1fr)}}