.invoice-collection .section-head p{margin:6px 0 0;color:var(--muted,#777);font-size:12px}
.collection-filters{display:grid;gap:14px;padding:16px;margin:18px 0 20px;border:1px solid var(--skin-line, #f3dfd0);border-radius:14px;background:#fffcf9}
.collection-search{display:flex;gap:8px;align-items:center}.collection-search input{flex:1;min-width:100px}
.collection-period{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.collection-period label{display:grid;gap:5px;min-width:95px;font-size:12px}.collection-period label[hidden]{display:none}.collection-period input[type=number]{width:110px}.collection-result-count{margin-left:auto;align-self:center;color:#777;font-size:12px}
.collection-period-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.collection-period-title h3{margin:0}.collection-period-title>span{font-size:12px;color:#777}
.collection-summary{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 20px}.collection-summary article{padding:12px 16px;min-width:340px;background:#faf8f5;border:1px solid var(--skin-line, #ede7df);border-radius:10px}.collection-summary article>span{font-size:12px;color:#777}.collection-summary article>div{display:flex;gap:28px;margin-top:8px}.collection-summary article>div>span{display:grid;gap:4px;font-size:11px;color:#777}.collection-summary strong{font-size:14px;color:#262626}
.collection-register-scroll{max-height:680px;overflow:auto}.invoice-collection .table-scroll{overflow:auto}.collection-register-scroll>table{min-width:1360px}.collection-register-scroll>table>thead{position:sticky;top:0;z-index:1;background:#fff}.collection-register-scroll td{vertical-align:top}.collection-register-scroll td:nth-child(3),.collection-register-scroll td:nth-child(4){min-width:140px;max-width:210px}.collection-register-scroll td:nth-child(11){min-width:170px}.collection-register-scroll small{display:block;color:#777;margin-top:5px}.collection-status{font-size:10px;color:#6b716c}.collection-status.needs-review{color:#a85d16}.collection-review-note{max-width:230px;color:#a85d16!important}.collection-review-row{background:#fffaf3}.collection-detail-row[hidden]{display:none}
.collection-invoice-detail{padding:18px 22px;background:#fbfaf7;border:1px solid #e8e3dc;border-radius:10px}.collection-invoice-detail h4{margin:0 0 14px}.collection-detail-fields{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin-bottom:18px}.collection-detail-fields>div{display:grid;gap:4px;white-space:normal;overflow-wrap:anywhere}.collection-detail-fields small{margin:0;font-size:11px}.collection-invoice-detail table{width:100%;min-width:750px}.collection-detail-totals{display:flex;justify-content:flex-end;gap:28px;margin-top:16px}
.collection-month-breakdown{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}.collection-month-breakdown>span{padding:6px 12px;border:1px solid #e8e3dc;border-radius:8px;font-size:12px}.collection-pending{margin-top:22px;border-top:1px solid #e8e3dc;padding-top:14px}.collection-pending summary{cursor:pointer;color:#8d6544}.collection-pending table{min-width:1000px}
@media(max-width:700px){.collection-filters{padding:12px}.collection-search{flex-wrap:wrap}.collection-search input{flex-basis:100%}.collection-summary article{min-width:0;flex:1}.collection-summary article>div{gap:15px}.collection-detail-fields{grid-template-columns:repeat(2,minmax(120px,1fr))}.collection-result-count{margin-left:0}.collection-detail-totals{flex-wrap:wrap;gap:12px}}

.collection-register-scroll>table>thead th:nth-child(1){width:135px}.collection-register-scroll>table>thead th:nth-child(2){width:130px}.collection-register-scroll>table>thead th:nth-child(3){width:130px}.collection-register-scroll>table>thead th:nth-child(4){width:180px}.collection-register-scroll>table>thead th:nth-child(5){width:80px}.collection-register-scroll>table>thead th:nth-child(6),.collection-register-scroll>table>thead th:nth-child(7){width:90px}.collection-register-scroll>table>thead th:nth-child(8){width:130px}.collection-register-scroll>table>thead th:nth-child(9),.collection-register-scroll>table>thead th:nth-child(10){width:95px}.collection-register-scroll>table>thead th:nth-child(11){width:175px}

.credit-note-dialog{width:min(1000px,94vw);max-height:90vh;overflow:auto;border:1px solid #eadfd5;border-radius:14px;padding:24px}.credit-note-dialog::backdrop{background:#0006}.credit-note-dialog form{display:grid;gap:14px}.credit-note-dialog label{display:grid;gap:6px}.credit-note-dialog table{min-width:750px;width:100%}.credit-note-dialog td input{width:110px}.credit-note-dialog [role=alert]{color:#b91c1c}
