@font-face{font-family:Cal Sans;src:url(/fonts/CalSansVF.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--encre: #181d26;--encre-2: #333840;--discret: #5f6875;--fond: #eef1f6;--surface: #ffffff;--surface-2: #f1f4f8;--ligne: #e6e9ef;--ligne-2: #d6dce4;--bleu: #15639f;--bleu-pale: #e4eff7;--beige: #f5e9d4;--brun: #6b4a12;--nav: #181d26;--nav-2: #232936;--nav-texte: #9aa3b2;color-scheme:light}*{box-sizing:border-box}html,body,#racine{height:100%}body{margin:0;background:var(--fond);color:var(--encre);font-family:Cal Sans,Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #458fff;outline-offset:2px}.appli{display:flex;height:100%}.principal{flex:1;min-width:0;display:flex;flex-direction:column}.colonnes{flex:1;min-height:0;display:flex}.nav{flex:0 0 228px;background:var(--nav);color:#e6e9ee;padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.marque{display:flex;flex-direction:column;gap:5px;padding:0 8px 16px}.marque-nom{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.marque-point{width:9px;height:9px;border-radius:50%;background:#4c9be0;box-shadow:0 0 0 4px #4c9be040}.marque-sous{font-size:10.5px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:#6f89a6;padding-left:18px}.espaces{display:flex;gap:2px;padding:3px;background:#232a36;border-radius:10px;margin-bottom:14px}.espaces button{flex:1;border:0;background:transparent;color:var(--nav-texte);padding:7px 4px;border-radius:8px;font-weight:600;font-size:13.5px}.espaces button.actif{background:#fff;color:var(--encre)}.nav-titre{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6f89a6;padding:16px 10px 6px}.nav-ligne{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:var(--nav-texte);text-align:left;padding:8px 10px;min-height:38px;border-radius:9px;font-size:14px;font-weight:500}.nav-ligne:hover{background:var(--nav-2);color:#fff}.nav-ligne.actif{background:var(--nav-2);color:#fff;font-weight:600}.nav-ligne.nouveaux{margin-top:6px}.compteur{font-size:12px;font-weight:600;min-width:22px;text-align:center;padding:1px 7px;border-radius:9999px;background:var(--nav-2);color:var(--nav-texte)}.compteur.fort{background:#fff;color:var(--encre)}.compteur.beige{background:#f2b84b;color:#3a2700}.compteur.discret{background:transparent;color:#6f89a6}.compteur.rouge{background:#d64545;color:#fff}.sujet-nom{display:flex;align-items:center;gap:10px;min-width:0}.sujet-carre{width:9px;height:9px;border-radius:3px;flex:none;display:inline-block}.raccourcis{margin-top:auto;padding:16px 10px 2px;font-size:12px;color:#6f89a6;display:flex;flex-direction:column;gap:4px}.bandeau{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bleu-pale);color:var(--bleu);font-weight:500}.bandeau span{flex:1}.bandeau button{border:0;background:transparent;color:var(--bleu);font-weight:600}.bandeau.erreur{background:#fbe6e2;color:#8f2a1d}.liste{flex:0 0 370px;background:var(--surface);border-right:1px solid var(--ligne);overflow-y:auto}.liste-tete{display:flex;align-items:baseline;gap:8px;padding:18px 16px 12px;position:sticky;top:0;background:var(--surface);z-index:2}.liste-tete h2{margin:0;flex:1;font-size:21px;font-weight:600}.liste-tete span{font-size:12.5px;color:var(--discret)}.vide{padding:40px 16px;text-align:center;color:var(--discret);margin:0}.ligne{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:0;border-top:1px solid #eef0f2;background:var(--surface);padding:12px 16px}.ligne:hover{background:#f8fafc}.ligne.choisie{background:var(--bleu-pale)}.ligne-corps{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ligne-haut{display:flex;gap:8px;align-items:center}.ligne-titre{flex:1;min-width:0;font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ligne-date{font-size:12px;color:var(--discret)}.ligne.non-lue .ligne-titre,.ligne.non-lue .ligne-date{font-weight:700}.ligne.non-lue .ligne-date{color:var(--bleu)}.ligne-extrait{color:#5a606a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;padding-right:14px}.ligne.non-lue .ligne-extrait{color:#22262e}.point-non-lu{position:absolute;right:0;top:5px;width:9px;height:9px;border-radius:50%;background:var(--bleu)}.ligne-etiquettes{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px;align-items:center}.etiquette{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:9999px}.etiquette.sujet{font-weight:500;background:transparent;border:1px solid var(--ligne-2);color:var(--encre-2);padding:0 8px}.etiquette.beige{background:var(--beige);color:var(--brun)}.etiquette.urgente{background:#fbe6e2;color:#9b2c1f}.marque-urgent{flex:none;width:8px;height:8px;border-radius:50%;background:#d64545}.ligne.archivee{opacity:.7}.etiquette.pleine{color:#fff;padding:1px 9px}.espace-ligne{font-size:11.5px;color:#6a707a}.avatars{display:inline-flex;flex:none}.avatars>span{display:inline-flex;position:relative}.avatar{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;border:2px solid #fff}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar.moi{background:var(--encre);font-size:11px}.avatar-canal{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar-vide{width:30px;flex:none}.lecture{flex:1;min-width:0;display:flex;flex-direction:column}.vide-lecture{align-items:center;justify-content:center;color:var(--discret)}.lecture-tete{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--ligne)}.lecture-titres{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:3px}.lecture-titres h1{margin:0;font-size:20px;font-weight:600}.lecture-infos{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--discret)}.raison{color:var(--brun)}.raison.urgente{color:#9b2c1f;font-weight:600}.classer{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--discret)}.classer label{display:flex;align-items:center;gap:8px}.classer select{height:32px;padding:0 8px;border:1px solid var(--ligne-2);border-radius:8px;background:#fff;color:var(--encre)}.classer-domaine input{width:16px;height:16px;accent-color:var(--bleu);margin:0}.gestes{display:flex;gap:6px}.gestes button{min-height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--ligne-2);background:var(--surface);font-size:13px;font-weight:500}.gestes kbd{font-family:inherit;color:#6f89a6;margin-left:4px}.fil-messages{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:6px}.message-bloc{display:flex;flex-direction:column;gap:6px}.jour{display:flex;justify-content:center;margin:8px 0 2px}.jour span{font-size:12px;font-weight:600;padding:3px 12px;border-radius:8px;background:#fff;color:#4a505a;box-shadow:0 1px 1px #0000000f}.evenement{display:flex;justify-content:center}.evenement span{font-size:12.5px;padding:4px 12px;border-radius:8px;background:#fff7e0;color:var(--brun)}.bulle-ligne{display:flex;gap:8px;align-items:flex-end}.bulle-ligne.moi{justify-content:flex-end}.bulle{max-width:min(520px,80%);padding:7px 12px 6px;background:#fff;color:#111b21;border-radius:14px 14px 14px 4px;box-shadow:0 1px 1px #00000014;white-space:pre-line;display:flex;flex-direction:column}.bulle-ligne.moi .bulle{border-radius:14px 14px 4px}.bulle-auteur{font-size:12.5px;font-weight:600;color:#4f7a28}.bulle-heure{align-self:flex-end;font-size:11px;color:#6a707a;margin-top:2px}.carte-mail{border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000f}.carte-mail-tete{width:100%;display:flex;gap:12px;align-items:center;padding:12px 16px;border:0;background:transparent;text-align:left}.carte-mail-de{font-weight:600;white-space:nowrap}.carte-mail-ligne{flex:1;min-width:0;color:#4a505a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carte-mail-date{font-size:12px;color:#4a505a;white-space:nowrap}.carte-mail-corps{padding:0 16px 16px 64px;display:flex;flex-direction:column;gap:10px}.carte-mail-corps p{margin:0;max-width:680px;white-space:pre-line}.carte-mail-dest{font-size:13px;color:#4a505a}.piece{align-self:flex-start;display:flex;align-items:center;gap:10px;font-size:13px;padding:8px 12px;border-radius:10px;background:var(--fond)}.piece-icone{width:28px;height:32px;border-radius:5px;background:#d64545;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.bulle.vocal{gap:8px}.vocal-lecteur{display:flex;align-items:center;gap:10px}.vocal-play{width:34px;height:34px;border-radius:50%;background:#e08a00;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.vocal-onde{flex:1;display:flex;align-items:center;gap:2px;height:24px;min-width:120px}.vocal-onde span{flex:1;border-radius:2px;background:#e8c48a}.vocal-duree{font-size:12px;color:var(--encre-2)}.petit-titre{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--encre-2)}.petit-titre.orange{color:#a06200}.petit-titre.bleu{color:var(--bleu)}.petit-titre.brun{color:var(--brun)}.carte-appel{display:flex;align-items:center;gap:10px;align-self:center;padding:8px 14px;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000f}.appel-icone{width:28px;height:28px;border-radius:50%;background:#e08a00;color:#fff;display:flex;align-items:center;justify-content:center}.accueil{background:var(--beige);border-radius:12px;padding:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.accueil span{flex:1 1 260px}.accueil button{min-height:38px;padding:0 14px;border-radius:10px;border:1px solid #9297a0;background:#fff;font-weight:600;font-size:13.5px}.accueil button.noir{background:var(--encre);color:#fff;border-color:var(--encre)}.composer{display:flex;align-items:center;gap:10px;margin:8px 24px 18px;padding:6px 14px;border-radius:14px;background:#fff;box-shadow:0 1px 2px #00000014}.composer input{flex:1;min-width:0;height:40px;border:0;outline:none;background:transparent}.contexte{flex:0 0 360px;background:var(--surface);border-left:1px solid var(--ligne);overflow-y:auto}.onglets{display:flex;gap:2px;padding:3px;margin:12px 14px 4px;background:var(--surface-2);border:1px solid var(--ligne-2);border-radius:10px}.onglets button{flex:1;border:0;background:transparent;padding:7px 4px;border-radius:8px;font-weight:600;font-size:13px;color:var(--discret)}.onglets button.actif{background:#fff;color:var(--bleu);box-shadow:0 1px 2px #181d2614}.panneau{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.en-bref{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid var(--ligne);display:flex;flex-direction:column;gap:8px}.en-bref p,.question p{margin:0}.question{padding:14px;border-radius:12px;background:var(--beige);display:flex;flex-direction:column;gap:8px}.note{margin:0;font-size:12.5px;color:var(--discret)}.fiche{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:#f7f8fa}.fiche-tete{display:flex;gap:12px;align-items:center}.fiche-tete>span:last-child{display:flex;flex-direction:column;min-width:0}.fiche-tete strong{font-size:15.5px;font-weight:600}.fiche-role{font-size:13px;color:#4a505a}.fiche-canaux{display:flex;flex-direction:column;gap:6px}.fiche-canal{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--encre-2);overflow-wrap:anywhere}.pastille{flex:none;width:20px;height:20px;border-radius:6px;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.fiche-fils{display:flex;flex-direction:column;gap:6px}.fiche-fil{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;border:0;font-size:13px;text-align:left}.fiche-fil .point{flex:none;width:8px;height:8px;border-radius:50%}.fiche-fil-titre{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fiche-fil-date{color:var(--discret);font-size:12px}.deconnexion{align-self:flex-start;margin-top:8px;padding:0;border:0;background:transparent;color:#9aa3b2;font-size:12px;text-decoration:underline;text-underline-offset:3px}.deconnexion:hover{color:#fff}.connexion{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--fond)}.connexion-carte{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px;padding:32px 28px 26px;border-radius:18px;background:var(--surface);box-shadow:0 1px 2px #181d260f,0 8px 24px #181d260f}.connexion-marque{display:flex;align-items:center;gap:12px}.connexion-marque strong{display:block;font-size:22px;font-weight:700;letter-spacing:-.4px}.connexion-point{width:11px;height:11px;border-radius:50%;background:var(--bleu);box-shadow:0 0 0 5px var(--bleu-pale);flex:none}.connexion-sous{display:block;font-size:11px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;color:var(--discret)}.connexion-champ{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--encre-2)}.connexion-champ input{height:44px;padding:0 14px;border:1px solid var(--ligne-2);border-radius:10px;background:#fff;font-size:15px}.connexion-champ input[aria-invalid=true]{border-color:#c5402f}.connexion-erreur{margin:-6px 0 0;font-size:13px;color:#8f2a1d}.connexion-bouton{height:44px;border:0;border-radius:10px;background:var(--encre);color:#fff;font-size:15px;font-weight:600}.connexion-bouton:hover{background:#000}.connexion-bouton:disabled{opacity:.6;cursor:default}.connexion-note{margin:0;font-size:12px;color:var(--discret);text-align:center}.tri-info{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;color:var(--discret)}.tri-info button{border:0;background:transparent;color:var(--bleu);font-weight:600;padding:0}.page{flex:1;min-width:0;overflow-y:auto;padding:22px 28px 40px;display:flex;flex-direction:column;gap:16px}.page-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}.page-tete h2{margin:0;font-size:22px;font-weight:600;flex:0 0 auto}.page-tete .note{flex-basis:100%;max-width:760px}.carte-page{background:var(--surface);border:1px solid var(--ligne);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;max-width:860px}.carte-page.reglages{gap:14px}.champ{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--encre-2)}.champ textarea,.champ input{font:inherit;color:var(--encre);padding:9px 11px;border:1px solid var(--ligne-2);border-radius:9px;background:#fff;resize:vertical}.champ input{max-width:120px}.case{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--encre-2)}.case input{width:16px;height:16px;margin:0;accent-color:var(--bleu)}.actions-page{display:flex;gap:8px}.page button{min-height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--ligne-2);background:var(--surface);font-size:13px;font-weight:500}.page button.noir{background:var(--encre);border-color:var(--encre);color:#fff}.page button:disabled{opacity:.5;cursor:default}.erreur-page{margin:0;color:#8f2a1d;font-size:13px}.proposition{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;background:var(--bleu-pale);font-size:13.5px}.regles,.historique{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-width:980px;background:var(--surface);border:1px solid var(--ligne);border-radius:14px;overflow:hidden}.regles li,.historique li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border-top:1px solid #eef0f2}.regles li:first-child,.historique li:first-child{border-top:0}.regles li.inactive{opacity:.55}.regle-corps{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--encre-2)}.regle-corps strong{font-size:14.5px;color:var(--encre);font-weight:600}.historique-corps{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;border:0!important;background:transparent!important;padding:0!important;min-height:0!important;font-size:13px;color:var(--encre-2)}.historique-corps strong{font-size:14px;color:var(--encre);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historique li.annulee{opacity:.6}.historique .pastille{flex:0 0 10px;height:10px;border-radius:50%}@media(max-width:720px){.page{padding:16px}}