.finance-list-flags,.finance-status-summary{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}
.finance-list-flags{margin-left:6px;vertical-align:middle}
.finance-flag{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid #cbd5d0;border-radius:5px;background:#f1f3f2;color:#8a9690;font-size:10px;font-weight:900;line-height:1}
.finance-flag.on{border-color:#7fba96;background:#dff2e6;color:#17633d}
.finance-status-summary{margin-left:auto}
.finance-status-controls{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:6px;padding:9px;border-bottom:1px solid #e2e2e2;background:#f8faf9}
.finance-status-title{grid-column:1/-1;font-size:10px;font-weight:900;letter-spacing:.05em;color:#5c6962}
.finance-status-check{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 8px;border:1px solid #d2dbd6;border-radius:6px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}
.finance-status-check input{width:17px;height:17px;margin:0}
.finance-status-check:has(input:checked){border-color:#8fbea1;background:#e8f5ed;color:#235d3d}
.compact-billing>summary{gap:8px}
@media(max-width:900px){.finance-list-flags{display:flex;margin:5px 0 0}.finance-status-controls{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.finance-status-controls{grid-template-columns:1fr}.finance-status-title{grid-column:1}}

.paid-detail{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:5px;background:#e8f5ed;color:#235d3d;font-size:10px;font-weight:800;white-space:nowrap}
.finance-status-summary .paid-detail{margin-left:3px}
@media(max-width:900px){.paid-detail{white-space:normal}}

.invoice-needed-badge{display:inline-flex;align-items:center;min-height:20px;margin-left:6px;padding:0 7px;border:1px solid #d9a36b;border-radius:5px;background:#fff1df;color:#8a4d12;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}
@media(max-width:900px){.invoice-needed-badge{margin:4px 4px 0 0}}