/* Customer-friendly statement. Accounting values come from the existing API. */
#root .app-shell .ledger-simple{overflow:hidden;background:#fff!important}
#root .app-shell .ledger-simple .simple-ledger-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px;flex-wrap:wrap}
#root .app-shell .ledger-simple .simple-ledger-heading h2{font-size:21px!important;line-height:1.35!important;margin:0!important;color:#25364b!important}
#root .app-shell .ledger-simple .simple-ledger-heading p{font-size:14px!important;line-height:1.5!important;color:#5c6d80!important;margin:5px 0 0!important}
#root .app-shell .ledger-simple .simple-reference-toggle{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:500!important;line-height:1.5!important;color:#52657a!important}
#root .app-shell .ledger-simple .simple-reference-toggle input{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px;margin:0!important;accent-color:#b62b64}
#root .app-shell .ledger-simple .simple-ledger-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:0 22px 22px}
#root .app-shell .ledger-simple .simple-ledger-stat{border:1px solid #e0e7ee;background:#f7f9fb;border-radius:9px;padding:14px 16px;min-width:0}
#root .app-shell .ledger-simple .simple-ledger-stat>span{display:block;font-size:14px!important;line-height:1.5!important;font-weight:500!important;color:#52667a!important}
#root .app-shell .ledger-simple .simple-ledger-stat>strong{display:block;font-size:25px!important;line-height:1.5!important;font-weight:750!important;font-variant-numeric:tabular-nums;color:#27384c!important;overflow-wrap:anywhere}
#root .app-shell .ledger-simple .simple-ledger-stat.paid,#root .app-shell .ledger-simple .simple-ledger-stat.advance{background:#f0faf6!important;border-color:#d9eae2!important}
#root .app-shell .ledger-simple .simple-ledger-stat.paid>strong,#root .app-shell .ledger-simple .simple-ledger-stat.advance>strong{color:#18765d!important}
#root .app-shell .ledger-simple .simple-ledger-stat.due{background:#fcf2f6!important;border-color:#efdde6!important}
#root .app-shell .ledger-simple .table-wrap{width:100%;max-width:100%;overflow-x:auto}
#root .app-shell .ledger-simple .simple-ledger-table{width:100%;min-width:710px;table-layout:fixed;border-collapse:collapse;font-size:15px!important;line-height:1.5!important}
#root .app-shell .ledger-simple .simple-ledger-table th{padding:13px 16px!important;background:#f7eff3!important;color:#514553!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:700!important;border-top:1px solid #ece2e8!important;border-bottom:1px solid #e1d8df!important;white-space:normal!important}
#root .app-shell .ledger-simple .simple-ledger-table td{padding:14px 16px!important;vertical-align:middle!important;border:0!important;border-bottom:1px solid #e9eef3!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important;overflow-wrap:anywhere;color:#33455b!important;background:#fff!important}
#root .app-shell .ledger-simple .simple-ledger-table th:first-child,#root .app-shell .ledger-simple .simple-ledger-table td:first-child{width:16%;min-width:0;padding-left:22px!important}
#root .app-shell .ledger-simple .simple-ledger-table th:nth-child(2),#root .app-shell .ledger-simple .simple-ledger-table td:nth-child(2){width:30%;min-width:0}
#root .app-shell .ledger-simple .simple-ledger-table th:nth-child(3),#root .app-shell .ledger-simple .simple-ledger-table th:nth-child(4){width:17%}
#root .app-shell .ledger-simple .simple-ledger-table th:last-child,#root .app-shell .ledger-simple .simple-ledger-table td:last-child{width:20%;padding-right:22px!important}
#root .app-shell .ledger-simple .simple-ledger-table .receipt-money{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap!important}
#root .app-shell .ledger-simple .simple-row-details>strong{display:block;font-weight:650!important;color:#2b3c51!important}
#root .app-shell .ledger-simple .simple-ledger-table small{display:block;font-size:13px!important;font-weight:500!important;line-height:1.5!important;color:#5e7083!important;margin-top:3px!important}
#root .app-shell .ledger-simple .simple-ledger-table .simple-reference{overflow-wrap:anywhere;font-size:12px!important}
#root .app-shell .ledger-simple .simple-advance-used{display:block;color:#18765d!important;font-size:13px!important;font-weight:600!important;margin-top:4px}
#root .app-shell .ledger-simple .simple-balance{text-align:right;font-variant-numeric:tabular-nums}
#root .app-shell .ledger-simple .simple-balance>span{display:block}
#root .app-shell .ledger-simple .simple-balance>span+span{margin-top:7px}
#root .app-shell .ledger-simple .simple-balance strong{display:block;font-size:15px!important;font-weight:700!important;white-space:nowrap}
#root .app-shell .ledger-simple .simple-balance small{margin-top:0!important;color:inherit!important;font-size:12px!important}
#root .app-shell .ledger-simple .simple-balance .simple-balance-due,#root .app-shell .ledger-simple .simple-balance .simple-balance-due *{color:#b0374c!important}
#root .app-shell .ledger-simple .simple-balance .simple-balance-advance,#root .app-shell .ledger-simple .simple-balance .simple-balance-advance *,#root .app-shell .ledger-simple .simple-balance .simple-balance-clear,#root .app-shell .ledger-simple .simple-balance .simple-balance-clear *,#root .app-shell .ledger-simple .simple-ledger-table .simple-paid-value{color:#16765e!important}
#root .app-shell .ledger-simple .simple-ledger-table tfoot td,#root .app-shell .ledger-simple .simple-ledger-table .ledger-opening-row td{background:#f7f9fb!important}
#root .app-shell .ledger-simple .simple-ledger-table tfoot td{font-weight:750!important;border-top:1px solid #dce4eb!important}
#root .app-shell .ledger-simple .simple-ledger-message{margin:0!important;padding:16px 22px 8px!important;line-height:1.6!important;font-size:15px!important;font-weight:650!important;color:#266951!important}
#root .app-shell .ledger-simple .simple-ledger-help{margin:0!important;padding:0 22px 16px!important;line-height:1.6!important;font-size:13px!important;font-weight:500!important;color:#536a7d!important}
#root .app-shell .ledger-simple .simple-ledger-warning{margin:0 22px 14px!important;padding:12px 14px!important;background:#fff4ec!important;border:1px solid #f0dfce;border-radius:6px;color:#864324!important;line-height:1.55!important;font-size:14px!important;font-weight:550!important}
#root .app-shell .ledger-simple .simple-return-note{margin:0!important;padding:0 22px 14px!important;font-size:14px!important;color:#52677a!important}
#root .app-shell .ledger-simple .ledger-table-pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px}
#root .app-shell .ledger-simple .ledger-table-pager small{font-size:13px!important;color:#52677a!important}
/* Preserve the V55 stable form action correction. */
#root .app-shell .modal .modal-actions{position:sticky;bottom:0;z-index:6;background:#fff;padding:12px 0 4px;box-shadow:0 -8px 10px #ffffffed}
#root .app-shell .modal{overscroll-behavior:contain;overflow-anchor:none}
@media(max-width:600px){#root .app-shell .ledger-simple .simple-ledger-heading{padding:16px}#root .app-shell .ledger-simple .simple-ledger-stats{padding:0 16px 16px;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}#root .app-shell .ledger-simple .simple-ledger-stat{padding:12px}#root .app-shell .ledger-simple .simple-ledger-stat>strong{font-size:22px!important}}

#root .app-shell .ledger-simple .simple-ledger-message.has-due{color:#b0374c!important}