#app-view .account-ledger-open{margin:16px 18px;border:1px solid #cbd0c2;justify-content:center}
.account-ledger-dialog{width:min(1250px,calc(100vw - 28px));max-width:1250px;max-height:90svh;overflow:auto}
.account-ledger-dialog .dialog-heading{margin-bottom:16px}
.account-ledger-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;align-items:center}
.account-ledger-controls input,.account-ledger-controls select{width:auto;flex:1 1 180px;min-width:0;font-size:16px;margin:0;padding:9px}
.account-ledger-controls button{min-height:40px;justify-content:center}
.account-ledger-scroll{overflow:auto;border:1px solid #d5d9cd;background:#fff}
.account-ledger-scroll table{border-collapse:collapse;width:100%;min-width:970px;font-size:12px}
.account-ledger-scroll th,.account-ledger-scroll td{padding:12px 10px;border:1px solid #dedfd7;text-align:right;vertical-align:top;white-space:nowrap}
.account-ledger-scroll th:first-child{text-align:left;min-width:230px;max-width:320px;white-space:normal}
.account-ledger-scroll thead th{background:#30382f;color:#fff;font-weight:600;position:sticky;top:0;font-size:11px;white-space:normal}
.account-ledger-scroll tbody th{font-weight:500}
.account-ledger-scroll .account-ledger-client th{background:#edf1e7;text-align:left;color:#30382f;font-weight:700}
.account-ledger-scroll .account-ledger-total>*{background:#f3f4ed;font-weight:700;border-top:2px solid #bfc8b2}
.account-ledger-scroll .ledger-paid{color:#28733e;background:#edf6eb}
.account-ledger-scroll .ledger-pending{color:#805e12;background:#fff3cc}
.account-ledger-scroll .ledger-overdue{color:#a82e25;background:#fae5e1}
@media(max-width:700px){.account-ledger-dialog{padding:16px}.account-ledger-dialog h2{font-size:23px}.account-ledger-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.account-ledger-controls input,.account-ledger-controls select{width:100%;box-sizing:border-box}.account-ledger-scroll{max-width:100%}}

#app-view .account-ledger-entry-actions{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0}#app-view .account-ledger-entry-actions>button{margin:0;justify-content:center}@media(max-width:700px){#app-view .account-ledger-entry-actions{margin:14px 16px}#app-view .account-ledger-entry-actions>button{flex:1 1 auto}}