/* DAYO V4.3.8.42 · exact visual reconstruction from the approved preview */
:root{--x-brand:#0b7d75;--x-brand2:#0a6b65;--x-dark:#003f48;--x-deep:#00323b;--x-bg:#f3f7f8;--x-panel:#fff;--x-line:#dbe6e8;--x-soft:#f7fafb;--x-head:#eaf2f4;--x-text:#15313a;--x-muted:#71868c}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;background:var(--x-bg)!important;color:var(--x-text)!important;font-size:13px!important}

/* Login — 37% photographic brand / 40% form / 23% contour pattern. */
.login-screen{padding:14px!important;background:#edf3f3!important;place-items:stretch!important}
.login-screen:before,.login-screen:after{display:none!important}
.login-shell{width:100%!important;min-height:calc(100vh - 28px)!important;display:grid!important;grid-template-columns:37% 40% 23%!important;border:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 12px 38px rgba(9,51,59,.08)!important;backdrop-filter:none!important}
.login-visual{position:relative!important;display:block!important;min-height:0!important;padding:34px 30px!important;background:linear-gradient(180deg,rgba(0,66,81,.25),rgba(0,42,50,.08)),url('/static/assets/login-mountain-fishing-v43842.png?v=4.3.8.42') center center/cover no-repeat!important}
.login-visual:before{content:none!important;display:none!important;background:none!important}
.login-visual:after{content:""!important;position:absolute!important;inset:0!important;left:0!important;bottom:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;background:linear-gradient(180deg,rgba(0,69,84,.48) 0%,rgba(0,60,71,.08) 48%,rgba(0,38,45,.24) 100%)!important;pointer-events:none!important}
.login-dayo-logo{position:relative!important;z-index:2!important;width:140px!important;height:auto!important;display:block!important;object-fit:contain!important}
.login-visual-copy{position:relative!important;z-index:2!important;margin:22px 0 0!important}
.login-visual-copy h1{margin:0!important;font-size:19px!important;line-height:1.55!important;font-weight:500!important;letter-spacing:.06em!important;color:#fff!important}
.login-card{position:relative!important;z-index:2!important;width:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:56px 52px 32px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.login-form-brand{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0 0 25px!important;color:#0a2e38!important}
.login-form-brand b{font-size:13px!important;letter-spacing:0!important}.login-form-brand small{font-size:10px!important;letter-spacing:0!important;color:#26454d!important}
.login-card h2{margin:0 0 28px!important;font-size:28px!important;line-height:1.2!important;color:#092d36!important;font-weight:750!important;letter-spacing:-.02em!important}
.login-welcome-note{display:none!important}
.login-card label.login-field{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;width:100%!important;height:45px!important;margin:0 0 14px!important;border:1px solid #cbdadd!important;border-radius:6px!important;background:#fff!important;color:#60777d!important;text-align:left!important}
.login-field:focus-within{border-color:var(--x-brand)!important;box-shadow:0 0 0 3px rgba(11,125,117,.07)!important}
.login-field-icon{display:grid!important;place-items:center!important;width:40px!important;font-size:17px!important;color:#294b53!important}
.login-card label.login-field input{position:static!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:43px!important;min-height:0!important;margin:0!important;padding:0 9px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;outline:0!important}
.login-eye{width:40px!important;height:43px!important;border:0!important;background:transparent!important;color:#6d858a!important;cursor:pointer!important}
.login-remember{display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;margin:1px 0 21px!important;color:#405d64!important;font-size:11px!important;font-weight:500!important}
.login-remember input{appearance:none!important;width:13px!important;height:13px!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #78aaa6!important;border-radius:2px!important;background:#fff!important}
.login-remember input:checked{background:var(--x-brand)!important;box-shadow:inset 0 0 0 3px #fff!important}
.login-btn{width:100%!important;height:45px!important;margin:0!important;border:0!important;border-radius:6px!important;background:linear-gradient(90deg,#0b756e,#0e9186)!important;color:#fff!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important}
.login-btn:hover{filter:brightness(.97)!important}.login-card #loginError{min-height:18px!important;margin:9px 0 0!important;text-align:center!important;font-size:10px!important}
.login-system-foot{margin-top:auto!important;padding-top:30px!important;text-align:center!important;color:#9aa8ab!important;font-size:9px!important}
.login-pattern{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-end!important;padding:22px 28px 28px!important;background-color:#fbfdfd!important;background-image:repeating-radial-gradient(ellipse at 100% 20%,transparent 0 13px,rgba(20,111,113,.045) 14px,transparent 15px 25px)!important}
.login-pattern button{height:32px!important;padding:0 12px!important;border:1px solid #dce7e8!important;border-radius:6px!important;background:rgba(255,255,255,.86)!important;color:#4d686e!important;font-size:10px!important}.login-pattern span{font-size:11px!important;letter-spacing:.12em!important;color:#4b686f!important}

/* App chrome — same proportions, colors and density as preview. */
.app-shell{display:block!important;background:var(--x-bg)!important}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:190px!important;height:100vh!important;padding:18px 10px 12px!important;background:linear-gradient(180deg,#003d47 0%,#00313b 100%)!important;box-shadow:none!important;color:#fff!important}
.sidebar:before,.sidebar:after{display:none!important}.logo-wrap{height:58px!important;padding:2px 12px 16px!important;border-bottom:0!important}.dayo-wordmark{width:105px!important;height:auto!important}.sidebar nav{padding:3px 0 8px!important}.sidebar nav>button,.nav-group-toggle{min-height:38px!important;margin:1px 0!important;padding:8px 11px!important;border-radius:5px!important;background:transparent!important;color:rgba(255,255,255,.84)!important;font-size:12px!important;font-weight:500!important}.sidebar nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.sidebar nav button.active,.nav-submenu button.active{background:linear-gradient(90deg,#08766f,#0a837a)!important;color:#fff!important;box-shadow:none!important}.nav-icon{width:17px!important;opacity:.9!important;filter:grayscale(1) brightness(3)!important}.nav-group-toggle>b{font-size:10px!important;color:rgba(255,255,255,.45)!important}.nav-section-title{padding:12px 11px 4px!important;color:rgba(255,255,255,.35)!important;font-size:8px!important;letter-spacing:.14em!important}.nav-submenu{margin:1px 0 3px!important;padding:0!important;background:rgba(0,0,0,.08)!important}.nav-submenu>button{min-height:34px!important;margin:1px 0!important;padding:7px 12px 7px 39px!important;border-radius:4px!important;color:rgba(255,255,255,.67)!important;font-size:11px!important}.sidebar-footer{display:none!important}
.main{min-width:0!important;margin-left:190px!important;padding:0 16px 30px!important;background:var(--x-bg)!important}.topbar{height:54px!important;margin:0 -16px 12px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #e4ecee!important;box-shadow:0 1px 4px rgba(14,51,58,.04)!important}.topbar-left{display:flex!important;align-items:center!important;gap:14px!important}.desktop-menu-button{width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:#31545c!important;font-size:16px!important;cursor:pointer!important}.topbar .eyebrow,.topbar h1{display:none!important}.top-actions{gap:8px!important}.security-pill{display:none!important}.top-icon-button{position:relative!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;color:#254951!important;cursor:pointer!important}.top-icon-button i{position:absolute!important;right:7px!important;top:5px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#e35b50!important}.top-avatar{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:50%!important;background:#07559b!important;color:#fff!important;font-size:10px!important}.top-user-name{font-size:11px!important;font-weight:500!important}.topbar .top-actions>.ghost-btn{width:24px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important}
.page{padding:0 2px 22px!important}.erp-breadcrumb{margin:2px 0 10px!important;color:#829297!important;font-size:10px!important}.erp-breadcrumb b{color:#344e55!important}.page>.toolbar,.dashboard-simple-head{min-height:42px!important;margin:0 0 9px!important;padding:0 3px!important;align-items:center!important}.toolbar h2,.erp-toolbar h2,.dashboard-simple-head h2{margin:0!important;font-size:23px!important;line-height:1.2!important;font-weight:750!important;color:#102f38!important}.toolbar p,.erp-toolbar p{font-size:10px!important;color:var(--x-muted)!important}.erp-kicker{display:none!important}.toolbar-actions{gap:7px!important}.primary-btn,.outline-btn,.ghost-btn,.mini-btn,.table-btn{border-radius:5px!important;box-shadow:none!important;font-weight:600!important}.primary-btn{background:linear-gradient(90deg,#0a756e,#0a8a80)!important;border-color:#0a7e75!important;color:#fff!important}.outline-btn,.ghost-btn,.mini-btn,.table-btn{background:#fff!important;border:1px solid #cfdddf!important;color:#3e6067!important}

/* Cards, filters and tables. */
.panel,.table-panel,.inventory-panel,.metric-card{border:1px solid #e0e9eb!important;border-radius:7px!important;background:#fff!important;box-shadow:0 2px 9px rgba(21,57,64,.035)!important}.panel{padding:13px!important}.table-panel,.inventory-panel:has(>.table-wrap){padding:0!important;overflow:hidden!important}.panel-head{min-height:48px!important;padding:10px 13px!important;border-bottom:1px solid #e2eaec!important}.panel-head h3{font-size:14px!important}.panel-head p{font-size:10px!important;color:#809196!important}.erp-filter-row,.product-filter-row,.filter-row,.settlement-filter{padding:11px 13px!important;gap:9px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e1eaec!important}.erp-filter-row label,.product-filter-row label,.filter-row label{gap:5px!important;color:#405e65!important;font-size:10px!important;font-weight:650!important}input,select,textarea{min-height:34px!important;border:1px solid #cbdadd!important;border-radius:4px!important;background:#fff!important;color:#304d54!important;font-size:11px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#168d84!important;box-shadow:0 0 0 3px rgba(11,125,117,.06)!important}
.table-wrap{border:0!important;border-radius:0!important;background:#fff!important}.table-wrap table{width:100%!important;border-collapse:collapse!important}.table-wrap th{height:35px!important;padding:7px 9px!important;border:0!important;border-bottom:1px solid #d9e4e6!important;background:var(--x-head)!important;color:#425f66!important;font-size:10px!important;font-weight:650!important;text-align:center!important}.table-wrap td{height:39px!important;padding:6px 9px!important;border:0!important;border-bottom:1px solid #e8eef0!important;color:#2a464d!important;font-size:10.5px!important;text-align:center!important}.table-wrap tbody tr:hover td{background:#f7fbfb!important}.table-wrap tfoot td{background:#f3f7f8!important;border-top:1px solid #d9e4e6!important;font-weight:650!important}.table-wrap td.num,.table-wrap td.money-cell,.table-wrap td.num-cell{text-align:right!important;font-variant-numeric:tabular-nums!important}.table-actions{justify-content:center!important;gap:5px!important}.table-btn,.mini-btn{min-height:25px!important;padding:3px 7px!important;border-color:transparent!important;background:transparent!important;color:#087d73!important;font-size:10px!important}.status-pill,.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;padding:3px 8px!important;border-radius:999px!important;font-size:9px!important}.status-pill.success,.badge.success{background:#dff4ec!important;color:#15815f!important}.status-pill.warning,.badge.warning{background:#fff0d5!important;color:#e18a13!important}.status-pill.info{background:#dff1fa!important;color:#2684ad!important}

/* Payment page exact arrangement. */
#erpSettlementPaymentOrders>.erp-toolbar{min-height:45px!important}.settlement-clean-panel{border-radius:7px!important}.settlement-clean-panel>.panel-head{display:none!important}
#erpSettlementPaymentOrders .compact-filter{display:grid!important;grid-template-columns:1.12fr .92fr .72fr .72fr!important;align-items:end!important;padding:12px 13px 10px!important}
#erpSettlementPaymentOrders .payment-date-range>div{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:5px!important}.payment-date-range span{text-align:center!important;color:#8b999d!important}.payment-keyword{grid-column:1 / span 2!important}.compact-filter>.primary-btn,.compact-filter>.outline-btn{height:34px!important;align-self:end!important}.compact-filter>.primary-btn{width:76px!important}.compact-filter>.outline-btn{width:66px!important}.compact-filter input[type=hidden]{display:none!important}
#erpSettlementPaymentOrders .table-wrap th:first-child,#erpSettlementPaymentOrders .table-wrap td:first-child{width:32px!important;padding-left:12px!important;padding-right:4px!important}.payment-row-check,#erpSettlementPaymentOrders th input[type=checkbox]{appearance:none!important;width:12px!important;height:12px!important;min-height:0!important;margin:0!important;border:1px solid #8ca7ac!important;border-radius:2px!important;background:#fff!important}.payment-row-check:checked{background:#0a8178!important;box-shadow:inset 0 0 0 3px #fff!important}
#erpSettlementPaymentOrders .settlement-source-link{color:#244850!important;font-weight:650!important}.settlement-clean-panel .table-wrap{margin-top:0!important}

/* Global density mirrors the payment preview throughout the system. */
.metric-grid{gap:9px!important}.metric-card{min-height:88px!important;padding:13px!important}.metric-card strong{font-size:20px!important}.home-grid{gap:9px!important}.modal-card{border-radius:8px!important;border:1px solid #dce7e9!important;box-shadow:0 20px 55px rgba(12,51,58,.17)!important}.modal-head{padding:12px 15px!important;border-bottom:1px solid #dfe8ea!important}.modal-body{padding:14px 15px!important}.modal-actions{padding-top:11px!important;border-top:1px solid #e1e9eb!important}.outsource-document-tabs{padding:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid #dce6e8!important}.outsource-document-tabs button{border-radius:0!important;border-bottom:2px solid transparent!important}.outsource-document-tabs button.active{background:transparent!important;color:#087d73!important;border-bottom-color:#087d73!important;box-shadow:none!important}

@media(max-width:1000px){.login-shell{grid-template-columns:42% 58%!important}.login-pattern{display:none!important}.sidebar{width:176px!important}.main{margin-left:176px!important}#erpSettlementPaymentOrders .compact-filter{grid-template-columns:1fr 1fr!important}.payment-keyword{grid-column:auto!important}}
@media(max-width:700px){.login-screen{padding:0!important}.login-shell{min-height:100dvh!important;grid-template-columns:1fr!important;border-radius:0!important}.login-visual,.login-pattern{display:none!important}.login-card{padding:48px 26px 28px!important}.sidebar{width:256px!important}.main{margin-left:0!important;padding:0 10px 72px!important}.topbar{margin:0 -10px 10px!important;padding-left:55px!important}.page{padding:0 0 18px!important}#erpSettlementPaymentOrders .compact-filter{grid-template-columns:1fr!important}.payment-date-range>div{grid-template-columns:1fr!important}.payment-date-range span{display:none!important}.payment-keyword{grid-column:auto!important}.compact-filter>.primary-btn,.compact-filter>.outline-btn{width:100%!important}.table-wrap table{min-width:900px!important}}

/* V4.3.8.44 correction pass. */
#erpSettlementPaymentOrders .compact-filter{grid-template-columns:1.18fr 1.08fr .64fr .7fr!important}
#erpSettlementPaymentOrders .payment-partner-picker{display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:6px!important;align-items:center!important}
#erpSettlementPaymentOrders .payment-partner-picker .outline-btn{width:58px!important;height:34px!important;padding:0!important}
#erpSettlementPaymentOrders .payment-filter-actions{display:flex!important;align-items:center!important;gap:7px!important;height:34px!important}
#erpSettlementPaymentOrders .payment-filter-actions button{height:34px!important;min-width:68px!important}
#erpSettlementPaymentOrders .payment-row-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;min-width:210px!important}
#erpSettlementPaymentOrders .payment-action-confirm{border:1px solid #0b8379!important;background:#0b8379!important;color:#fff!important}
#erpSettlementPaymentOrders .payment-action-delete{border:1px solid #f1d3d0!important;background:#fff7f6!important;color:#c44b42!important}
#erpSettlementPaymentOrders .table-wrap th:nth-child(5),#erpSettlementPaymentOrders .table-wrap th:nth-child(6){text-align:right!important}
#erpSettlementPaymentOrders .table-wrap th:last-child{min-width:220px!important}

.return-diff-grid-aligned{align-items:start!important;margin-bottom:8px!important}
.return-diff-grid-aligned>label{display:flex!important;flex-direction:column!important;gap:6px!important;white-space:nowrap!important}
.return-diff-grid-aligned>label>input,.return-diff-grid-aligned>label>button{order:2!important;width:100%!important;height:40px!important;margin:0!important}
.return-diff-grid-aligned>label>small{order:3!important;display:block!important;min-height:18px!important;margin:0!important;white-space:normal!important;color:#6f858a!important}
.return-items-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:50px!important;margin-top:0!important;padding-top:7px!important;padding-bottom:7px!important}
.return-items-head>div{display:flex!important;align-items:center!important;gap:7px!important}.return-items-head h3{margin:0!important}
.return-count-table th,.return-count-table td{vertical-align:middle!important}

#erpInProcess #wipRows td:nth-child(n+3):nth-child(-n+11),#erpInProcess table thead th:nth-child(n+3):nth-child(-n+11){text-align:right!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important}
#erpInProcess #wipRows td:nth-child(1),#erpInProcess #wipRows td:nth-child(2),#erpInProcess table thead th:nth-child(1),#erpInProcess table thead th:nth-child(2){text-align:left!important}
#erpInProcess #wipRows td:last-child,#erpInProcess table thead th:last-child{text-align:center!important}
#erpInProcess .wip-unit-lines{align-items:flex-end!important}.wip-unit-lines span{white-space:nowrap!important;font-variant-numeric:tabular-nums!important}

.stock-count-table table{table-layout:fixed!important;min-width:1120px!important}
.stock-count-table th:nth-child(n+3),.stock-count-table td:nth-child(n+3){text-align:right!important;font-variant-numeric:tabular-nums!important}
.stock-count-table input{width:100%!important;text-align:right!important;font-variant-numeric:tabular-nums!important}
.stock-count-total-row td{height:50px!important;font-weight:700!important;white-space:nowrap!important}
.stock-count-total-row td:first-child{text-align:left!important}.stock-count-total-row small{display:block!important;margin-top:2px!important;color:#789096!important;font-weight:500!important}
.stock-count-unit{color:#6f858a!important;font-weight:500!important}.stock-count-diff{font-weight:650!important}

@media(max-width:1000px){#erpSettlementPaymentOrders .compact-filter{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){#erpSettlementPaymentOrders .compact-filter{grid-template-columns:1fr!important}.payment-filter-actions{width:100%!important}.payment-filter-actions button{flex:1!important}}

/* Global toolbar and filter controls: prevent overlap and keep one visual standard. */
.page>.toolbar,.page>.erp-toolbar{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;width:100%!important;min-width:0!important}
.page>.toolbar>div:first-child,.page>.erp-toolbar>div:first-child{flex:1 1 auto!important;min-width:0!important}
.page>.toolbar>.top-actions,.page>.toolbar>.toolbar-actions,.page>.erp-toolbar>.top-actions,.page>.erp-toolbar>.toolbar-actions{display:flex!important;flex:0 0 auto!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;max-width:58%!important}
.page>.toolbar>.top-actions>button,.page>.toolbar>.top-actions>a,.page>.toolbar>.toolbar-actions>button,.page>.toolbar>.toolbar-actions>a{width:auto!important;min-width:76px!important;height:38px!important;min-height:38px!important;padding:0 13px!important;white-space:nowrap!important;border:1px solid #cfdddf!important}
.page>.toolbar>.top-actions>.primary-btn,.page>.toolbar>.toolbar-actions>.primary-btn{border-color:#0a7e75!important}
.product-filter-grid input,.product-filter-grid select,.product-filter-grid>button,.erp-filter-row input,.erp-filter-row select,.erp-filter-row>button,.product-filter-row input,.product-filter-row select,.product-filter-row>button,.filter-row input,.filter-row select,.filter-row>button,.settlement-filter input,.settlement-filter select,.settlement-filter>button{height:38px!important;min-height:38px!important}
.product-filter-grid>button,.erp-filter-row>button,.product-filter-row>button,.filter-row>button,.settlement-filter>button,.payment-filter-actions>button{min-width:82px!important;padding:0 13px!important;white-space:nowrap!important}
#erpSettlementPaymentOrders .payment-filter-actions{height:38px!important}#erpSettlementPaymentOrders .payment-filter-actions button{height:38px!important;min-height:38px!important;min-width:82px!important}
.product-filter-grid>button,.erp-filter-row>button,.product-filter-row>button,.filter-row>button,.settlement-filter>button,.payment-filter-actions>button,.payment-filter-grid>button,.transport-filter-grid>button,.recon-filter-grid>button,.stock-count-filter-grid>button,.picker-filters>button{border:1px solid #b8cbce!important;background:#fff!important;color:#315b63!important}
.product-filter-grid>button.primary-btn,.erp-filter-row>button.primary-btn,.product-filter-row>button.primary-btn,.filter-row>button.primary-btn,.settlement-filter>button.primary-btn,.payment-filter-actions>button.primary-btn{border-color:#0a7e75!important;background:linear-gradient(90deg,#0a756e,#0a8a80)!important;color:#fff!important}
#irWarehouseMenu{padding:7px!important;overflow:hidden!important}.ir-warehouse-search{position:sticky;top:0;z-index:2;padding:2px 2px 7px;background:#fff}.ir-warehouse-search input{width:100%!important;height:34px!important;padding:0 9px!important;border:1px solid #b8cbce!important;border-radius:6px!important}#irWarehouseOptions{max-height:244px;overflow:auto}.issue-main-qty{display:grid;grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:7px}.issue-main-qty .osi-unit-label{min-width:28px;color:#60767c;font-weight:650;text-align:left}
.opening-stock-list th,.opening-stock-list td{vertical-align:middle!important}.opening-stock-list .po-main-qty,.opening-stock-list .po-aux-qty{text-align:right!important;font-variant-numeric:tabular-nums!important}
.opening-stock-list .no-aux-unit{text-align:center!important;color:#829398!important}.opening-stock-list .no-aux-unit input{display:none!important}.opening-stock-list .no-aux-unit:after{content:"—"}

/* Payroll payment balance preview. */
.tx-balance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0 0}
.tx-balance-summary>div{display:flex;flex-direction:column;gap:5px;min-height:65px;padding:11px 13px;border:1px solid #d9e5e6;border-radius:7px;background:#f8fbfb}
.tx-balance-summary span{color:#71878c;font-size:10px}.tx-balance-summary strong{color:#24464d;font-size:16px;font-variant-numeric:tabular-nums}
.tx-balance-summary .tx-unpaid-current{border-color:#b7dcd6;background:#f1faf8}.tx-balance-summary .tx-unpaid-current strong{color:#087d73}
.tx-balance-summary .tx-unpaid-after{border-color:#c9ddd9;background:#f6fbfa}.tx-balance-hint{min-height:24px;padding:6px 2px 0;color:#71878c;font-size:10.5px}.tx-balance-hint.warning{color:#c25a43;font-weight:650}

@media(max-width:1200px){.page>.toolbar,.page>.erp-toolbar{flex-wrap:wrap!important}.page>.toolbar>.top-actions,.page>.toolbar>.toolbar-actions,.page>.erp-toolbar>.top-actions,.page>.erp-toolbar>.toolbar-actions{max-width:100%!important;flex-basis:100%!important;justify-content:flex-start!important}}
@media(max-width:700px){.tx-balance-summary{grid-template-columns:1fr 1fr}.tx-balance-summary>div{min-height:58px}.tx-balance-summary strong{font-size:14px}}