html body #accountingPage:has([data-accounting-section="payment-accounts"][style=""]){padding-inline:8px!important}
html body #accountingPage .accounting-service-layout:has([data-accounting-section="payment-accounts"][style=""]){width:100%!important;max-width:none!important;margin:0!important}
html body #accountingPage [data-accounting-section="payment-accounts"].wide-panel{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:12px!important}
html body #accountingPage #paymentAccountsTableHead{display:none!important}
html body #accountingPage #paymentAccountsTable{--record-columns:minmax(240px,2fr) minmax(120px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(160px,1fr) 110px!important;--record-min-width:850px!important;width:100%!important;padding:0!important;max-height:none!important}
html body #accountingPage #paymentAccountsTable .record-register-head,html body #accountingPage #paymentAccountsTable .record-register-row{grid-template-columns:var(--record-columns)!important;align-items:center!important;gap:0!important;margin:0!important;padding:12px!important;text-align:center!important;box-sizing:border-box!important}
html body #accountingPage #paymentAccountsTable .record-register-head{background:#465369!important;color:white!important;border-radius:8px 8px 0 0!important;font-weight:700!important;min-height:44px!important}
html body #accountingPage #paymentAccountsTable .record-register-head>*::before{content:'( '}
html body #accountingPage #paymentAccountsTable .record-register-head>*::after{content:' )'}
html body #accountingPage #paymentAccountsTable .record-register-row{min-height:54px!important;border-bottom:1px solid #e0e6ef!important}
html body #accountingPage #paymentAccountsTable .record-register-row:nth-child(odd){background:#f7f9fc!important}
html body #accountingPage #paymentAccountsTable [role="cell"],html body #accountingPage #paymentAccountsTable [role="columnheader"]{text-align:center!important;justify-content:center!important;padding-inline:8px!important;border-inline-end:1px solid #e0e6ef}
html body #accountingPage #paymentAccountsTable .status{justify-self:center!important;min-width:65px!important}
html body #accountingPage [data-accounting-section="payment-accounts"] .record-register-scroll{max-height:calc(100dvh - 165px)!important;border:1px solid #e0e6ef;border-radius:8px;overflow:auto}
html body #accountingPage.accounting-service-page:has([data-accounting-section="payment-accounts"]:not([style*="display: none"])){padding-inline:8px!important}
html body #accountingPage .accounting-service-layout:has([data-accounting-section="payment-accounts"]:not([style*="display: none"])){width:100%!important;max-width:none!important;margin-inline:0!important}

/* Payment account form: readable fields, normal checkbox, independent action row. */
html body #paymentAccountModalForm{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 14px!important;align-items:start!important;padding:20px!important;box-sizing:border-box!important}
html body #paymentAccountModalForm>label{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important;grid-column:auto!important}
html body #paymentAccountModalForm>label.wide{grid-column:span 2!important}
html body #paymentAccountModalForm input:not([type=checkbox]),html body #paymentAccountModalForm select{width:100%!important;min-width:0!important;height:40px!important;box-sizing:border-box!important;margin:0!important}
html body #paymentAccountModalForm label:has(#modalPaymentAccountActive){flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:66px!important}
html body #paymentAccountModalForm #modalPaymentAccountActive{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;padding:0!important;margin:0!important;flex:0 0 18px!important}
html body #paymentAccountModalForm .payment-modal-actions{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;margin:8px 0 0!important;padding-top:16px!important;border-top:1px solid #e2e7ef!important}
html body #paymentAccountModalForm .payment-modal-actions>button{width:auto!important;min-width:145px!important;max-width:none!important;height:42px!important;min-height:42px!important;flex:0 0 auto!important;white-space:nowrap!important;word-break:normal!important;writing-mode:horizontal-tb!important;padding:0 22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}
@media(max-width:950px){html body #paymentAccountModalForm{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body #paymentAccountModalForm{grid-template-columns:1fr!important}html body #paymentAccountModalForm>label.wide{grid-column:auto!important}html body #paymentAccountModalForm .payment-modal-actions{flex-wrap:wrap!important}}

/* Fill the available chart workspace while keeping its tree independently scrollable. */
html body #accountingPage.accounting-service-page:has([data-accounting-section="chart"]:not([hidden]):not([style*="display: none"])){width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important}
html body #accountingPage #accountingWorkspace:has([data-accounting-section="chart"]:not([hidden]):not([style*="display: none"])){width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;flex:1!important;box-sizing:border-box!important}
html body #accountingPage [data-accounting-section="chart"]:not([hidden]):not([style*="display: none"]){display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}
html body #accountingPage [data-accounting-section="chart"]>.section-title-row{flex:0 0 auto!important;margin-bottom:10px!important}
html body #accountingPage [data-accounting-section="chart"]>div:not(#chartAccountsTable){flex-shrink:0!important}
html body #accountingPage #chartAccountsTable{flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;overflow:auto!important;align-content:start!important;margin-bottom:0!important;box-sizing:border-box!important}

html body.erp-modern-page #accountingPage.accounting-service-page.erp-workspace:has([data-accounting-section="chart"]:not([hidden]):not([style*="display: none"])){padding:8px!important}
html body #accountingPage #accountingWorkspace .accounting-service-layout:has([data-accounting-section="chart"]:not([hidden]):not([style*="display: none"])){height:100%!important;min-height:0!important;width:100%!important;max-width:none!important;margin:0!important}
html body #accountingPage #accountingWorkspace .accounting-service-layout [data-accounting-section="chart"].panel-card.wide-panel:not([hidden]):not([style*="display: none"]){height:100%!important;padding:8px!important;box-sizing:border-box!important}
