#clientTabBilling .ledger-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
#clientTabBilling .ledger-overview>div{display:flex;flex-direction:column;gap:8px;padding:16px;background:rgba(148,163,184,.06);border:1px solid rgba(148,163,184,.18);border-radius:10px}
#clientTabBilling .ledger-overview strong{font-size:18px;color:var(--text-primary,#F8FAFC)}
#clientTabBilling .ledger-overview span,#clientTabBilling small,.ledger-muted{color:var(--text-muted,#94A3B8);font-size:12px;line-height:1.5}
#clientTabBilling small{display:block;white-space:normal;max-width:440px}
#clientTabBilling .ledger-section{margin:24px 0;padding-top:18px;border-top:1px solid rgba(148,163,184,.18)}
#clientTabBilling h4{font-size:14px;font-weight:650;color:var(--text-primary,#F8FAFC);margin:0 0 14px}
#clientTabBilling .ledger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#clientTabBilling .ledger-form{display:flex;flex-direction:column;gap:14px}
#clientTabBilling .ledger-form[hidden]{display:none}
#clientTabBilling .ledger-form input,#clientTabBilling .ledger-form select,#clientTabBilling .ledger-form textarea{width:100%;box-sizing:border-box}
#clientTabBilling .ledger-form input:disabled,#clientTabBilling .ledger-form select:disabled{opacity:.45}
#clientTabBilling .ledger-section-heading,#clientTabBilling .ledger-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#clientTabBilling .ledger-section-heading h4{margin:0 auto 0 0}
#clientTabBilling .ledger-scroll{overflow-x:auto;margin-top:14px}
#clientTabBilling .ledger-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}
#clientTabBilling .ledger-table th,#clientTabBilling .ledger-table td{padding:12px 8px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;vertical-align:top}
#clientTabBilling .ledger-table td:nth-child(2),#clientTabBilling .ledger-table td:nth-child(3),#clientTabBilling .ledger-table td:nth-child(4){text-align:right;white-space:nowrap}
#clientTabBilling .ledger-table td:first-child{min-width:170px;max-width:300px}
#clientTabBilling .ledger-table th{color:var(--text-muted,#94A3B8);font-weight:500}
#clientTabBilling .ledger-editor{margin-top:18px;padding:16px;border:1px solid rgba(46,196,182,.4);border-radius:10px}
#clientTabBilling .payment-history-item{display:flex;justify-content:space-between;align-items:start;gap:10px}
#clientTabBilling .ledger-voided{opacity:.6}
#clientTabBilling .ledger-legacy{margin-top:18px;color:var(--text-muted,#94A3B8)}
#clientTabBilling .ledger-legacy summary{cursor:pointer;padding:12px 0}
#clientTabBilling .ledger-message:not(:empty){padding:10px 12px;background:rgba(46,196,182,.1);border-radius:8px;margin-bottom:12px}
#clientTabBilling .ledger-message.ledger-error{color:#FCA5A5;background:rgba(239,68,68,.1)}
.badge-billing.billing-neutral{color:#CBD5E1;background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.25)}
.clients-filters-group{flex-wrap:wrap}
@media(max-width:760px){#clientTabBilling .ledger-grid,#clientTabBilling .ledger-overview{grid-template-columns:1fr}}