/* Version mobile (telephone) : une seule apparence pour Courrier, Chat, Equipes et Activite.
   Charge seulement si l'ecran fait 760 px ou moins (attribut media). */
:root{--m-top:52px;--m-nav:58px;--m-violet:#5B5FC7;--m-violet-f:#464EB8;--m-bord:#E0E0E0;--m-gris:#616161;--app-h:100vh}
@supports (height:100dvh){:root{--app-h:100dvh}}
html{-webkit-text-size-adjust:100%}
body.appli,body.tm{height:100%;overflow:hidden;overscroll-behavior:none;font-size:15px}
/* cadre : hauteur reelle de l'ecran (clavier compris, voir mobile.js) */
.cadre,#tm{height:var(--app-h)!important;min-height:0}
/* barre du haut identique partout */
.haut,.tm-top{height:calc(var(--m-top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0 12px!important;gap:10px;background:var(--m-violet-f)!important;color:#fff;flex-shrink:0}
.haut .marque,.tm-top #tm-replier,.tm-top #tm-plus,.tm-top .tm-pop:has(#tm-plus){display:none!important}
.haut .recherche,.tm-top .tm-search{flex:1;max-width:none;margin:0;height:38px;border-radius:19px;background:rgba(255,255,255,.95)!important;border:0;padding:0 12px}
.haut .recherche input,.tm-top .tm-search input{height:38px;min-height:38px;font-size:16px!important;background:transparent!important;border:0!important;outline:0!important;padding-left:30px}
.tm-top .tm-search input{padding-left:4px}
.haut .recherche .svg{left:12px}
.haut .avatar.moi,.tm-top .tm-moi{width:38px;height:38px;font-size:13px;background:#C5CBFA;color:#3D3E78}
.tm-top .tm-dot,.haut .avatar .dot{box-shadow:0 0 0 2px var(--m-violet-f);border-color:var(--m-violet-f)}
.haut .menu,.tm-menu-profil{position:fixed!important;top:calc(var(--m-top) + env(safe-area-inset-top) - 4px)!important;right:8px!important;left:auto;min-width:0;width:min(320px,calc(100vw - 16px));z-index:60}
.menu-item,.tm-menu a,.tm-menu button{min-height:48px;font-size:16px!important;display:flex!important;align-items:center}
/* barre de navigation du bas : toujours la meme, sur toutes les pages */
.corps-appli{flex-direction:column-reverse!important}
.tm-body{flex-direction:column-reverse!important}
.rail,.tm-rail{display:flex!important;flex-direction:row!important;width:100%!important;height:calc(var(--m-nav) + env(safe-area-inset-bottom))!important;padding:0 0 env(safe-area-inset-bottom)!important;
 justify-content:space-around!important;align-items:stretch;background:#fff!important;border:0!important;border-top:1px solid var(--m-bord)!important;flex-shrink:0;overflow:visible!important;z-index:20}
.rail a,.tm-rail a{flex:1 1 0!important;width:auto!important;min-width:0!important;height:auto!important;min-height:var(--m-nav)!important;padding:6px 2px 4px!important;border-radius:0!important;
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px!important;line-height:1.1;color:var(--m-gris);text-decoration:none;font-weight:500}
.rail a span,.tm-rail a span{font-size:11px!important;max-width:none}
.rail a .svg,.tm-rail a svg{width:24px!important;height:24px!important}
.rail a.actif,.tm-rail a.actif{color:var(--m-violet)!important;font-weight:700}
.rail a.actif::before,.tm-rail a.actif::before{content:"";position:absolute;left:30%!important;right:30%!important;top:0!important;bottom:auto!important;width:auto!important;height:3px!important;border-radius:0 0 3px 3px!important;background:var(--m-violet)}
.rail .badge,.tm-rail .tm-badge{position:absolute;top:5px!important;left:calc(50% + 5px)!important;right:auto!important}
.rail-sep{display:none!important}
body.clavier .rail,body.clavier .tm-rail{display:none!important}
/* admin (beaucoup d'onglets) : defilement horizontal de la barre du bas */
body.appli:not(.agent) .rail{justify-content:flex-start!important;overflow-x:auto!important}
body.appli:not(.agent) .rail a{flex:0 0 76px!important}
/* titre de page identique */
.barre-page,.tm-lh,.tm-ch{min-height:56px;height:auto;padding:6px 12px 6px 16px!important;gap:8px;background:#fff!important;border-bottom:1px solid var(--m-bord)}
.barre-page h2,.tm-lh h2{font-size:20px!important;font-weight:700;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-ch .tm-ct b{font-size:17px}.tm-ch .tm-ct small{font-size:13px}
.tm-ch .tm-tabs{display:none!important}
.tm-pills{padding:8px 16px!important;background:#fff;border-bottom:1px solid var(--m-bord)}
.tm-pill{min-height:34px;padding:4px 14px!important;font-size:14px!important}
.contenu{-webkit-overflow-scrolling:touch}
.page{padding:12px!important}
h1{font-size:22px}
/* bouton « Nouveau message » : rond, a droite du titre */
.barre-page .btn{margin:0 0 0 auto!important;width:44px;height:44px;min-height:44px;padding:0!important;border-radius:50%;justify-content:center;font-size:0!important;gap:0;flex-shrink:0}
.barre-page .btn .svg{width:20px;height:20px}
.barre-page .onglets{gap:14px}
/* dossiers du courrier : tiroir */
.ol-wrap{flex-direction:column!important;flex:1;min-height:0}
.ol-main{flex:1;min-width:0;display:flex;flex-direction:column}
/* dossiers toujours visibles (pas de tiroir) : pastilles sous l'en-tete */
.ol-ouvrir{display:none!important}
.ol-pane{position:static!important;display:block!important;width:auto!important;background:#F5F5F5!important;border:0!important;border-bottom:1px solid #E0E0E0!important;padding:8px 10px!important;transform:none!important;overflow:visible!important}
.ol-pane .ol-sec,.ol-pane .ol-grp[data-g="favoris"],.ol-pane .ol-nouveau{display:none!important}
.ol-pane .ol-grp{display:flex!important;flex-wrap:wrap;gap:6px}
.ol-f{flex:0 0 auto;min-height:38px;font-size:14px;padding:6px 12px!important;gap:6px!important;border-radius:19px!important;background:#fff;border:1px solid #E0E0E0}
.ol-f span{flex:none!important}.ol-f.actif{background:#E8EBFA!important;border-color:#5B5FC7}
.ol-fond{display:none!important}
/* chat / equipes : pas de dossiers ni de marque sur telephone (barre du bas a 3 onglets) */
.tm .ol-pane,.tm-marque{display:none!important}
.ol-chat{flex-direction:row!important}.ol-chat>.ol-pane{display:none!important}
/* listes */
.ligne{min-height:64px;padding:10px 14px!important}
.liste,.carte{border-radius:10px}
.carte{padding:16px!important;margin-bottom:12px}
.sel-barre{position:sticky;top:0;z-index:3;background:#F5F5F5;padding:6px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* boutons, champs : 44 px et 16 px (pas de zoom automatique sur iPhone) */
.btn{min-height:44px;padding:8px 16px;font-size:15px;border-radius:8px}
.btn.petit{min-height:38px;padding:6px 12px;font-size:14px;border-radius:8px}
.icone-btn,.tm-ib{min-width:44px;min-height:44px;width:44px!important;height:44px!important}
.tm-tools .tm-ib{width:40px!important;height:40px!important;min-width:40px;min-height:40px;font-size:19px!important}
.tm-send{width:44px!important;height:44px!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,[contenteditable=true]{font-size:16px!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:44px}
input[type=checkbox],input[type=radio]{width:22px;height:22px}
label.case{display:flex;align-items:center;gap:10px;min-height:44px}
/* tableaux larges : defilement dans la carte, jamais de la page */
.tab{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
img,video{max-width:100%}
.corps,.corps-html{overflow-wrap:anywhere}.corps-html table{max-width:100%}
/* chat */
.tm-list{width:100%!important;border-radius:0!important}
.tm-convs{padding:0 0 12px!important;background:#fff}
.tm-item{min-height:64px;padding:10px 16px!important;border-radius:0!important;border-bottom:1px solid #F2F2F2}
.tm-msgs{padding:12px 12px 8px!important}
.tm-compose{padding:6px 8px 8px!important;background:#F5F5F5}
.tm-box{border-radius:12px}
.tm-box textarea{font-size:16px!important;padding:10px 12px 4px!important}
.tm-retour{display:inline-flex!important;font-size:22px!important}
.tm-m{max-width:88%!important;min-width:0}
.tm-bulle{max-width:100%;min-width:0;overflow:hidden}
.tm-img{display:block;max-width:100%}.tm-img img{max-width:100%!important;max-height:260px!important;height:auto;width:auto}
.tm-cam{display:inline-flex!important}
.tm-accueil{display:none}
dialog{width:calc(100vw - 24px)!important;max-height:calc(var(--app-h) - 40px);padding:18px!important}
/* chat : la liste et la conversation occupent toute la hauteur disponible */
.tm-body{flex:1 1 auto;min-height:0}
.tm-list,.tm-main{flex:1 1 auto!important;min-height:0;height:auto!important}
.tm-conv{min-height:0}
/* petites commandes agrandies */
.ed-btn{min-width:40px;min-height:40px}.ed-sel{min-height:40px}
.btn-ico{min-width:44px;min-height:44px}
.oeil{width:40px!important;height:40px!important}
#lien-cc,#lien-cci{display:inline-flex;align-items:center;min-height:40px;padding:0 8px}
/* liste des employes (admin) : nom sur toute la largeur, boutons en dessous */
.liste-employes .ligne{flex-wrap:wrap;row-gap:8px}
.liste-employes .ligne .ct{flex:1 1 calc(100% - 64px);min-width:0;overflow-wrap:anywhere}
.liste-employes .ligne .etat{flex:1 1 100%;margin-left:52px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;white-space:normal}
.liste-employes .ligne .etat .btn-suppr-ligne{margin-right:0;min-height:36px;display:inline-flex;align-items:center}

/* ===================== MV2 : version mobile « application » ===================== */
:root{--m-bar:56px;--m-tab:60px;--m-vf:#464EB8;--m-vc:#E8EBFA;--m-vcc:#C5CBFA;--m-vff:#3D3E78;--m-rouge:#C4314B}
.haut,.rail,.tm-top,.tm-rail{display:none!important}
.cadre,#tm{display:flex!important;flex-direction:column!important}
.corps-appli,.tm-body{flex:1 1 auto!important;min-height:0}
/* barre du haut */
.m-bar{display:flex;align-items:center;gap:2px;flex-shrink:0;position:relative;z-index:30;min-height:calc(var(--m-bar) + env(safe-area-inset-top));
 padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:var(--m-vf);color:#fff}
.m-titre{flex:1;min-width:0;margin:0 0 0 2px;font-size:21px!important;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
.m-retour+.m-titre{margin-left:0}
.m-ib{width:44px;height:44px;min-width:44px;border:0;background:transparent;color:inherit;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;flex-shrink:0;padding:0;font-size:20px;-webkit-tap-highlight-color:transparent}
.m-ib:active{background:rgba(255,255,255,.18)}.m-ib .svg,.m-ib svg{width:24px;height:24px}
.m-retour{margin-left:-8px}
.m-av{position:relative;width:40px;height:40px;min-width:40px;margin:0 4px 0 6px;border-radius:50%;border:0;background:var(--m-vcc);color:var(--m-vff);font:inherit;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.m-av .dot{position:absolute;right:-2px;bottom:-2px;width:13px;height:13px;box-shadow:0 0 0 2px var(--m-vf)}.m-av .av-img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.m-actions{display:contents}
.m-recherche{position:absolute;left:0;right:0;bottom:0;height:var(--m-bar);display:flex;align-items:center;gap:6px;padding:0 6px 0 12px;background:inherit;z-index:2}
.m-recherche[hidden]{display:none!important}
.m-recherche input{flex:1;border:0!important;border-radius:10px;padding:0 12px!important;min-height:40px!important;height:40px;background:#fff;color:#242424;margin:0}
/* lecture / ecriture : plein ecran, barre blanche */
body.m-plein .m-bar{background:#fff;color:#242424;border-bottom:1px solid #EDEDF0}
body.m-plein .m-ib:active{background:#F2F2F2}
body.m-plein .m-titre{font-size:17px!important;font-weight:600}
body[data-m-ep=read] .m-titre{visibility:hidden}
body.m-plein .ol-pane,body.m-plein .ol-main>.barre-page{display:none!important}
body.m-plein .contenu,body.m-plein .ol-main,body.m-plein .page{background:#fff!important}
body[data-m-ep=read] .carte{box-shadow:none!important;border-radius:0!important;padding:4px 4px 12px!important;background:transparent!important}
body[data-m-ep=read] .carte h1{font-size:23px;line-height:1.25;margin:4px 0 12px}
.m-lecture .m-acts{display:none!important}
.m-bas{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;z-index:20;background:#fff;border-top:1px solid #EDEDF0;
 padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.m-bas-b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;border-radius:12px;background:var(--m-vc);color:var(--m-vff);font-weight:600;font-size:14px;text-decoration:none}
.m-bas-b.prim{background:#5B5FC7;color:#fff}
body.m-bas-on .page{padding-bottom:110px!important}
body.clavier .m-bas{display:none}
.ecrit-par{margin:.2rem 0 .6rem}
/* titres en double : le titre est dans la barre du haut */
.ol-main>.barre-page{display:none!important}
.contenu>.barre-page h2{display:none!important}
.page>h1,.gestion>h1,[data-m-ep=admin_users] .entete-page{display:none!important}
/* dossiers : pastilles sur une ligne qui defile */
.ol-pane{background:#fff!important;padding:10px 12px!important;border-bottom:1px solid #EDEDF0!important}
.ol-pane .ol-grp{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px}
.ol-pane .ol-grp::-webkit-scrollbar{display:none}
.ol-f{min-height:44px;padding:6px 16px!important;border-radius:22px!important;font-size:15px!important;white-space:nowrap;border:1px solid #D1D1D6!important;background:#fff}
.ol-f.actif{background:var(--m-vc)!important;border-color:#5B5FC7!important;color:var(--m-vff);font-weight:700}
.ol-f .ol-ic{width:18px;height:18px}
/* liste des mails */
.m-liste{border-radius:0!important;background:#fff;margin:0 -12px 90px!important;box-shadow:none!important}
.contenu>.page,.ol-main>.page{padding-top:0!important}
.m-liste .ligne-bloc{position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff!important;box-shadow:none!important;border-bottom:1px solid #EDEDF0}
.m-liste .ligne-bloc>.ligne{position:relative;z-index:1;background:#fff;align-items:flex-start!important;gap:12px!important;padding:12px 16px 12px 18px!important;min-height:78px;transition:transform .22s ease-out;will-change:transform}
.m-liste .ligne-bloc>.recus{position:relative;z-index:1;background:#fff;padding:0 16px 10px 74px}
.m-liste .ligne .avatar{width:44px;height:44px;font-size:16px;margin-top:2px}
.m-liste .point-nonlu{position:absolute;left:6px;top:34px;width:8px;height:8px;margin:0;background:#5B5FC7}
.m-liste .ct{display:flex;flex-direction:column;gap:1px;min-width:0}
.m-liste .l1{display:flex;align-items:baseline;gap:8px}.m-liste .l1 b{flex:1;min-width:0;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-liste .l1 small{font-size:13px;color:#616161;flex-shrink:0}.m-liste .nonlu .l1 small{color:#5B5FC7;font-weight:700}
.m-liste .l2 span{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-liste .nonlu .l1 b,.m-liste .nonlu .l2 span{color:#242424!important}
.m-liste .l3{display:block;font-size:14.5px;color:#616161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.m-via{display:inline-block;align-self:flex-start;margin-top:5px;background:var(--m-vc);color:var(--m-vff);border-radius:6px;padding:1px 8px;font-size:12.5px}
.m-liste .ligne>.avatar+.m-pres{position:absolute;left:49px;top:45px;width:13px;height:13px;z-index:2;box-shadow:0 0 0 2px #fff;border-width:2px;background:#B4B4BC;border-color:#B4B4BC}
.m-liste .ligne>.avatar+.m-pres.on{background:#3CB043;border-color:#3CB043}
.m-liste .case-sel,.m-liste .ico-suppr,.sel-barre{display:none!important}
body.m-selection .m-liste .case-sel{display:flex!important;align-items:center;padding:0 0 0 14px;position:relative;z-index:2;background:#fff}
body.m-selection .sel-barre{display:flex!important;position:sticky;top:0;z-index:5;background:#fff;margin:0 -12px;padding:8px 12px;border-bottom:1px solid #EDEDF0}
.m-sw{position:absolute;top:0;right:0;bottom:0;display:flex;z-index:0}
.m-sw-b{width:86px;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:13.5px;font-weight:600;padding:0}
.m-sw-b svg{width:24px;height:24px;color:#fff}.m-sw-arch{background:#6264C9}.m-sw-supp{background:var(--m-rouge)}
.m-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.m-sr:focus{clip:auto;width:auto;height:auto;right:8px;top:8px;z-index:5;background:#fff;border:2px solid #5B5FC7;border-radius:8px;padding:6px 10px;margin:0}
.m-liste .vide{padding:40px 20px;text-align:center}
/* « X repond a ... » (administrateurs) */
.m-ty{margin:10px 0 4px}.m-ty[hidden]{display:none}
.m-ty a{display:flex;align-items:center;gap:10px;background:var(--m-vc);color:var(--m-vff);border-radius:10px;padding:10px 12px;text-decoration:none;font-size:14.5px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-ty a span{overflow:hidden;text-overflow:ellipsis}
.m-ty-d,.en-train:not([hidden])::before{flex-shrink:0;width:24px;height:6px;background:radial-gradient(circle,#7B7FD4 2.7px,transparent 3px) 0 0/8px 6px repeat-x;animation:m-pt 1.2s infinite}
@keyframes m-pt{50%{opacity:.35}}
/* bouton flottant « Ecrire » */
.m-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--m-tab) + env(safe-area-inset-bottom) + 16px);display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 22px 0 18px;border-radius:18px;
 background:#5B5FC7;color:#fff!important;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 4px 14px rgba(70,78,184,.4);z-index:24}
.m-fab .svg{width:24px;height:24px}
body.clavier .m-fab,body.m-selection .m-fab,body.m-feuille-on .m-fab,body.m-cherche-on .m-fab{display:none!important}
/* onglets du bas */
.m-tabs{display:flex;flex-shrink:0;position:relative;z-index:25;background:#fff;border-top:1px solid #E6E6EA;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.m-tabs>a,.m-tabs>button{flex:1 1 0;min-width:0;min-height:var(--m-tab);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#616161;text-decoration:none;font:inherit;font-size:12px;font-weight:500;border:0;background:none;position:relative;padding:6px 2px 5px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m-tabs .svg{width:24px;height:24px;padding:3px 16px;border-radius:15px;box-sizing:content-box}
.m-tabs .actif{color:#5B5FC7;font-weight:700}.m-tabs .actif .svg{background:var(--m-vc)}
.m-badge{position:absolute;top:3px;left:calc(50% + 6px);min-width:19px;height:19px;border-radius:10px;background:var(--m-rouge);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 0 0 2px #fff;font-style:normal}
.m-badge[hidden]{display:none!important}
body.clavier .m-tabs,body.m-plein .m-tabs,body.m-conv .m-tabs,body.m-conv .m-bar{display:none!important}
/* feuilles d'actions */
.m-feuille{position:fixed;inset:0;z-index:900}.m-feuille[hidden]{display:none!important}
.m-f-fond{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .18s}.m-feuille.ouverte .m-f-fond{opacity:1}
.m-f-boite{position:absolute;left:0;right:0;bottom:0;max-height:86%;overflow:auto;background:#fff;color:#242424;border-radius:18px 18px 0 0;padding:6px 0 calc(12px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease-out;box-shadow:0 -6px 24px rgba(0,0,0,.18)}
.m-feuille.ouverte .m-f-boite{transform:none}
.m-f-poignee{display:block;width:40px;height:5px;border-radius:3px;background:#D1D1D6;margin:4px auto 8px}
.m-f-tete{display:flex;gap:12px;align-items:center;padding:6px 20px 14px;border-bottom:1px solid #EDEDF0;margin-bottom:4px}
.m-f-tete .avatar{width:48px;height:48px;font-size:17px}.m-f-tete b{display:block;font-size:17.5px}.m-f-tete small{display:block;color:#616161;font-size:13.5px;margin-top:1px}.m-f-tete small.vert{color:#13A10E}
.m-f-tete2 b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 40px)}
.m-f-items form,.m-f-boite>form{margin:0}
.m-f-li{display:flex;align-items:center;gap:18px;width:100%;min-height:54px;padding:8px 22px;border:0;background:none;font:inherit;font-size:17px;color:#242424;text-decoration:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.m-f-li:active{background:#F2F2F7}.m-f-li>.svg,.m-f-li>svg{width:24px;height:24px;flex-shrink:0;color:#424242}
.m-f-li small{display:block;font-size:13px;color:#616161;font-weight:400;margin-top:3px;line-height:1.3}
.m-f-rouge,.m-f-rouge>.svg{color:var(--m-rouge)!important}.m-f-tous{border-top:1px solid #EDEDF0;margin-top:4px;padding-top:12px;padding-bottom:12px;align-items:flex-start}.m-f-tous>span{font-weight:600}
.m-f-annuler{display:block;width:calc(100% - 32px);margin:10px 16px 0;min-height:50px;border:0;border-radius:12px;background:#F2F2F7;font:inherit;font-size:17px;font-weight:600;color:#5B5FC7;cursor:pointer}
.m-sombre-etat{margin-left:auto;color:#616161;font-size:14px}
/* tirer pour actualiser */
.m-ptr{position:fixed;left:0;right:0;top:calc(var(--m-bar) + env(safe-area-inset-top));height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;color:#616161;font-size:14px;background:#F5F5F7;z-index:22;transition:height .15s;pointer-events:none}
.m-ptr-i{display:inline-block;font-size:18px}.m-ptr.actu .m-ptr-i{animation:m-tourne .8s linear infinite}@keyframes m-tourne{to{transform:rotate(360deg)}}
/* Gestion */
.g-tuiles{grid-template-columns:1fr 1fr!important;gap:10px!important}
.gestion{margin:0 -2px}.g-enligne{margin-top:10px}
/* employes (administrateurs) */
.pres-filtres{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -12px 0!important;padding:10px 12px;background:#fff;border-bottom:1px solid #EDEDF0}
.pres-filtres::-webkit-scrollbar{display:none}
.pf{min-height:44px!important;font-size:15px!important;padding:6px 16px!important;border-radius:22px!important;white-space:nowrap;flex-shrink:0}
.pres-cndp{font-size:12.5px;margin:8px 0!important}
.liste-employes{margin:0 -12px 90px!important;border-radius:0!important}
.liste-employes .ligne{-webkit-touch-callout:none;min-height:76px;padding:12px 34px 12px 16px!important;position:relative}
.liste-employes .ligne .etat{display:none!important}
.liste-employes .ligne::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:24px;color:#A0A0AA}
.liste-employes .ligne .avatar{width:46px;height:46px;font-size:16px}
.liste-employes .ligne .avatar .dot{width:14px;height:14px}
.liste-employes .ligne[hidden]{display:none!important}
/* chat (administrateurs) : en train d'ecrire, note CNDP */
.en-train:not([hidden]){display:flex;align-items:center;gap:10px;padding:6px 14px;color:#5B5FC7;font-style:italic;font-size:14px}
.m-cndp{font-size:12px;color:#616161;text-align:center;margin:4px 16px;line-height:1.35}
.liste-conv .tete h2{visibility:hidden}
/* chat / equipes (employes) : en-tete de la liste = barre de l'application */
.tm-lh{background:var(--m-vf)!important;color:#fff;padding-top:calc(6px + env(safe-area-inset-top))!important;min-height:calc(56px + env(safe-area-inset-top))!important;border:0!important}
.tm-lh h2{color:#fff!important;font-size:21px!important}.tm-lh .tm-ib{color:#fff!important}
.tm-ch{padding-top:calc(6px + env(safe-area-inset-top))!important;min-height:calc(56px + env(safe-area-inset-top))}
/* accessibilite */
.m-tabs a:focus-visible,.m-tabs button:focus-visible,.m-ib:focus-visible,.m-av:focus-visible,.m-f-li:focus-visible,.m-fab:focus-visible,.m-bas-b:focus-visible,.m-f-annuler:focus-visible{outline:3px solid #5B5FC7;outline-offset:-3px}
.m-bar .m-ib:focus-visible,.m-bar .m-av:focus-visible{outline-color:#fff}body.m-plein .m-bar .m-ib:focus-visible{outline-color:#5B5FC7}
@media (prefers-reduced-motion:reduce){.m-f-boite,.m-f-fond,.m-liste .ligne-bloc>.ligne,.m-ptr{transition:none!important}.m-ty-d,.en-train::before,.m-ptr.actu .m-ptr-i,.pres .ecrit::before{animation:none!important}}
/* mode sombre (facultatif, choisi dans Profil / Gestion) */
html.m-sombre{color-scheme:dark}
html.m-sombre body,html.m-sombre .contenu,html.m-sombre .page,html.m-sombre .ol-main,html.m-sombre .corps-appli,html.m-sombre .tm-body,html.m-sombre .tm-main,html.m-sombre .tm-msgs,html.m-sombre .messages,html.m-sombre .fil{background:#121218!important;color:#E6E6EE}
html.m-sombre .m-bar{background:#2A2B48}html.m-sombre body.m-plein .m-bar{background:#1B1B24;color:#E6E6EE;border-color:#2C2C38}
html.m-sombre body.m-plein .contenu,html.m-sombre body.m-plein .ol-main,html.m-sombre body.m-plein .page{background:#121218!important}
html.m-sombre .ligne-bloc,html.m-sombre .m-liste .ligne-bloc>.ligne,html.m-sombre .m-liste .ligne-bloc>.recus,html.m-sombre .liste,html.m-sombre .ligne,html.m-sombre .carte,html.m-sombre .m-tabs,html.m-sombre .m-f-boite,html.m-sombre .ol-pane,html.m-sombre .g-tuile,html.m-sombre .g-liste,html.m-sombre .g-enligne,html.m-sombre .m-bas,
html.m-sombre .pres-filtres,html.m-sombre .tm-list,html.m-sombre .tm-convs,html.m-sombre .tm-item,html.m-sombre .tm-ch,html.m-sombre .tm-compose,html.m-sombre .tm-box,html.m-sombre .liste-conv,html.m-sombre .tete-fil,html.m-sombre .saisie,html.m-sombre .sel-barre,html.m-sombre .case-sel{background:#1B1B24!important;color:#E6E6EE!important;border-color:#2C2C38!important}
html.m-sombre .l1 b,html.m-sombre .l2 span,html.m-sombre .m-liste .nonlu .l1 b,html.m-sombre .m-liste .nonlu .l2 span,html.m-sombre .m-f-li,html.m-sombre .g-li,html.m-sombre .g-tuile,html.m-sombre h1,html.m-sombre h2,html.m-sombre h3,html.m-sombre .ct b{color:#E6E6EE!important}
html.m-sombre small,html.m-sombre .l3,html.m-sombre .petit,html.m-sombre .m-f-li small,html.m-sombre .m-f-tete small,html.m-sombre .g-tuile small,html.m-sombre .m-sombre-etat{color:#A6A6B6!important}
html.m-sombre .m-f-li>.svg{color:#C8C8D4}html.m-sombre .m-f-annuler{background:#262633;color:#AEB2FF}html.m-sombre .m-f-li:active{background:#262633}
html.m-sombre input:not([type=checkbox]):not([type=radio]),html.m-sombre textarea,html.m-sombre select,html.m-sombre [contenteditable=true]{background:#262633!important;color:#E6E6EE!important;border-color:#3A3A4C!important}
html.m-sombre .ol-f,html.m-sombre .pf{background:#262633!important;border-color:#3A3A4C!important;color:#E6E6EE!important}html.m-sombre .ol-f.actif,html.m-sombre .pf.actif{background:#34365E!important;border-color:#8B8FE8!important}
html.m-sombre .m-via,html.m-sombre .m-ty a,html.m-sombre .m-bas-b:not(.prim),html.m-sombre .g-tuile .g-ic{background:#2E3052!important;color:#CBD0FF!important}
html.m-sombre .m-tabs .actif .svg{background:#34365E}html.m-sombre .m-tabs .actif{color:#AEB2FF}html.m-sombre .m-badge{box-shadow:0 0 0 2px #1B1B24}
html.m-sombre .m-liste .ligne>.avatar+.m-pres{box-shadow:0 0 0 2px #1B1B24}
html.m-sombre a:not(.btn):not(.m-fab):not(.m-bas-b):not(.ol-f):not(.ligne):not(.m-f-li):not(.g-tuile):not(.g-li){color:#AEB2FF}
html.m-sombre .corps-html{background:#fff;color:#242424;border-radius:8px;padding:8px}
html.m-sombre .tm-bulle:not(.mien),html.m-sombre .msg:not(.mien) .bulle{background:#262633!important;color:#E6E6EE!important}
html.m-sombre .btn.gris{background:#262633!important;color:#E6E6EE!important;border-color:#3A3A4C!important}
html.m-sombre .flash.ok{background:#16301A;color:#9FE3A4;border-color:#2E6B35}html.m-sombre .flash.erreur{background:#3A1A20;color:#FFB4BE;border-color:#7A2E3A}