/* Cobros: prototipo local con el sistema visual de la plataforma. */
.collection-review-form .collection-detail-data{padding:0}.collection-review-form .form-tab-panel>h2{display:none}
.collection-summary{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.collection-summary>div{flex:1;min-width:180px;background:white;border:1px solid var(--line);border-radius:10px;padding:14px 18px}.collection-summary small{display:block;color:var(--muted);font-size:14px}.collection-summary strong{display:block;font-size:23px;margin:4px 0}.collection-tabs{overflow-x:auto;flex-wrap:nowrap}.collection-tabs .tab{white-space:nowrap}.collection-toolbar{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;align-items:end}.collection-toolbar>div{flex:1;min-width:150px}.collection-toolbar>.collection-search{flex:2;min-width:240px}.collection-toolbar select,.collection-dialog select{font:inherit;color:var(--ink);padding:11px;border:1px solid #cdd2d8;border-radius:8px;background:white;width:100%;min-width:0}.collection-sub{display:block;color:var(--muted);font-size:14px;margin-top:3px}.collection-actions{display:flex;gap:10px;flex-wrap:wrap}.collection-dialog{border:0;padding:0;border-radius:14px;width:760px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:0 24px 90px #0004}.collection-dialog::backdrop{background:#12171c99}.collection-dialog .form{max-width:none}.collection-dialog .form-tabs{overflow-x:auto;flex-wrap:nowrap}.collection-dialog .form-tabs .tab{white-space:nowrap}.collection-dialog textarea{font:inherit;width:100%;padding:12px;border:1px solid #cdd2d8;border-radius:8px;resize:vertical}.collection-sale-combo{position:relative}.collection-sale-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:3;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #17212b26;max-height:250px;overflow:auto}.collection-sale-options[hidden]{display:none}.collection-sale-option{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:white;color:var(--ink);padding:12px;text-align:left;font:inherit;cursor:pointer}.collection-sale-option:hover,.collection-sale-option[aria-selected=true]{background:#fff0df}.collection-sale-option strong,.collection-sale-option span{display:block}.collection-sale-option span{font-size:14px;color:var(--muted);margin-top:3px}.collection-sale-options>p{padding:12px}.collection-balance{padding:14px 16px;background:#f1f4f7;border-radius:8px;margin:18px 0}.collection-balance p{margin:4px 0}.collection-attachment{padding:14px;border:1px solid var(--line);border-radius:8px;margin:14px 0;overflow-wrap:anywhere}.collection-resolution{padding:18px;border-top:1px solid var(--line)}.collection-resolution .notice{margin-top:14px}.collection-detail-data{padding:20px 24px}.collection-detail-data dl{display:grid;grid-template-columns:minmax(110px,1fr) 2fr;gap:10px 18px;margin:0}.collection-detail-data dt{color:var(--muted)}.collection-detail-data dd{margin:0;overflow-wrap:anywhere}.collection-conflict{border:1px solid #e3b2ac;border-radius:8px;padding:12px;background:#fff3f1;margin:12px 0}.collection-conflict:empty{display:none}.collection-conflict .text-button{display:block;margin-top:8px}.collection-review-note{margin-top:12px}.collection-dialog input[type=file]{max-width:100%}
@media(max-width:720px){.collection-summary{gap:8px}.collection-summary>div{min-width:0;flex-basis:100%;padding:12px 16px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.collection-summary strong{font-size:20px;grid-column:2;grid-row:1/3;margin:0}.collection-toolbar{padding:16px;align-items:stretch}.collection-toolbar>div,.collection-toolbar>.collection-search,.collection-toolbar>.button{min-width:0;flex-basis:100%;width:100%}.collection-tabs .tab{padding:14px 12px}.collection-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.collection-dialog .form,.collection-detail-data{padding:16px}.collection-dialog .form-footer>.button{flex:1}.collection-actions{width:100%}.collection-actions>.button{flex:1}.collection-dialog .request-dialog-header{align-items:start}.collection-detail-data dl{grid-template-columns:1fr 1.6fr;gap:10px}.collection-resolution{padding:16px}#collection-list td:first-child,#collection-list td:last-child{grid-column:1/-1}#collection-list .record-actions{display:flex;flex-wrap:wrap;gap:8px}}
.collection-summary>.collection-filter-card{flex:1;min-width:220px;text-align:left;font:inherit;color:var(--ink);background:#fff;border:2px solid #dce3e9;border-radius:14px;padding:18px 20px;cursor:pointer;box-shadow:0 3px 10px #26364008;transition:background .15s,border-color .15s,box-shadow .15s}
.collection-summary>.collection-filter-card:hover{border-color:#d89b67;box-shadow:0 4px 14px #9e4d1415}
.collection-summary>.collection-filter-card[aria-pressed=true]{background:#fff0df;border-color:#c9651b;box-shadow:inset 0 3px #c9651b,0 4px 12px #9e4d1410}
.collection-filter-card:focus-visible{outline:3px solid #ad4a10;outline-offset:3px}
.collection-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.collection-card-label{font-size:17px;font-weight:700;flex:1}.collection-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:#edf2f6;color:#365064}.collection-card-icon svg{width:24px;height:24px}.collection-filter-card[aria-pressed=true] .collection-card-icon{background:#ffdbb6;color:#9d400b}.collection-card-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #a9b7c1;border-radius:50%;font-size:16px;color:#617583}.collection-filter-card[aria-pressed=true] .collection-card-check{background:#b84a0c;border-color:#b84a0c;color:white}.collection-summary .collection-filter-card strong{font-size:29px;line-height:1.25;margin:0 0 3px}.collection-card-caption{display:block;font-size:13px;color:#5c6873;margin-bottom:12px}.collection-summary .collection-filter-card small{border-top:1px solid #d8dfe5;padding-top:10px;font-size:13px}
@media(max-width:720px){.collection-summary>.collection-filter-card{min-width:0;flex-basis:100%;padding:14px 16px}.collection-card-heading{margin-bottom:8px}.collection-summary .collection-filter-card strong{font-size:25px}.collection-card-caption{margin-bottom:8px}}
.collection-filter-card[data-collection-category=cash]{--card-accent:#16735c;--card-soft:#e2f5eb;--card-border:#80bea9;--card-icon:#c2e9d6}
.collection-filter-card[data-collection-category=transfer]{--card-accent:#255fa3;--card-soft:#e7f0fc;--card-border:#8aadd6;--card-icon:#caddf7}
.collection-filter-card[data-collection-category=pending]{--card-accent:#a95708;--card-soft:#fff0d8;--card-border:#deb372;--card-icon:#ffe0aa}
.collection-summary>.collection-filter-card{position:relative;overflow:hidden;border:1px solid var(--card-border);border-top:5px solid var(--card-accent);border-radius:16px;background:linear-gradient(135deg,var(--card-soft),#fff 85%);box-shadow:0 4px 14px #2636400a}
.collection-summary>.collection-filter-card:hover{border-color:var(--card-accent);box-shadow:0 6px 18px #26364018}
.collection-summary>.collection-filter-card[aria-pressed=true]{background:linear-gradient(135deg,var(--card-soft),#fff 140%);border:2px solid var(--card-accent);border-top-width:5px;box-shadow:0 5px 16px #26364012}
.collection-filter-card .collection-card-icon,.collection-filter-card[aria-pressed=true] .collection-card-icon{width:44px;height:44px;background:var(--card-icon);color:var(--card-accent);border-radius:13px}
.collection-filter-card .collection-card-label,.collection-summary .collection-filter-card strong{color:var(--card-accent)}
.collection-filter-card .collection-card-check{border-color:var(--card-accent);color:var(--card-accent);background:#fff}
.collection-filter-card[aria-pressed=true] .collection-card-check{background:var(--card-accent);border-color:var(--card-accent);color:#fff}
.collection-filter-card:focus-visible{outline-color:var(--card-accent)}
.date-filter-error{padding:0 22px 16px;margin:0}
.collection-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) repeat(2,minmax(140px,1fr)) auto}
.collection-toolbar>div,.collection-toolbar>.collection-search{min-width:0}
@media(max-width:1200px){.collection-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-toolbar>.collection-search{grid-column:span 2}}
@media(max-width:720px){.collection-toolbar{grid-template-columns:minmax(0,1fr)}.collection-toolbar>.collection-search{grid-column:auto}}
.collection-summary>.collection-filter-card{padding:12px 16px}
.collection-filter-card .collection-card-heading{margin-bottom:6px;gap:10px}
.collection-filter-card .collection-card-icon,.collection-filter-card[aria-pressed=true] .collection-card-icon{width:34px;height:34px;border-radius:10px}
.collection-filter-card .collection-card-icon svg{width:21px;height:21px}
.collection-summary .collection-filter-card strong{font-size:25px;margin:0}
.collection-summary>.collection-filter-card[aria-pressed=false]{border:2px solid transparent;border-top:5px solid var(--card-accent)}
@media(max-width:720px){.collection-summary>.collection-filter-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;min-height:66px}.collection-filter-card .collection-card-heading{margin:0}.collection-card-label{font-size:16px}.collection-summary .collection-filter-card strong{font-size:21px}}
.collection-filter-card .collection-card-check{flex-shrink:0}
@media(max-width:720px){.collection-filter-card .collection-card-heading{flex:1;min-width:0}.collection-filter-card .collection-card-check{position:absolute;right:10px;top:8px;width:18px;height:18px;font-size:12px}.collection-summary>.collection-filter-card{padding-right:36px}.collection-filter-card .collection-card-label{font-size:15px}.collection-summary .collection-filter-card strong{font-size:20px}}
.collection-filter-card[data-collection-category=rejected]{--card-accent:#ac303e;--card-soft:#fce9ec;--card-border:#d69ba2;--card-icon:#f4c9d0}
.collection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.collection-summary>.collection-filter-card{min-width:0}
@media(max-width:1050px){.collection-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.collection-summary{grid-template-columns:minmax(0,1fr)}}
