/* Kaio Eletro Control v0.1.5 — Central de Cobrança */
.collection-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#101828 0%,#163c89 68%,#2159d1 100%);color:#fff;border:0;overflow:hidden;position:relative}
.collection-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-75px;top:-110px;background:rgba(255,255,255,.08)}
.collection-hero-copy{position:relative;z-index:1;max-width:760px}
.collection-hero h2{margin:0 0 6px;font-size:23px}.collection-hero p{margin:0;color:#d6e3ff;line-height:1.6}
.collection-hero .button{position:relative;z-index:1;flex:0 0 auto;border-color:#fff;background:#fff;color:#163c89}
.collection-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.collection-metric{display:grid;gap:5px;min-height:116px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.collection-metric:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,24,40,.08);border-color:#b9cdf8}
.collection-metric span{color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.collection-metric strong{font-size:25px;line-height:1.2}.collection-metric small{color:var(--muted);font-size:12px}
.collection-metric.danger strong{color:var(--red)}.collection-metric.today strong{color:var(--yellow)}.collection-metric.upcoming strong{color:var(--primary)}.collection-metric.total strong{color:var(--green)}
.collection-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(175px,.7fr) minmax(150px,.55fr) minmax(150px,.55fr) auto auto;gap:10px;align-items:end}
.collection-filters label{font-size:12px;color:var(--muted)}.collection-filters .button{height:43px;margin:0}
.collection-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.collection-results-head h2{margin:0;font-size:18px}.collection-results-head span{color:var(--muted);font-size:13px}
.collection-list{display:grid;gap:11px}
.collection-item{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(150px,.75fr) minmax(145px,.7fr) minmax(210px,1fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-left:5px solid #98a2b3;border-radius:15px;padding:16px 17px;box-shadow:0 2px 8px rgba(16,24,40,.025)}
.collection-item.is-overdue{border-left-color:var(--red)}.collection-item.is-today{border-left-color:#e9a23b}.collection-item.is-upcoming{border-left-color:var(--primary)}
.collection-client{display:grid;gap:3px;min-width:0}.collection-client strong{font-size:15px;overflow-wrap:anywhere}.collection-client span,.collection-client small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.collection-due{display:grid;gap:4px}.collection-due strong{font-size:14px}.collection-due span{font-size:12px;font-weight:750}.collection-due .late{color:var(--red)}.collection-due .today{color:var(--yellow)}.collection-due .future{color:var(--primary)}
.collection-value{display:grid;gap:4px}.collection-value span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.collection-value strong{font-size:20px}.collection-value small{color:var(--muted);font-size:11px}
.collection-control{display:grid;gap:9px;justify-items:start}.collection-pix-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#eef2f6;color:#475467;font-size:11px;font-weight:750}.collection-pix-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#98a2b3}.collection-pix-status.pending:before,.collection-pix-status.in_process:before{background:#e9a23b}.collection-pix-status.approved:before{background:var(--green)}.collection-pix-status.expired:before,.collection-pix-status.cancelled:before,.collection-pix-status.rejected:before{background:var(--red)}
.collection-actions{display:flex;gap:7px;flex-wrap:wrap}.collection-actions .button{padding:8px 10px;border-radius:9px;font-size:12px}.collection-actions .button.primary{background:var(--primary);color:#fff}.collection-actions .button.soft{background:var(--primary-soft);border-color:#cbd9f6;color:var(--primary)}
.collection-empty{text-align:center;padding:38px 20px}.collection-empty strong{display:block;font-size:18px;margin-bottom:5px}.collection-empty span{color:var(--muted)}
.collection-count-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:750}
@media(max-width:1120px){.collection-metrics{grid-template-columns:repeat(2,1fr)}.collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-item{grid-template-columns:1fr 1fr}.collection-control{justify-items:start}}
@media(max-width:680px){.collection-hero{align-items:stretch;flex-direction:column}.collection-hero .button{width:100%}.collection-metrics{grid-template-columns:1fr 1fr;gap:9px}.collection-metric{padding:14px;min-height:105px}.collection-metric strong{font-size:20px}.collection-filters{grid-template-columns:1fr}.collection-item{grid-template-columns:1fr;gap:11px}.collection-due,.collection-value,.collection-control{border-top:1px solid var(--line);padding-top:10px}.collection-actions{display:grid;grid-template-columns:1fr}.collection-actions .button{width:100%}.collection-results-head{align-items:flex-start;flex-direction:column}}