/* SD ONE — 22/10/2026, PHASE5 p5-a : « Suivi Chorus Pro », bloc Chorus et PDF archivés (détail facture, fiche client), « Demandes reçues »
   (v2-wp5a.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é. */
.wp5a{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}
.wp5a .lib,.wp5a b,.wp5a h3{color:#0F2A4A}
.wp5a-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wp5a-on{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #C4D3E6;background:#F3F6FA;color:#0F2A4A;font-weight:700;font-size:13px;cursor:pointer}
.wp5a-on.on{background:#0F2A4A;border-color:#0F2A4A;color:#fff}
.wp5a-on:focus-visible,.wp5a-f:focus-visible,.wp5a-case input:focus-visible,.wp5a .bt:focus-visible,.wp5a-bloc .bt:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px}
.wp5a-barre{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 12px}
.wp5a-barre .bt{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.wp5a-q{min-height:44px;flex:1 1 220px;min-width:0;max-width:100%}
.wp5a-filtres{display:flex;flex-wrap:wrap;gap:6px}
.wp5a-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}
.wp5a-f.on{background:#1E5AA8;border-color:#1E5AA8;color:#fff}
.wp5a-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.wp5a-kpis>div{border:1px solid #C4D3E6;border-radius:12px;padding:10px 12px;background:#F7F9FB;display:flex;flex-direction:column;gap:2px;min-width:0}
.wp5a-kpis span{font-size:12px;color:#4F6478;font-weight:700}
.wp5a-kpis b{font-size:20px;font-weight:800;color:#0F2A4A;white-space:nowrap}
.wp5a-kpis .ko b{color:#9B1C1C}
.wp5a-kpis .am b{color:#8A5300}
#w5-dk.wp5a-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.wp5a-defile{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.wp5a-t{min-width:820px}
.wp5a-t td{vertical-align:middle}
.wp5a-t .n{text-align:right;white-space:nowrap}
.wp5a-t th{white-space:nowrap}
.wp5a-act{white-space:nowrap}
.wp5a-act .bt{min-height:44px}
.wp5a-act .bt+.bt{margin-left:6px}
.wp5a-ko td{background:#FDF3F3}
.wp5a-masque td{color:#6A7C93;background:#F7F9FB}
.wp5a-pt{display:inline-block;padding:3px 9px;border-radius:10px;background:#E8EEF6;color:#0F2A4A;font-size:11px;font-weight:800;margin:2px 4px 2px 0;white-space:nowrap}
.wp5a-pt.ok{background:#E3F1E8;color:#14472B}
.wp5a-pt.ko{background:#FBE4E4;color:#8A1C1C}
.wp5a-pt.am{background:#FFF1DC;color:#7A4A00}
.wp5a-pt.bl{background:#E1ECFA;color:#123E7A}
.wp5a-pts{display:inline-flex;flex-wrap:wrap;gap:2px;margin-top:2px}
.wp5a-vide{color:#4F6478;padding:14px 4px;margin:0}
.wp5a-bts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.wp5a-bts .bt{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.2;text-decoration:none}
.wp5a-lien{margin-top:8px;min-height:44px}
/* bloc du détail de facture et de la fiche client */
.wp5a-bloc .wp5a-etat p{margin:4px 0}
.wp5a-pdfs{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.wp5a-pdf{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;border:1px solid #C4D3E6;border-radius:12px;padding:8px 10px;background:#fff;min-width:0}
.wp5a-pdf>div:first-child{min-width:0;flex:1 1 220px;overflow-wrap:break-word}
.wp5a-pdf .wp5a-bts{margin:0}
.wp5a-pdf.masque{background:#F7F9FB;color:#6A7C93}
.wp5a-cli{margin:10px 0 4px;padding:10px 12px;border:1px solid #C4D3E6;border-radius:12px;background:#F7F9FB}
.wp5a-cli h2{margin:0 0 6px}
.wp5a-kv{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 12px;margin:6px 0}
.wp5a-kv span{color:#4F6478;font-size:13px;font-weight:700}
.wp5a-kv b{overflow-wrap:break-word}
/* formulaires */
.wp5a-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.wp5a-g .l2,.wp5a-g .l3{grid-column:1/-1}
.wp5a-l{display:flex;flex-direction:column;min-width:0}
.wp5a-l .ch{width:100%;min-height:44px;box-sizing:border-box}
.wp5a-l textarea.ch{min-height:66px}
.wp5a-case{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-weight:700;margin:6px 0}
.wp5a-case input{width:22px;height:22px;flex:0 0 auto}
.wp5a-msg{min-height:18px;margin:8px 0 0;font-size:13px;font-weight:700}
.wp5a-msg.ok{color:#14472B}
.wp5a-msg.am{color:#7A4A00}
.wp5a-msg.ko{color:#9B1C1C}
.wp5a-fen .fp{display:flex;flex-wrap:wrap;gap:8px}
.wp5a-fen .fp .bt{min-height:44px}
/* demandes reçues */
.wp5a-dems{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.wp5a-dem{border:1px solid #C4D3E6;border-radius:14px;padding:12px;background:#fff;min-width:0;display:flex;flex-direction:column}
.wp5a-dem h3{font-size:15px;margin:6px 0 2px;overflow-wrap:break-word}
.wp5a-dem p{margin:4px 0;overflow-wrap:break-word}
.wp5a-dem-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wp5a-dem-h small{color:#4F6478;margin-left:auto;font-size:12px}
.wp5a-dem-c a{color:#1E5AA8;font-weight:700}
.wp5a-dem-m{background:#F3F6FA;border-radius:10px;padding:8px 10px;white-space:pre-wrap;font-size:13px}
.wp5a-dem .wp5a-bts{margin-top:auto;padding-top:8px}
.wp5a-info{margin:14px 0 0;border:1px solid #C4D3E6;border-radius:12px;padding:0 12px;background:#F7F9FB}
.wp5a-info summary{min-height:44px;display:flex;align-items:center;font-weight:800;cursor:pointer}
.wp5a-liste{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.wp5a-ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border:1px solid #C4D3E6;border-radius:12px;padding:8px 10px}
.wp5a-ligne .bt{min-height:44px}
@media (max-width:700px){
  .wp5a{padding:10px}
  .wp5a-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #w5-dk.wp5a-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wp5a-g{grid-template-columns:1fr}
  .wp5a-dems{grid-template-columns:1fr}
  .wp5a-barre>.bt{flex:1 1 100%}
  .wp5a-bts .bt{flex:1 1 calc(50% - 8px)}
  .wp5a-fen .fp .bt{flex:1 1 calc(50% - 8px)}
  .wp5a-kv{grid-template-columns:1fr}
}
/* thème sombre éventuel : les blocs restent lisibles (fond blanc, texte bleu nuit) */
[data-theme] .wp5a,[data-theme] .wp5a-dem,[data-theme] .wp5a-pdf{color:#0F2A4A}