:root{--encre: #12161d;--encre-douce: #4a5361;--encre-tenue: #78828f;--fond: #f4f6f8;--surface: #ffffff;--bordure: #dfe4ea;--accent: #1f6feb;--accent-sombre: #1858bd;--alerte: #b4232c;--alerte-fond: #fdeced;--attention: #9a6a00;--rayon: 10px;--rayon-large: 16px;--ombre: 0 1px 2px rgb(18 22 29 / 6%), 0 8px 24px rgb(18 22 29 / 6%);--cible-tactile: 48px}*{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--encre);background:var(--fond);-webkit-font-smoothing:antialiased}.ecran-centre{display:grid;place-items:center;min-height:100%;padding:32px;background:linear-gradient(160deg,#12161d,#232c3a)}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-large);box-shadow:var(--ombre);padding:32px}.carte--connexion,.carte--choix{width:min(460px,100%);border:none}.titre-application{margin:0;font-size:24px;font-weight:650;letter-spacing:-.01em}.sous-titre{margin:4px 0 28px;color:var(--encre-tenue);font-size:15px}.carte__titre{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:17px;font-weight:620}.compteur{min-width:26px;padding:1px 8px;border-radius:999px;background:var(--fond);color:var(--encre-douce);font-size:13px;font-weight:600;text-align:center}.champ{display:block;margin-bottom:18px}.champ__libelle{display:block;margin-bottom:6px;font-size:14px;font-weight:550;color:var(--encre-douce)}.champ__saisie{width:100%;height:var(--cible-tactile);padding:0 14px;font-size:16px;font-family:inherit;color:var(--encre);background:var(--surface);border:1.5px solid var(--bordure);border-radius:var(--rayon);transition:border-color .12s ease,box-shadow .12s ease}.champ__saisie:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb26}.bouton{min-height:var(--cible-tactile);padding:0 20px;font-size:16px;font-family:inherit;font-weight:600;border-radius:var(--rayon);border:1.5px solid transparent;cursor:pointer;transition:background-color .12s ease,color .12s ease}.bouton--principal{width:100%;margin-top:8px;color:#fff;background:var(--accent)}.bouton--principal:hover:not(:disabled){background:var(--accent-sombre)}.bouton--principal:disabled{opacity:.6;cursor:default}.bouton--discret{width:100%;margin-top:10px;color:var(--encre-douce);background:transparent;border-color:var(--bordure)}.bouton--discret:hover{color:var(--encre);background:var(--fond)}.message{margin:0 0 16px;padding:12px 14px;border-radius:var(--rayon);font-size:15px}.message--erreur{color:var(--alerte);background:var(--alerte-fond)}.message>p{margin:0}.message>p+p,.message>button{margin-top:10px}.liste-organisations{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}.organisation{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:14px 18px;font-family:inherit;text-align:left;background:var(--surface);border:1.5px solid var(--bordure);border-radius:var(--rayon);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.organisation:hover:not(:disabled){border-color:var(--accent);background:#f7faff}.organisation:disabled{opacity:.55;cursor:default}.organisation__code{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;font-size:14px;font-weight:700;color:#fff;background:var(--encre);border-radius:var(--rayon)}.organisation__details{display:flex;flex-direction:column}.organisation__nom{font-size:16px;font-weight:600}.organisation__role{font-size:14px;color:var(--encre-tenue)}.organisation__attente{margin-left:auto;color:var(--encre-tenue)}.disposition{display:grid;grid-template-columns:280px 1fr;height:100%}.panneau-lateral{display:flex;flex-direction:column;padding:24px 20px;color:#e8ecf2;background:var(--encre)}.panneau-lateral__entete{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgb(255 255 255 / 10%)}.pastille-organisation{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;font-size:13px;font-weight:700;background:#ffffff1f;border-radius:var(--rayon)}.panneau-lateral__organisation{font-size:15px;font-weight:600;line-height:1.3}.navigation{display:grid;gap:4px}.navigation__lien{display:flex;align-items:center;gap:8px;min-height:var(--cible-tactile);padding:0 14px;font-size:15px;border-radius:var(--rayon);text-decoration:none;color:#c3ccd8}.navigation__lien--actif{color:#fff;background:#ffffff1f;font-weight:600}.navigation__lien--inactif{color:#78828f;cursor:default}.navigation__lien em{font-size:12px;font-style:normal;color:#78828f}.panneau-lateral__pied{margin-top:auto;padding-top:22px;border-top:1px solid rgb(255 255 255 / 10%)}.panneau-lateral__pied .bouton--discret{color:#c3ccd8;border-color:#ffffff24}.panneau-lateral__pied .bouton--discret:hover{color:#fff;background:#ffffff14}.utilisateur{display:flex;flex-direction:column;margin-bottom:14px;font-size:15px;font-weight:600}.utilisateur em{font-size:13px;font-style:normal;font-weight:500;color:#78828f}.zone-principale{overflow-y:auto;padding:32px 40px}.contenu{max-width:1100px;display:grid;gap:24px}.entete-page h1{margin:0;font-size:26px;font-weight:650;letter-spacing:-.01em}.entete-page__sous-titre{margin:6px 0 0;color:var(--encre-tenue)}.fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 32px;margin:0}.fiche dt{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-tenue)}.fiche dd{margin:4px 0 0;font-size:16px}.valeur-manquante{color:var(--attention);font-style:italic}.liste-enseignes{list-style:none;margin:0;padding:0;display:grid;gap:2px}.enseigne{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--bordure)}.enseigne:last-child{border-bottom:none}.enseigne__nom{display:flex;align-items:center;gap:10px;font-weight:600}.enseigne__activite{font-size:15px;color:var(--encre-tenue);text-align:right}.etiquette{padding:2px 8px;font-size:12px;font-weight:600;color:var(--accent);background:#eaf1fe;border-radius:999px}.etat-chargement{color:var(--encre-tenue)}@media(max-width:860px){.disposition{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panneau-lateral__pied{margin-top:22px}.zone-principale{padding:24px 20px}}.zone-principale--pleine{padding:0;overflow:hidden}.liste-detail{display:grid;grid-template-columns:380px 1fr;height:100%}.panneau-liste{display:flex;flex-direction:column;padding:20px;gap:16px;border-right:1px solid var(--bordure);background:var(--surface)}.panneau-liste__entete{display:grid;gap:12px}.panneau-liste__contenu{flex:1;overflow-y:auto;margin:0 -8px}.filtres{display:flex;gap:6px}.filtre{flex:1;min-height:40px;font-family:inherit;font-size:14px;font-weight:550;color:var(--encre-douce);background:var(--fond);border:1px solid transparent;border-radius:var(--rayon);cursor:pointer}.filtre--actif{color:var(--accent);background:#eaf1fe;border-color:#cfe0fd}.liste-clients{list-style:none;margin:0;padding:0 8px;display:grid;gap:4px}.liste-groupe{margin:20px 8px 6px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--encre-tenue)}.client{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;min-height:var(--cible-tactile);padding:10px 12px;font-family:inherit;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--rayon);cursor:pointer}.client:hover{background:var(--fond)}.client--actif{background:#f7faff;border-color:#cfe0fd}.client__designation{font-size:15px;font-weight:600}.client__meta{grid-column:1;font-size:13px;color:var(--encre-tenue)}.pastille{grid-row:1 / span 2;grid-column:2;align-self:center;padding:3px 10px;font-size:12px;font-weight:600;border-radius:999px;white-space:nowrap}.pastille--prospect{color:var(--attention);background:#fdf3e0}.pastille--client{color:#17692f;background:#e6f5ea}.pastille--inactif{color:var(--encre-tenue);background:var(--fond)}.panneau-detail{overflow-y:auto;padding:32px 40px}.etat-vide{color:var(--encre-tenue);font-size:15px}.grille-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 20px}.champ__requis{color:var(--alerte)}.champ__aide{display:block;margin-top:5px;font-size:13px;color:var(--encre-tenue)}.message--attention{color:var(--attention);background:#fdf3e0}.actions{display:flex;gap:12px;margin-top:8px}.actions .bouton--principal,.actions .bouton--discret{width:auto;margin-top:0}.navigation__lien{font-family:inherit;text-align:left;border:none;background:transparent;cursor:pointer}.contenu--large{max-width:1400px}.barre-outils{display:grid;gap:12px}.filtres--enroules{flex-wrap:wrap}.filtres--enroules .filtre{flex:0 0 auto;padding:0 14px}.filtre__compteur{margin-left:6px;opacity:.65;font-weight:600}.carte--tableau{padding:8px 0;overflow-x:auto}.tableau{width:100%;border-collapse:collapse;font-size:15px}.tableau th{padding:12px 20px;font-size:12px;font-weight:650;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--encre-tenue);border-bottom:1px solid var(--bordure);white-space:nowrap}.tableau td{padding:14px 20px;border-bottom:1px solid var(--bordure);vertical-align:top}.tableau tbody tr:last-child td{border-bottom:none}.tableau tbody tr:hover{background:#fafbfc}.tableau__code{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.tableau__discret{color:var(--encre-tenue)}.tableau__nombre{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.tableau__devis{font-weight:500;font-style:italic;color:var(--attention)}.tableau__precision{display:block;margin-top:3px;font-size:13px;color:var(--encre-tenue)}.tableau--saisie td{padding:6px 10px;vertical-align:middle}.tableau--saisie th{padding:12px 10px}.champ__saisie--compact{height:40px;padding:0 10px;font-size:14px}.champ__saisie--nombre{text-align:right;font-variant-numeric:tabular-nums}.bouton-ligne{width:34px;height:34px;font-size:20px;line-height:1;color:var(--encre-tenue);background:transparent;border:1px solid var(--bordure);border-radius:8px;cursor:pointer}.bouton-ligne:hover{color:var(--alerte);border-color:var(--alerte)}.bouton--auto{width:auto;margin:0}.bouton--lien{display:inline-flex;align-items:center;text-decoration:none}.carte--tableau .bouton--auto{margin:12px 20px 8px}.totaux{display:grid;gap:6px;margin:8px 0 0 auto;max-width:380px}.totaux>div{display:flex;justify-content:space-between;gap:24px}.totaux dt{color:var(--encre-douce);font-size:15px}.totaux dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.totaux__ttc{margin-top:6px;padding-top:10px;border-top:1px solid var(--bordure);font-size:18px}.totaux__ttc dt{font-weight:650;color:var(--encre);font-size:18px}.montant-lettres{margin:18px 0 0;font-size:14px;color:var(--encre-douce)}.champ--bascule .bascule{display:flex;align-items:center;gap:10px;height:var(--cible-tactile);font-size:15px}.champ--bascule input{width:22px;height:22px}.message--succes{color:#17692f;background:#e6f5ea}.message--information{color:#33506b;background:#eef3f9}.signature{display:flex;align-items:center;gap:20px;margin-top:18px;flex-wrap:wrap}.signature__trace{max-width:240px;max-height:90px;padding:8px 12px;border:1px solid #dcdfe4;border-radius:6px;background:#fff}.signature__mention{margin:0;font-size:14px;line-height:1.5;color:#4a5158}.editeur{margin:18px 0 0;font-size:12px;line-height:1.6;color:#8a9099;text-align:center}.editeur__precision{display:block}.editeur--lateral{margin-top:14px;color:#6f7680}.liste-simple{margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.7;color:#4a5158}.choix-roles{display:grid;gap:10px;margin-top:14px}.role{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #dcdfe4;border-radius:8px;cursor:pointer;min-height:48px}.role:hover{border-color:#b8bec7}.role--actif{border-color:#1b2430;background:#f5f6f8}.role input{margin-top:3px;width:18px;height:18px}.role strong{display:block;font-size:15px}.role em{display:block;font-style:normal;font-size:13px;color:#6f7680;margin-top:2px}.note{font-size:13px;line-height:1.6;color:#6f7680;margin-top:14px}.utilisateur--bouton{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font:inherit;color:inherit}.utilisateur--bouton:hover{background:#ffffff14}.utilisateur--actif{background:#ffffff1f}.contenu--etroit{max-width:460px}