#view-charges .page-heading{margin-bottom:18px}
#view-charges .page-heading h1{font-size:30px;line-height:1.08}
#view-charges .page-heading p{font-size:14px;line-height:1.45}
#view-charges .charge-search{min-height:52px;margin-bottom:14px;border-radius:15px;background:#fff}
#view-charges .charge-search span{font-size:22px;color:#0b4f86}
#view-charges .charge-search input{font-size:15px}
#view-charges .charge-filters{gap:9px;margin-bottom:20px}
#view-charges .charge-filters .chip{min-height:43px;padding:10px 17px;font-size:13px}
#view-charges #chargeList{gap:15px}
.charge-card.finance-card{display:block;padding:17px;border-color:#d8e3ed;border-radius:18px;box-shadow:0 8px 24px rgba(18,54,91,.07)}
.finance-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.finance-card>header>div{min-width:0}
.finance-card>header h3{color:#103c69;font-size:17px;line-height:1.3;letter-spacing:-.015em}
.finance-card>header p{margin-top:4px;color:#647e98;font-size:13px;line-height:1.35}
.finance-card>header>span{flex:0 0 auto;color:#577b9d;font-size:30px;line-height:1}
.finance-status-row{display:flex;align-items:center;gap:12px;margin-top:14px;padding-bottom:13px;border-bottom:1px solid #dce6ef;color:#59728b;font-size:12px}
.finance-status-row .status{gap:7px;padding:7px 12px;font-size:12px}
.finance-status-row .status i{width:8px;height:8px;border-radius:50%;background:currentColor}
.finance-status-row .status.parcial,.finance-status-row .status.pendente{background:#fff2dc;color:#b56a00}
.finance-status-row .status.paga,.finance-status-row .status.credito{background:#e3f7eb;color:#128242}
.finance-status-row .status.atrasada{background:#fde7e9;color:#b22633}
.charge-due{display:flex;align-items:center;gap:7px;min-width:0}
.charge-due b{color:#477296;font-size:16px}
.finance-values{display:grid;grid-template-columns:1fr 1fr 1.28fr;align-items:stretch;gap:0;margin-top:12px}
.finance-values>div{min-width:0;padding:4px 10px;border-right:1px solid #dbe5ee}
.finance-values>div:first-child{padding-left:2px}
.finance-values>div:last-child{border-right:0}
.finance-values span,.finance-values strong,.finance-values small{display:block}
.finance-values span{color:#5d7790;font-size:11px}
.finance-values strong{margin-top:3px;color:#103c69;font-size:17px;line-height:1.2;white-space:nowrap}
.finance-values .total{margin:-3px 0;padding:8px 11px;border-radius:12px;background:#edf7ff}
.finance-values .total strong{font-size:22px}
.finance-values small{margin-top:3px;color:#39715a;font-size:9px;font-weight:750}
.finance-card .charge-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #dce6ef}
.finance-card .charge-actions.has-payment{grid-template-columns:repeat(2,minmax(0,1fr))}
.finance-card .charge-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:8px;border:0;border-radius:11px;font-size:12px;line-height:1.2;text-align:center}
.finance-card .charge-actions button>span{font-size:18px;font-weight:500}
.finance-card .charge-actions .receipt-whatsapp{background:linear-gradient(120deg,#14b85b,#13cf67);color:#fff;box-shadow:0 7px 16px rgba(20,190,94,.18)}
.finance-card .charge-actions .icon-button{background:#eff4f8;color:#174f7d}
.finance-card .charge-actions .icon-button.primary{background:#e8f2fb;color:#0a5d99}
.finance-card .charge-actions button:disabled{opacity:.58;cursor:wait}

@media(min-width:620px){.finance-card .charge-actions.has-payment{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-card .charge-actions button{font-size:13px}}
@media(max-width:370px){#view-charges .page-heading h1{font-size:27px}.charge-card.finance-card{padding:14px}.finance-card>header h3{font-size:15px}.finance-status-row{gap:8px;flex-wrap:wrap}.finance-values>div{padding:4px 7px}.finance-values strong{font-size:15px}.finance-values .total strong{font-size:19px}.finance-card .charge-actions{grid-template-columns:1fr}.finance-card .charge-actions.has-payment{grid-template-columns:1fr 1fr}}