/* SD ONE lot 62 (24/10/2026) : groupe WhatsApp du dossier. Bleu nuit, bleu, argent ; le vert seulement pour le logo officiel. */
:root{--sd62-wa:0px}
/* fiche dossier : ligne « Groupe WhatsApp » dans la carte Dossier */
.dos-b .l.sd62-l{flex-wrap:wrap;align-items:center;gap:6px 10px}
.sd62-champ{display:flex;align-items:center;gap:6px;flex:1 1 220px;min-width:0}
.sd62-in{flex:1 1 auto;min-width:0;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(15,42,74,.25);background:#fff;color:#0F2A4A;font:500 13px/1.2 Manrope,system-ui,sans-serif;box-sizing:border-box}
.sd62-in:focus{outline:none;border-color:#1E5AA8;box-shadow:0 0 0 3px rgba(30,90,168,.22)}
.sd62-in[aria-invalid="true"]{border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.15)}
.sd62-in:disabled{background:#EEF2F7;color:#5B6B80}
.sd62-in::placeholder{color:#8A97A8}
.sd62-bt{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(180deg,#FFFFFF,#E6EBF2);border:1px solid rgba(15,42,74,.22);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 2px 6px rgba(8,24,48,.15);text-decoration:none;transition:transform .12s,box-shadow .12s}
.sd62-bt:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 6px 14px rgba(8,24,48,.22)}
.sd62-bt:focus-visible{outline:3px solid rgba(30,90,168,.45);outline-offset:2px}
.sd62-bt[aria-disabled="true"]{opacity:.45;filter:grayscale(1);cursor:default;transform:none;box-shadow:none}
.sd62-bt .sd62-logo{width:22px;height:22px}
.sd62-etat{flex-basis:100%;font-size:11.5px;color:#5B6B80;min-height:0}
.sd62-etat:empty{display:none}
.sd62-etat.ok{color:#1E5AA8;font-weight:600}
.sd62-etat.ko{color:#B3261E;font-weight:600}
/* petit logo dans la liste des dossiers et le planning */
.sd62-mini{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;vertical-align:middle;border-radius:50%;text-decoration:none;line-height:0}
.sd62-mini .sd62-logo{width:16px;height:16px}
.sd62-mini:hover .sd62-logo{transform:scale(1.12)}
.sd62-mini:focus-visible{outline:2px solid #1E5AA8;outline-offset:2px}
td.c-num .sd62-mini{margin-left:3px}
/* revue 8 : colonne « Mission » du planning (91 px) : le logo se pose dans le coin haut droit de la case, sans l'élargir ni passer à la ligne */
.tm tbody td.c-num{position:relative}
.tm tbody td.c-num .sd62-mini{position:absolute;top:1px;right:1px;width:16px;height:16px;margin:0;z-index:2;background:#fff;box-shadow:0 0 0 1px #fff}
.tm tbody td.c-num .sd62-mini .sd62-logo{width:14px;height:14px}
/* bouton flottant « Fermer WhatsApp / Replier » */
.sd62-replier{position:fixed;right:calc(var(--sd62-wa) + 14px);bottom:calc(var(--pied,0px) + 14px);z-index:95;display:none;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:22px;border:1px solid rgba(196,201,208,.45);background:linear-gradient(180deg,#16406F,#0F2A4A);color:#fff;font:700 13px/1 Montserrat,Manrope,system-ui,sans-serif;box-shadow:0 10px 26px rgba(8,24,48,.4);cursor:pointer}
.sd62-replier.vu{display:inline-flex}
.sd62-replier:hover{background:linear-gradient(180deg,#1E5AA8,#16406F)}
.sd62-replier:focus-visible{outline:3px solid rgba(196,201,208,.8);outline-offset:2px}
.sd62-replier .sd62-logo{width:20px;height:20px;background:#fff;border-radius:50%;padding:2px}
/* SD ONE se replie à gauche tant que la fenêtre WhatsApp est ouverte (seulement si la fenêtre fait au moins 1200 px) */
body.sd62-wa-ouvert{padding-right:var(--sd62-wa);box-sizing:border-box}
body.sd62-wa-ouvert .v2-haut,body.sd62-wa-ouvert .v2-menu,body.sd62-wa-ouvert .v2-pied,body.sd62-wa-ouvert .vl,
body.sd62-wa-ouvert .fen-voile,body.sd62-wa-ouvert .ed-voile,body.sd62-wa-ouvert .v2-filaments{right:var(--sd62-wa)}
body.sd62-wa-ouvert .v2-pan{right:var(--sd62-wa);width:min(500px,calc(94vw - var(--sd62-wa)))}
body.sd62-wa-ouvert .fil-tiroir{right:calc(var(--sd62-wa) + 12px);width:min(400px,calc(100vw - var(--sd62-wa) - 24px))}
body.sd62-wa-ouvert .massif{max-width:calc(100vw - var(--sd62-wa))}
body.sd62-wa-ouvert .v2-groupe,body.sd62-wa-ouvert .toast,body.sd62-wa-ouvert .bon-msg{left:calc((100vw - var(--sd62-wa)) / 2);max-width:calc(100vw - var(--sd62-wa) - 32px)}
/* revue 8 : fenêtres et voiles des lots 24, 25 / 53 (Info trafic), 48 (cases), écran verrouillé */
body.sd62-wa-ouvert .sd24-fond,body.sd62-wa-ouvert .sd25-fond,body.sd62-wa-ouvert .sd48-voile,body.sd62-wa-ouvert .cx-verrou{right:var(--sd62-wa)}
body.sd62-wa-ouvert .sd48-f{max-width:calc(100vw - var(--sd62-wa) - 16px)}
/* revue 8 : raccourcis du lot 57 dans la barre du haut : mêmes paliers que le lot 57, calculés sur la largeur restante */
body.sd62-wa-ouvert .sd57-l{display:none}
body.sd62-wa-ouvert .sd57-c{display:inline}
@media (max-width:1959px){body.sd62-wa-ouvert .sd57-b .sd57-c{display:none}body.sd62-wa-ouvert .sd57-b{padding:0 10px}}
@media (max-width:760px){
  .sd62-in{height:44px;font-size:15px}
  .sd62-bt{width:44px;height:44px}
  .sd62-bt .sd62-logo{width:26px;height:26px}
  .sd62-mini::before{content:"";position:absolute;inset:-13px} /* zone de toucher de 44 px sans élargir la ligne */
}
@media print{.sd62-replier,.sd62-mini,.sd62-bt{display:none!important}}