:root{--marque: #2f4a7a;--fond: #f5f6f8;--surface: #ffffff;--texte: #1d2330;--discret: #6b7385;--bord: #dde1e8;--accent: var(--marque);--accent-clair: color-mix(in srgb, var(--marque) 12%, white);--danger: #b3261e;--rayon: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}@media(prefers-color-scheme:dark){:root{--fond: #14171c;--surface: #1d2129;--texte: #e6e8ec;--discret: #9aa2b1;--bord: #2f3541;--accent: color-mix(in srgb, var(--marque) 55%, white);--accent-clair: color-mix(in srgb, var(--marque) 35%, #1d2129);--danger: #f2827a}}*{box-sizing:border-box}body{margin:0;background:var(--fond)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem}h3{font-size:.95rem}a{color:var(--accent)}.chargement,.vide{color:var(--discret);text-align:center;padding:2rem 1rem}.discret{color:var(--discret);font-size:.9rem;margin:0}.erreur{color:var(--danger)}.info{color:var(--accent)}.aide{color:var(--discret);font-size:.85rem}button.principal{background:var(--accent);color:#fff;border:0;border-radius:var(--rayon);padding:.6rem 1rem;cursor:pointer}@media(prefers-color-scheme:dark){button.principal{color:#10141b}}button.principal:disabled{opacity:.5;cursor:default}button.secondaire{background:transparent;border:1px solid var(--bord);border-radius:var(--rayon);padding:.55rem .9rem;cursor:pointer}button.lien{background:none;border:0;color:var(--accent);cursor:pointer;padding:.3rem .5rem}button.lien.danger{color:var(--danger)}input,select,textarea{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:.55rem .7rem;width:100%}select{width:auto}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);padding:1.25rem;display:flex;flex-direction:column;gap:.8rem}.carte label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.carte-centree{min-height:100dvh;display:grid;place-items:center;padding:1rem}.carte-centree .carte{width:min(380px,100%)}.page-etroite{max-width:480px;margin:1.5rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}.appli{height:100dvh;display:flex;flex-direction:column}.entete{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--bord)}.marque{font-weight:600;color:var(--accent)}.entete nav{display:flex;gap:.25rem;overflow-x:auto}.entete nav button{background:none;border:0;padding:.5rem .8rem;border-radius:var(--rayon);cursor:pointer;white-space:nowrap}.entete nav button.actif{background:var(--accent-clair);color:var(--accent);font-weight:600}main{flex:1;min-height:0;overflow:auto}.discussions{display:grid;grid-template-columns:260px 1fr;height:100%}.liste-discussions{border-right:1px solid var(--bord);padding:.75rem .5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.liste-discussions nav{display:flex;flex-direction:column;gap:2px}.liste-discussions .discret{padding:0 .6rem}.entree{display:flex;align-items:center;border-radius:8px}.entree .ouvrir{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;text-align:left;background:none;border:0;padding:.5rem .6rem;cursor:pointer;color:inherit}.entree .supprimer{background:none;border:0;cursor:pointer;padding:.4rem .5rem;opacity:0;transition:opacity .15s}.entree:hover .supprimer,.entree.actif .supprimer,.entree .supprimer:focus{opacity:.7}@media(hover:none){.entree .supprimer{opacity:.6}}.entree .titre{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entree .discret{padding:0;font-size:.78rem}.entree.actif{background:var(--accent-clair);color:var(--accent)}.barre-discussion{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--bord)}.barre-discussion .titre-courant{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barre-discussion .basculer{display:none;padding:.35rem .6rem}.discussion{height:100%;min-height:0;display:flex;flex-direction:column;width:100%;max-width:860px;margin:0 auto}.fil{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.bulle{max-width:85%;padding:.6rem .85rem;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bulle.utilisateur{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}@media(prefers-color-scheme:dark){.bulle.utilisateur{color:#10141b}}.bulle.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--bord);border-bottom-left-radius:4px}.bulle .heure{font-size:.7rem;opacity:.65;margin-top:.25rem;text-align:right}.bulle .piece{display:block;margin-top:.4rem}.bulle.attente{color:var(--discret);display:flex;flex-direction:column;gap:.3rem;min-width:14rem}.etape{display:flex;align-items:center;gap:.55rem;font-size:.95rem}.etape.faite{opacity:.6}.etape.en-cours span:last-child{background:linear-gradient(90deg,var(--discret) 0%,var(--texte) 50%,var(--discret) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:miroiter 1.6s linear infinite}.points{display:inline-flex;gap:3px;width:1.4rem}.points i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:sautiller 1.2s infinite ease-in-out}.points i:nth-child(2){animation-delay:.15s}.points i:nth-child(3){animation-delay:.3s}.curseur{display:inline-block;margin-left:1px;animation:clignoter .9s steps(1) infinite;color:var(--accent)}@keyframes miroiter{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sautiller{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}@keyframes clignoter{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.points i,.etape.en-cours span:last-child,.curseur{animation:none}}.saisie{display:flex;gap:.5rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--bord);background:var(--fond)}.saisie textarea{resize:none;min-height:2.6rem;max-height:8rem;field-sizing:content}.documents{display:grid;grid-template-columns:260px 1fr;height:100%}.arbre{border-right:1px solid var(--bord);padding:1rem .5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.arbre h3{padding:0 .75rem;color:var(--discret);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.arbre .discret{padding:0 .75rem}.dossier{display:block;width:100%;text-align:left;background:none;border:0;padding:.45rem .75rem;border-radius:8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dossier.actif{background:var(--accent-clair);color:var(--accent);font-weight:600}.contenu{padding:1rem 1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.contenu.survol{outline:2px dashed var(--accent);outline-offset:-8px}.titre-dossier{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.boutons{display:flex;gap:.5rem;flex-wrap:wrap}.liste{width:100%;border-collapse:collapse}.liste td{padding:.55rem .4rem;border-bottom:1px solid var(--bord);vertical-align:middle}.liste .nom{overflow-wrap:anywhere}.liste .etat{font-size:.85rem;color:var(--discret);white-space:nowrap}.liste .actions{text-align:right;white-space:nowrap}.liste select{padding:.3rem .4rem;max-width:12rem}.partages ul{list-style:none;padding:0;margin:0}.partages li{display:flex;align-items:center;gap:.4rem}.partages .ligne{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:720px){.discussions{grid-template-columns:1fr;position:relative}.liste-discussions{display:none;position:absolute;inset:0 0 auto;max-height:70%;z-index:2;background:var(--fond);border-right:0;border-bottom:1px solid var(--bord);box-shadow:0 8px 20px #0000001f}.liste-discussions.ouverte{display:flex}.barre-discussion .basculer{display:inline-block}.documents{grid-template-columns:1fr;grid-template-rows:auto 1fr}.arbre{border-right:0;border-bottom:1px solid var(--bord);max-height:40vh}.liste .etat{display:none}.bulle{max-width:92%}}.entete nav .icone{margin-right:.35rem}.page-large{max-width:1100px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.titre-page h2{margin-bottom:.2rem}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;align-items:start}.liste-carte{gap:.5rem}.ligne-titre{display:flex;justify-content:space-between;align-items:center}.ligne-titre h3{text-transform:capitalize;margin:0}.elements{list-style:none;margin:0;padding:0}.elements li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bord);padding:.3rem 0}.elements label{display:flex;gap:.5rem;align-items:center;flex-direction:row;font-size:1rem;cursor:pointer}.elements input[type=checkbox]{width:1.1rem;height:1.1rem}.ligne{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.ligne input:not([type=checkbox]){flex:1;min-width:10rem;width:auto}.rappels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.rappels li{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.8rem 1rem}.rappel-texte{display:flex;flex-direction:column;gap:.15rem}.nouveau-rappel{gap:.6rem}@media(max-width:760px){.entete nav .libelle{display:none}.entete nav .icone{margin-right:0;font-size:1.15rem}}@media(max-width:480px){.marque{display:none}.entete{justify-content:center;padding:.4rem .5rem}.entete nav button{padding:.5rem .65rem}}button.secondaire.danger{color:var(--danger);border-color:var(--danger)}.arbre .depot{border-bottom:1px solid var(--bord);padding-bottom:.8rem}.joints{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem 0}.joint{display:inline-flex;align-items:center;gap:.2rem;background:var(--accent-clair);color:var(--accent);border-radius:999px;padding:.2rem .3rem .2rem .7rem;font-size:.9rem}.joint button.lien{padding:0 .35rem;font-size:1.1rem;line-height:1}.saisie .trombone{padding:.5rem .7rem}.bulle.utilisateur .piece{color:inherit}.logo-marque{display:inline-flex;align-items:center;gap:.5rem}.logo-marque img{height:28px;max-width:120px;object-fit:contain}.logo-marque.grand{flex-direction:column;text-align:center;gap:.6rem;width:100%}.logo-marque.grand img{height:64px;max-width:220px}.logo-marque .noms{display:flex;flex-direction:column}.logo-marque.grand .assistant{font-size:1.5rem;color:var(--accent)}.logo-marque .structure{font-size:.95rem;font-weight:400;color:var(--discret)}.cloche{position:relative}.cloche>button{background:none;border:0;padding:.5rem .65rem;border-radius:var(--rayon);cursor:pointer;position:relative}.cloche .pastille{position:absolute;top:.1rem;right:.1rem;background:var(--danger);color:#fff;border-radius:999px;font-size:.7rem;min-width:1.1rem;padding:0 .25rem;line-height:1.1rem;text-align:center}.menu-cloche{position:absolute;right:0;top:2.6rem;width:min(22rem,92vw);max-height:60vh;overflow-y:auto;background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:0 8px 24px #00000026;padding:.5rem;z-index:10}.menu-cloche .notif{padding:.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.15rem}.menu-cloche .notif.nouvelle{background:var(--accent-clair)}.menu-cloche .discret{padding:0}.voile{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:1rem;z-index:20}.boite{width:min(28rem,100%)}.boite button{width:100%}.texte-element{cursor:text}.texte-element:hover{text-decoration:underline dotted}.elements input.edition{flex:1;padding:.25rem .4rem}.onglet-discussion{height:100%}.onglet-discussion[hidden]{display:none}.carte label.case{flex-direction:row;align-items:center;gap:.6rem;font-size:1rem}.carte label.case input{width:1.1rem;height:1.1rem}.canaux-rappel{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.6rem}.canaux-rappel label.case{font-size:.95rem}.canaux-du-rappel{display:block;font-size:.85rem}
