.collection-strip{background:var(--white,#fff);border:1px solid var(--border,#e6e7e9);border-radius:18px;padding:24px;margin-bottom:24px}.collection-intro h2{font-size:20px;margin:8px 0}.collection-intro p,.collection-strip>small{color:var(--muted,#747984);font-size:12px;line-height:1.7}.collection-strip>small{display:block;margin-top:16px}.collection-buckets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.collection-bucket{border:1px solid #e5e7eb;background:#fafafa;border-radius:12px;text-align:left;padding:14px 16px;cursor:pointer;font:inherit;transition:background .2s,border-color .2s,transform .2s}.collection-bucket:hover{transform:translateY(-2px);border-color:#e4ba00}.collection-bucket.selected{background:#fff6c4;border-color:#e4ba00}.collection-bucket span{font-size:12px;display:block;color:#626774}.collection-bucket strong{font-size:26px;display:block;margin-top:8px}.payment-status{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:8px}.payment-status small,.payment-unrecorded{font-size:11px}.payment-unrecorded{display:block;color:#8a6b25;margin-top:8px;max-width:190px;line-height:1.6}.due-tag{display:table;margin-top:7px}.payment-history-list{display:grid;gap:12px;margin-top:20px;max-height:52vh;overflow:auto}.payment-entry{border:1px solid #e6e7e9;border-radius:12px;padding:18px;overflow-wrap:anywhere}.payment-entry>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-entry>div>strong{font-size:23px}.payment-entry p{font-size:13px;line-height:1.7;margin:10px 0}.payment-entry small{display:block;color:#777;font-size:11px;margin-bottom:12px}.payment-entry.voided{background:#faf7f7}.payment-void-reason{color:#9d4037}.playback-error{display:block;color:#a14234;margin-top:7px}.playback-warning{border:1px solid #e9c56b!important;background:#fffbeb!important}.notice p{margin:6px 0;line-height:1.7}.notice small{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:760px){.collection-buckets{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-bucket:first-child{grid-column:1/-1}.collection-strip{padding:18px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.collection-bucket{transition:none}.collection-bucket:hover{transform:none}}
.payment-entry .btn{margin-top:6px}
@media(max-width:760px){
 .accounts-table:not(.compact),.tv-clients table{display:block;min-width:0;width:100%}
 .accounts-table:not(.compact) thead,.tv-clients table thead{display:none}
 .accounts-table:not(.compact) tbody,.tv-clients table tbody{display:grid;width:100%}
 .accounts-table:not(.compact) tr,.tv-clients table tr{display:grid;padding:20px 16px;gap:13px;border-bottom:1px solid #e8e9eb}
 .accounts-table:not(.compact) td,.tv-clients table td{display:block;width:auto;padding:0;border:0;white-space:normal;min-width:0}
 .accounts-table:not(.compact) td:before,.tv-clients table td:before{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#858995;margin-bottom:6px}
 .accounts-table:not(.compact) td:nth-child(2):before{content:'Paquete'}
 .accounts-table:not(.compact) td:nth-child(3):before,.tv-clients table td:nth-child(3):before{content:'Estado'}
 .accounts-table:not(.compact) td:nth-child(4):before{content:'Vencimiento'}
 .tv-clients table td:nth-child(2):before{content:'Plan y vencimiento'}
 .accounts-table:not(.compact) td .actions,.tv-clients table td .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:8px;margin-top:4px}
 .accounts-table:not(.compact) td .actions .btn,.tv-clients table td .actions .btn{width:100%;padding:9px 6px;justify-content:center;min-width:0}
 .accounts-table:not(.compact) .payment-unrecorded{max-width:none}
}