/* Encaissement Mobile Money (CinetPay) */
.py-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;min-height:42px;flex-wrap:wrap}
.py-badge{font-size:11.5px;font-weight:700;background:rgba(255,255,255,.22);border-radius:999px;padding:2px 8px}
.py-modal{width:min(820px,100%)}
.py-intro{margin:0}
#payBody{display:flex;flex-direction:column;gap:12px}
.py-sec{margin:6px 0 -4px;display:flex;justify-content:space-between}
.py-list{display:flex;flex-direction:column;gap:10px}
.py-row{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.py-row.py-focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,63,168,.12)}
.py-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.py-num{font-size:15px}
.py-amt{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}
.py-amt b{font-size:17px;color:var(--blue)}
.py-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.py-btns .btn,.py-btns .icon{min-height:38px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.py-wa{background:#128C4B;color:#fff}
.py-link{display:flex;flex-direction:column;gap:4px;min-width:0}
.py-url,.py-copyrow input{width:100%;min-width:0;font:600 13px var(--font);color:var(--ink);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:9px 10px}
.py-mail,.py-part{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.py-mail .f,.py-part .f{flex:1 1 220px;display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.py-mail input,.py-part input{font-size:16px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-height:40px}
.py-mail .btn,.py-part .btn{min-height:40px}
.py-note{margin:-4px 0 0}
.py-hist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.py-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
.py-h:first-child{border-top:0}
.py-hr{display:flex;align-items:center;gap:8px;flex:none}
.py-urlf{display:flex;flex-direction:column;gap:4px}
.py-urlf>span{font-size:12px;font-weight:700;color:var(--muted)}
.py-copyrow{display:flex;gap:8px}
.py-copyrow .btn{flex:none;min-height:38px}
.py-cfgbtns{gap:8px;flex-wrap:wrap}
.py-cfgbtns .btn,.py-cfgbtns .icon{min-height:38px}
.py-guide{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--sunk)}
.py-guide summary{cursor:pointer;font-weight:700;color:var(--blue);min-height:28px;display:flex;align-items:center}
.py-guide ol{margin:10px 0 4px;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.5}
@media (max-width:760px){
  .py-row{padding:12px}
  .py-head{flex-direction:column;gap:6px}
  .py-amt{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
  .py-btns{display:grid;grid-template-columns:1fr 1fr}
  .py-btns .btn.aiv,.py-btns .py-wa{grid-column:1/-1;order:-1}
  .py-btns .btn,.py-btns .icon{min-height:42px;white-space:normal;text-align:center}
  .py-url{font-size:16px}
  .py-h{flex-direction:column;align-items:flex-start}
  .py-hr{width:100%}
  .py-hr b{flex:1}
  .py-copyrow input{font-size:16px}
  .py-mail .btn,.py-part .btn{flex:1 1 100%}
}