/* Public Payment Proofs: ten records per server-rendered page. */
.ot-proofs-page{max-width:1240px;margin:0 auto;padding:50px clamp(16px,4vw,48px) 72px}
.ot-proofs-heading{margin-bottom:29px}
.ot-proofs-heading h1{font-size:clamp(30px,4vw,43px);margin:0 0 12px;letter-spacing:-.025em;color:#251b3e}
.ot-proofs-heading p{max-width:800px;line-height:1.7;color:#5f6375;margin:0}
.ot-proofs-summary{color:#575f78;font-size:14px;margin:0 0 18px}
.ot-proofs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.ot-proof-card{min-width:0;background:#fff;border:1px solid #e7e2f1;border-radius:20px;padding:24px;box-shadow:0 12px 32px rgba(34,26,68,.07);display:flex;flex-direction:column;gap:13px}
.ot-proof-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ot-proof-status{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 11px;color:#08795f;background:#e5f8f0;font-size:12px;font-weight:800}
.ot-proof-method{font-size:12px;color:#6e559c;font-weight:800}
.ot-proof-member{font-size:16px;font-weight:800;margin:2px 0 0;color:#372e51}
.ot-proof-amount{font-size:28px;font-weight:900;letter-spacing:-.025em;line-height:1.1;color:#6b46c1}
.ot-proof-amount small{font-size:13px;font-weight:800;letter-spacing:0}
.ot-proof-reference{border-top:1px solid #eeebf5;padding-top:14px;margin-top:auto;min-width:0}
.ot-proof-reference span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#777089;margin-bottom:6px}
.ot-proof-reference code{display:block;font-size:12px;line-height:1.5;color:#3e4358;overflow-wrap:anywhere;word-break:break-word;background:#f6f5fb;border-radius:9px;padding:10px}
.ot-proof-date{font-size:12px;color:#6d7283}
.ot-proofs-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:32px 0 0}
.ot-proofs-pager a,.ot-proofs-pager strong{min-width:40px;text-align:center;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 14px;border-radius:11px;border:1px solid #e0dceb;background:#fff;color:#3a3250;font-size:13px;font-weight:800}
.ot-proofs-pager strong{background:#6847c0;color:#fff;border-color:#6847c0}
.ot-proofs-pager a:hover,.ot-proofs-pager a:focus-visible{border-color:#8767dc;background:#f1edfc;color:#4a2d99}
.ot-proofs-pager span{padding:0 5px;color:#7a7f8f}
.ot-proofs-empty{text-align:center;padding:50px 20px;background:#fff;border:1px dashed #d6cdeb;border-radius:18px;color:#5f6375}
@media(max-width:950px){.ot-proofs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.ot-proofs-grid{grid-template-columns:1fr}.ot-proofs-page{padding-top:30px}.ot-proof-card{padding:20px}}