/* SD ONE — 22/10/2026, PHASE5 p5-b : « Événements », « Pièces jointes de dossier », « E-mails envoyés », « Liste noire », « Modèles d'e-mails »
   (v2-wp5b.js). Charte : bleu nuit #0F2A4A / #081830, bleu #1E5AA8, argent #AFC0D6 / #C4D3E6, blanc. Zones cliquables de 44 px, téléphone d'abord, aucun mot coupé. */
.wp5b{background:#fff;color:#0F2A4A;border:1px solid #C4D3E6;border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(8,24,48,.10);min-width:0;max-width:100%;overflow-wrap:normal;word-break:normal;hyphens:manual}
.wp5b .lib,.wp5b b,.wp5b h2,.wp5b h3{color:#0F2A4A}
.wp5b-h{font-family:var(--titre,Montserrat,sans-serif);font-size:16px;font-weight:800;margin:0;color:#0F2A4A}
.wp5b-h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;margin:12px 0 6px;color:#0F2A4A}
.wp5b-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wp5b-on{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #C4D3E6;background:#F3F6FA;color:#0F2A4A;text-decoration:none;font-weight:700;font-size:13px}
.wp5b-on.on{background:#0F2A4A;border-color:#0F2A4A;color:#fff}
.wp5b-on:focus-visible,.wp5b-f:focus-visible,.wp5b-case input:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px}
.wp5b-barre{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:6px 0 10px}
.wp5b-barre .wp5b-h{margin-right:auto;align-self:center}
.wp5b-barre .wp5b-bts{margin-left:auto}
.wp5b-bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wp5b-bts .bt,.wp5b-barre>.bt{min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wp5b-filtres{display:flex;flex-wrap:wrap;gap:6px}
.wp5b-f{min-height:44px;padding:0 12px;border-radius:22px;border:1px solid #C4D3E6;background:#F3F6FA;color:#0F2A4A;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.wp5b-f.on{background:#1E5AA8;border-color:#1E5AA8;color:#fff}
.wp5b-l{display:flex;flex-direction:column;min-width:0;flex:1 1 220px}
.wp5b-l .ch{width:100%;min-height:44px}
.wp5b-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.wp5b-kpis>div{border:1px solid #C4D3E6;border-radius:12px;padding:10px 12px;background:#F7F9FB;display:flex;flex-direction:column;gap:2px;min-width:0}
.wp5b-kpis span{font-size:12px;color:#4F6478;font-weight:700}
.wp5b-kpis b{font-size:20px;font-weight:800;color:#0F2A4A;white-space:nowrap}
.wp5b-kpis small{font-size:12px;color:#4F6478}
.wp5b-kpis .ko b{color:#9B1C1C}
.wp5b-defile{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.wp5b-t{min-width:720px}
.wp5b-t td{vertical-align:middle}
.wp5b-t .n{text-align:right;white-space:nowrap}
.wp5b-t th{white-space:nowrap}
.wp5b-tot th{background:#EEF3FA}
.wp5b-act{white-space:nowrap}
.wp5b-act .bt+.bt{margin-left:6px}
.wp5b-act .bt,.wp5b-liste .bt{min-height:44px}
.wp5b-masque td,.wp5b-masque{color:#6A7C93;background:#F7F9FB}
.wp5b-masque td{text-decoration:line-through;text-decoration-color:#AFC0D6}
.wp5b-masque td.wp5b-act,.wp5b-masque td:last-child{text-decoration:none}
.wp5b-retard td{background:#FDF3F3}
.wp5b-chg td{background:#EEF3FA;font-weight:700}
.wp5b-pt{display:inline-block;padding:3px 9px;border-radius:10px;background:#E8EEF6;color:#0F2A4A;font-size:11px;font-weight:800;margin:0 4px 0 0;white-space:nowrap}
.wp5b-pt.ok{background:#E3F1E8;color:#14472B}
.wp5b-pt.ko{background:#FBE4E4;color:#8A1C1C}
.wp5b-pt.am{background:#FFF1DC;color:#7A4300}
.wp5b-pt.bl{background:#E3ECF8;color:#123E78}
.wp5b-pt.gris{background:#EEF1F5;color:#4F6478}
.wp5b-gris{color:#4F6478}
.wp5b-case{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#0F2A4A}
.wp5b-case input{width:20px;height:20px;accent-color:#1E5AA8}
.wp5b-vide{color:#4F6478;margin:10px 0}
.wp5b-ok{background:#EEF6F1;border:1px solid #B7D5C3;border-radius:12px;padding:10px 12px;margin:0 0 12px;color:#14472B}
.wp5b-msg{color:#9B1C1C;font-weight:700;min-height:1.2em;margin-top:6px}
.wp5b-fixe{margin:0 0 10px;color:#0F2A4A;line-height:1.5}
.wp5b-sec{border-top:1px solid #E1E8F1;padding-top:12px;margin-top:14px}
.wp5b-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wp5b-al{border:1px solid #C4D3E6;border-left:5px solid #AFC0D6;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:#fff}
.wp5b-al.p-haute{border-left-color:#B3261E}
.wp5b-al.p-normale{border-left-color:#1E5AA8}
.wp5b-al.p-basse{border-left-color:#AFC0D6}
.wp5b-al-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wp5b-al-t b{margin-right:4px}
.wp5b-al-d{font-size:13px;color:#2B405A}
.wp5b-al-x{margin:0;font-size:13px;white-space:pre-line;color:#2B405A}
.wp5b-coul{display:inline-block;width:14px;height:14px;border-radius:4px;border:1px solid #AFC0D6;vertical-align:middle;margin-right:6px;flex:0 0 auto}
.wp5b-regles{margin:6px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}
.wp5b-rech{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;margin:0 0 10px}
.wp5b-rech label{display:flex;flex-direction:column;min-width:0}
.wp5b-rech .ch{width:100%;min-height:44px}
.wp5b-pag{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.wp5b-pag span{margin-right:auto}
.wp5b-pag .bt,.wp5b-plus .bt{min-height:44px}
.wp5b-plus{margin-top:10px}
.wp5b-lien{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wp5b-lien p{margin:0;margin-right:auto;font-size:12px;color:#4F6478}
.wp5b-lien .bt{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.fen .wp5b-msg:empty{display:none}
.wp5b-dt{min-width:520px}
@media (max-width:760px){
  .wp5b{padding:10px;border-radius:12px}
  .wp5b-kpis{grid-template-columns:minmax(0,1fr)}
  .wp5b-barre .wp5b-h{flex:1 1 100%}
  .wp5b-barre .wp5b-bts{margin-left:0;width:100%}
  .wp5b-bts .bt{flex:1 1 auto}
  .wp5b-barre>.bt{flex:1 1 100%}
  .wp5b-on{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}
  .wp5b-f{flex:1 1 auto}
  .wp5b-rech{grid-template-columns:minmax(0,1fr)}
}
/* compléments p5-b */
.wp5b-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.wp5b-carte{border:1px solid #C4D3E6;border-left:5px solid #1E5AA8;border-radius:12px;padding:10px 12px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.wp5b-carte.wp5b-masque{border-left-color:#AFC0D6}
.wp5b-carte h3{margin:0;font-size:15px;font-weight:800;color:#0F2A4A}
.wp5b-carte .wp5b-bts{margin-top:auto}
.wp5b-d{font-size:13px;color:#2B405A;line-height:1.45}
.wp5b-fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 14px;margin:0 0 12px}
.wp5b-fiche>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wp5b-fiche span{font-size:12px;color:#4F6478;font-weight:700}
.wp5b-fiche b{color:#0F2A4A;font-weight:700}
.wp5b-res{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.wp5b-res li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #E1E8F1;border-radius:10px;padding:6px 10px}
.wp5b-res li span{margin-right:auto;min-width:0}
.wp5b-res .bt{min-height:44px}
.wp5b-dos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;padding:10px 12px;border:1px solid #C4D3E6;border-radius:12px;background:#F7F9FB;color:#0F2A4A}
.wp5b-dos>span{margin-right:auto;min-width:0}
.wp5b-dos .bt{min-height:44px;text-decoration:none;display:inline-flex;align-items:center}
.wp5b-fichier{display:flex;flex-direction:column;gap:4px}
.wp5b-fichier input[type=file]{min-height:44px;max-width:100%}
.wp5b-noir{color:#8A1C1C;font-weight:700}
.wp5b-modsel{display:flex;flex-direction:column;gap:2px;margin:0 0 8px}
.wp5b-modsel .ch{width:100%;min-height:44px}
.wp5b-vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.wp5b-vars label{display:flex;flex-direction:column;min-width:0}
.wp5b-vars .ch{min-height:44px;width:100%}
.wp5b-apercu{white-space:pre-line;border:1px dashed #AFC0D6;border-radius:10px;padding:8px 10px;background:#F7F9FB;font-size:13px;color:#0F2A4A;max-height:220px;overflow:auto}
.wp5b-t{min-width:640px}
@media (max-width:760px){ .wp5b-cartes{grid-template-columns:minmax(0,1fr)} .wp5b-dos .bt{flex:1 1 auto} .wp5b-res li .bt{flex:1 1 auto} }
.wp5b-mail{overflow-wrap:break-word}