/* SD ONE — 22/10/2026, PHASE4 p4-p2a : « Règlements clients », « Bons de commission et paiements fournisseurs », « Alertes et tâches »,
   « Journal des modifications » (v2-wp2a.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é. */
.wp2a{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}
.wp2a .lib,.wp2a b,.wp2a h2,.wp2a h3{color:#0F2A4A}
.wp2a-h{font-family:var(--titre,Montserrat,sans-serif);font-size:16px;font-weight:800;margin:0;color:#0F2A4A}
.wp2a-h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;margin:12px 0 6px;color:#0F2A4A}
.wp2a-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wp2a-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}
.wp2a-on.on{background:#0F2A4A;border-color:#0F2A4A;color:#fff}
.wp2a-on:focus-visible,.wp2a-f:focus-visible,.wp2a-case input:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px}
.wp2a-barre{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:6px 0 10px}
.wp2a-barre .wp2a-h{margin-right:auto;align-self:center}
.wp2a-barre .wp2a-bts{margin-left:auto}
.wp2a-bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wp2a-bts .bt,.wp2a-barre>.bt{min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.wp2a-filtres{display:flex;flex-wrap:wrap;gap:6px}
.wp2a-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}
.wp2a-f.on{background:#1E5AA8;border-color:#1E5AA8;color:#fff}
.wp2a-l{display:flex;flex-direction:column;min-width:0;flex:1 1 220px}
.wp2a-l .ch{width:100%;min-height:44px}
.wp2a-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.wp2a-kpis>div{border:1px solid #C4D3E6;border-radius:12px;padding:10px 12px;background:#F7F9FB;display:flex;flex-direction:column;gap:2px;min-width:0}
.wp2a-kpis span{font-size:12px;color:#4F6478;font-weight:700}
.wp2a-kpis b{font-size:20px;font-weight:800;color:#0F2A4A;white-space:nowrap}
.wp2a-kpis small{font-size:12px;color:#4F6478}
.wp2a-kpis .ko b{color:#9B1C1C}
.wp2a-defile{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.wp2a-t{min-width:720px}
.wp2a-t td{vertical-align:middle}
.wp2a-t .n{text-align:right;white-space:nowrap}
.wp2a-t th{white-space:nowrap}
.wp2a-tot th{background:#EEF3FA}
.wp2a-act{white-space:nowrap}
.wp2a-act .bt+.bt{margin-left:6px}
.wp2a-act .bt,.wp2a-liste .bt{min-height:44px}
.wp2a-masque td,.wp2a-masque{color:#6A7C93;background:#F7F9FB}
.wp2a-masque td{text-decoration:line-through;text-decoration-color:#AFC0D6}
.wp2a-masque td.wp2a-act,.wp2a-masque td:last-child{text-decoration:none}
.wp2a-retard td{background:#FDF3F3}
.wp2a-chg td{background:#EEF3FA;font-weight:700}
.wp2a-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}
.wp2a-pt.ok{background:#E3F1E8;color:#14472B}
.wp2a-pt.ko{background:#FBE4E4;color:#8A1C1C}
.wp2a-pt.am{background:#FFF1DC;color:#7A4300}
.wp2a-pt.bl{background:#E3ECF8;color:#123E78}
.wp2a-pt.gris{background:#EEF1F5;color:#4F6478}
.wp2a-gris{color:#4F6478}
.wp2a-case{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:#0F2A4A}
.wp2a-case input{width:20px;height:20px;accent-color:#1E5AA8}
.wp2a-vide{color:#4F6478;margin:10px 0}
.wp2a-ok{background:#EEF6F1;border:1px solid #B7D5C3;border-radius:12px;padding:10px 12px;margin:0 0 12px;color:#14472B}
.wp2a-msg{color:#9B1C1C;font-weight:700;min-height:1.2em;margin-top:6px}
.wp2a-fixe{margin:0 0 10px;color:#0F2A4A;line-height:1.5}
.wp2a-sec{border-top:1px solid #E1E8F1;padding-top:12px;margin-top:14px}
.wp2a-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wp2a-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}
.wp2a-al.p-haute{border-left-color:#B3261E}
.wp2a-al.p-normale{border-left-color:#1E5AA8}
.wp2a-al.p-basse{border-left-color:#AFC0D6}
.wp2a-al-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wp2a-al-t b{margin-right:4px}
.wp2a-al-d{font-size:13px;color:#2B405A}
.wp2a-al-x{margin:0;font-size:13px;white-space:pre-line;color:#2B405A}
.wp2a-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}
.wp2a-regles{margin:6px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}
.wp2a-rech{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;margin:0 0 10px}
.wp2a-rech label{display:flex;flex-direction:column;min-width:0}
.wp2a-rech .ch{width:100%;min-height:44px}
.wp2a-pag{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.wp2a-pag span{margin-right:auto}
.wp2a-pag .bt,.wp2a-plus .bt{min-height:44px}
.wp2a-plus{margin-top:10px}
.wp2a-lien{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wp2a-lien p{margin:0;margin-right:auto;font-size:12px;color:#4F6478}
.wp2a-lien .bt{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.fen .wp2a-msg:empty{display:none}
.wp2a-dt{min-width:520px}
@media (max-width:760px){
  .wp2a{padding:10px;border-radius:12px}
  .wp2a-kpis{grid-template-columns:minmax(0,1fr)}
  .wp2a-barre .wp2a-h{flex:1 1 100%}
  .wp2a-barre .wp2a-bts{margin-left:0;width:100%}
  .wp2a-bts .bt{flex:1 1 auto}
  .wp2a-barre>.bt{flex:1 1 100%}
  .wp2a-on{flex:1 1 calc(50% - 8px);justify-content:center;text-align:center}
  .wp2a-f{flex:1 1 auto}
  .wp2a-rech{grid-template-columns:minmax(0,1fr)}
}
