/* SD ONE — 22/10/2026, PHASE9 p9-facturation : écran « Comptabilité et Pennylane » (v2-wp9f.js).
   Charte d'Hassan : bleu nuit #0F2A4A / #081830, bleu #1E5AA8, argent #AFC0D6 / #C4D3E6, blanc ; Montserrat (titres, boutons), Manrope (texte).
   Zones cliquables d'au moins 44 px, téléphone d'abord (390 px), aucun mot coupé (overflow-wrap:break-word), pas de défilement horizontal de la page. */
.wp9f{color:#0F2A4A;font-family:Manrope,system-ui,sans-serif;min-width:0;max-width:100%;overflow-wrap:break-word;word-break:normal;hyphens:manual;display:flex;flex-direction:column;gap:14px}
.wp9f *,.wp9f-fen .fc *{overflow-wrap:break-word;word-break:normal;hyphens:manual;box-sizing:border-box}
.wp9f-sec{background:#fff;border:1px solid #C4D3E6;border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(8,24,48,.10);min-width:0}
.wp9f h3,.wp9f h4,.wp9f-fen h4{font-family:Montserrat,system-ui,sans-serif;color:#0F2A4A;margin:0 0 10px}
.wp9f h3{font-size:16px;font-weight:800}
.wp9f h4{font-size:14px;font-weight:700;margin-top:14px}
.wp9f p{margin:4px 0 8px;line-height:1.45}
.wp9f .bt,.wp9f-fen .bt{font-family:Montserrat,system-ui,sans-serif;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.2;max-width:100%}
.wp9f .bt.petit{min-height:44px;padding:0 12px}
.wp9f .bt:focus-visible,.wp9f-on:focus-visible,.wp9f input:focus-visible,.wp9f summary:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px}
.wp9f .bt[disabled]{opacity:.5;cursor:not-allowed}
.wp9f-bts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.wp9f-barre{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:6px 0 10px}
.wp9f-l{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 160px}
.wp9f-l .lib{font-size:12px;font-weight:700;color:#4F6478}
.wp9f-l .ch{min-height:44px;width:100%;max-width:100%;border:1px solid #AFC0D6;border-radius:10px;padding:0 12px;font:inherit;color:#0F2A4A;background:#fff}
.wp9f-g{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0}
.wp9f-note{font-size:13px;color:#4F6478}
.wp9f-alerte{background:#FFF7EC;border:1px solid #E7C38D;color:#7A4A0B;border-radius:10px;padding:8px 10px;font-size:13px}
.wp9f-vide{color:#4F6478;font-style:italic}
.wp9f-msg{min-height:1.2em;font-size:13px;font-weight:700}
.wp9f-msg.ok{color:#1D6F42}.wp9f-msg.ko{color:#C62828}
.wp9f-pt{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#E7ECF2;color:#0F2A4A;border:1px solid #C4D3E6;white-space:nowrap}
.wp9f-pt.ok{background:#E3F2E8;border-color:#A9D3B7;color:#1D6F42}
.wp9f-pt.am{background:#FFF1DE;border-color:#E7C38D;color:#7A4A0B}
.wp9f-pt.ko{background:#FDE7E7;border-color:#F0B3B3;color:#9B1C1C}
.wp9f-pt.bl{background:#E4EEFA;border-color:#AFC0D6;color:#1E5AA8}
/* numérotation */
.wp9f-nums{display:grid;grid-template-columns:1fr;gap:10px}
.wp9f-num{border:1px solid #C4D3E6;border-radius:12px;padding:10px 12px;background:#F7F9FB;min-width:0}
.wp9f-num-t{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:13px;margin-bottom:6px}
.wp9f-num dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.wp9f-num dl>div{min-width:0}
.wp9f-num dt{font-size:12px;color:#4F6478;font-weight:700}
.wp9f-num dd{margin:0;font-weight:700}
.wp9f-num .fort dd b{font-family:Montserrat,system-ui,sans-serif;font-size:20px;color:#1E5AA8}
.wp9f-liste{display:flex;flex-direction:column;gap:8px}
.wp9f-carte-l{display:grid;grid-template-columns:1fr;gap:6px;border:1px solid #C4D3E6;border-radius:12px;padding:10px 12px;background:#fff}
.wp9f-m{font-weight:800;font-family:Montserrat,system-ui,sans-serif}
/* cartes Pennylane */
.wp9f-cartes{display:grid;grid-template-columns:1fr;gap:12px}
.wp9f-carte{border:1px solid #AFC0D6;border-radius:14px;padding:12px;background:linear-gradient(180deg,#F7F9FB 0%,#fff 60%);min-width:0;display:flex;flex-direction:column;gap:6px}
.wp9f-carte header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #C4D3E6;padding-bottom:8px}
.wp9f-carte header h4{margin:0;font-size:15px}
.wp9f-sous{font-size:13px;color:#4F6478}
.wp9f-inter{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;margin:4px 0}
.wp9f-inter input{position:absolute;opacity:0;width:44px;height:28px;margin:0}
.wp9f-glis{flex:0 0 auto;width:46px;height:28px;border-radius:999px;background:#C4D3E6;position:relative;transition:background .15s}
.wp9f-glis::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(8,24,48,.35);transition:left .15s}
.wp9f-inter input:checked+.wp9f-glis{background:#1E5AA8}
.wp9f-inter input:checked+.wp9f-glis::after{left:21px}
.wp9f-inter input:focus-visible+.wp9f-glis{outline:3px solid #1E5AA8;outline-offset:2px}
.wp9f details{border-top:1px solid #E7ECF2;padding-top:6px}
.wp9f summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer;color:#1E5AA8;font-family:Montserrat,system-ui,sans-serif;font-size:13px}
.wp9f-aide ol{margin:4px 0 6px;padding-left:20px;line-height:1.5;font-size:13px}
/* factures */
.wp9f-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.wp9f-on{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;font-family:Montserrat,system-ui,sans-serif}
.wp9f-on.on{background:#0F2A4A;border-color:#0F2A4A;color:#fff}
.wp9f-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px}
.wp9f-kpis>div{border:1px solid #C4D3E6;border-radius:12px;padding:8px 10px;background:#F7F9FB;display:flex;flex-direction:column;min-width:0}
.wp9f-kpis span{font-size:12px;color:#4F6478;font-weight:700}
.wp9f-kpis b{font-size:20px;font-family:Montserrat,system-ui,sans-serif}
.wp9f-defile{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.wp9f-t{width:100%;border-collapse:collapse;font-size:13px}
.wp9f-t th,.wp9f-t td{padding:8px;border-bottom:1px solid #E7ECF2;text-align:left;vertical-align:top}
.wp9f-t th{font-family:Montserrat,system-ui,sans-serif;font-size:12px;color:#4F6478;background:#F7F9FB}
.wp9f-t .n,.wp9f-fen .n{text-align:right;white-space:nowrap}
.wp9f-case{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer}
.wp9f-case input{width:20px;height:20px;accent-color:#1E5AA8}
.wp9f-fen .mini-t{width:100%;font-size:13px}
/* téléphone : chaque facture devient une petite carte (pas de défilement horizontal) */
@media (max-width:700px){
  .wp9f-t thead{display:none}
  .wp9f-t,.wp9f-t tbody,.wp9f-t tr,.wp9f-t td{display:block;width:100%}
  .wp9f-t tr{border:1px solid #C4D3E6;border-radius:12px;margin:0 0 8px;padding:4px 8px;background:#fff}
  .wp9f-t td{border:0;padding:4px 0;display:flex;gap:8px;justify-content:space-between;align-items:flex-start;text-align:right}
  .wp9f-t td[data-l]:not([data-l=""])::before{content:attr(data-l);font-weight:700;color:#4F6478;font-size:12px;text-align:left;flex:0 0 auto}
  .wp9f-t td.n{white-space:normal}
  .wp9f-t td[data-l=""]{justify-content:flex-start}
}
@media (min-width:701px){
  .wp9f-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp9f-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wp9f-carte-l{grid-template-columns:1fr auto auto;align-items:center}
  .wp9f-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1100px){
  .wp9f-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
}