/* Rankiz UI hardening v8.12.1 — posting previews and branded ledgers */

/* All ledger headers use the same navy/yellow reporting language. */
#aLedger table.ledger thead th,#rLedger table.ledger thead th,#rkVlBody table.ledger thead th{
  background:#173f6d!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.55)!important;
  border-bottom:4px solid #ffe000!important;box-shadow:none!important;font-weight:800!important;
}
#aLedger table.ledger thead th:last-child,#rLedger table.ledger thead th:last-child,#rkVlBody table.ledger thead th:last-child{border-right:0!important}

.rk-gl-preview{margin:16px 0 12px;border:1px solid #c9d8ea;border-radius:16px;overflow:hidden;background:var(--card,#fff);box-shadow:0 5px 18px rgba(19,63,109,.08)}
.rk-gl-preview-title{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 16px;background:#173f6d;color:#fff;border-bottom:4px solid #ffe000}
.rk-gl-preview-title b{display:block;font-size:16px}.rk-gl-preview-title span:not(.rk-gl-status){display:block;margin-top:2px;color:#c9d8ea;font-size:12px}
.rk-gl-status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:800}.rk-gl-status.is-balanced{background:#15803d;color:#fff}
.rk-gl-preview-scroll{overflow-x:auto}.rk-gl-preview-table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}
.rk-gl-preview-table th{padding:10px 13px;text-align:left;background:#eaf1f9;color:#173f6d;border-right:1px solid #c9d8ea;border-bottom:1px solid #c9d8ea;font-size:12px;font-weight:800}
.rk-gl-preview-table th:nth-last-child(-n+2),.rk-gl-preview-table td:nth-last-child(-n+2){text-align:right}.rk-gl-preview-table td{padding:10px 13px;border-right:1px solid #dbe5f1;border-bottom:1px solid #dbe5f1;color:var(--ink)}
.rk-gl-preview-table th:last-child,.rk-gl-preview-table td:last-child{border-right:0}.rk-gl-preview-table tfoot td{background:#f3f7fc;font-weight:800;border-bottom:0}.rk-gl-dr{color:#155e75!important;font-weight:800}.rk-gl-cr{color:#15803d!important;font-weight:800}
.rk-gl-preview-empty{padding:18px 16px;color:var(--muted)}.rk-gl-preview-note{padding:9px 16px;background:#fffbea;color:#6b5600;border-top:1px solid #f2df74;font-size:12px}
.rk-new-posting{background:#173f6d!important;color:#fff!important;border:2px solid #ffe000!important;box-shadow:0 5px 12px rgba(19,63,109,.18);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease!important}
.rk-new-posting:hover,.rk-new-posting:focus-visible{background:#ffe000!important;color:#173f6d!important;transform:translateY(-2px);box-shadow:0 9px 20px rgba(19,63,109,.25)}
.rk-post-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media(max-width:680px){.rk-gl-preview-title{align-items:flex-start;flex-direction:column}.rk-gl-preview-table{min-width:0}.rk-gl-preview-table thead{display:none}.rk-gl-preview-table tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px;border-bottom:1px solid #c9d8ea}.rk-gl-preview-table tbody td{border:0!important;padding:5px 7px;text-align:left!important}.rk-gl-preview-table tbody td::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;margin-bottom:2px}.rk-gl-preview-table tbody td:first-child,.rk-gl-preview-table tbody td:nth-child(2){grid-column:1/-1}.rk-gl-preview-table tfoot{display:table;width:100%}.rk-new-posting{width:100%}}
.rk-posting-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.rk-posting-heading{min-width:0;flex:1}.rk-posting-heading>label,.rk-posting-heading>h2{display:block;margin:0 0 4px;color:var(--ink);font-size:19px;line-height:1.25;font-weight:850}.rk-posting-heading .hint{margin:0;max-width:850px}
.rk-posting-header-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.rk-posting-header-actions .rk-new-posting{width:auto!important;min-height:58px;white-space:nowrap;padding:0 18px}
.rk-posting-header-actions .rk-post-primary{width:auto!important;min-height:58px;padding:0 18px;white-space:nowrap;background:#ffe000!important;color:#173f6d!important;border:2px solid #ffe000!important;box-shadow:0 5px 12px rgba(19,63,109,.13);transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important}
.rk-posting-header-actions .rk-post-primary:hover,.rk-posting-header-actions .rk-post-primary:focus-visible{background:#ffea3b!important;transform:translateY(-2px);box-shadow:0 9px 20px rgba(19,63,109,.2)}
.rk-doc-nav{display:grid;grid-template-columns:42px minmax(66px,auto) 42px;align-items:stretch;min-height:58px;border:1px solid #9fb7d1;border-radius:12px;overflow:hidden;background:#f3f7fc;box-shadow:0 5px 14px rgba(19,63,109,.1)}
.rk-doc-nav button{appearance:none;border:0;background:#173f6d;color:#fff;font:900 19px/1 system-ui,-apple-system,sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}
.rk-doc-nav button:hover:not(:disabled),.rk-doc-nav button:focus-visible:not(:disabled){background:#ffe000;color:#173f6d;outline:0}
.rk-doc-nav button:active:not(:disabled){transform:scale(.94)}
.rk-doc-nav button:disabled{background:#dbe5f1;color:#8294aa;cursor:not-allowed}
.rk-doc-nav span{display:flex;align-items:center;justify-content:center;padding:0 10px;border-left:1px solid #c9d8ea;border-right:1px solid #c9d8ea;color:#173f6d;font-size:11px;font-weight:850;white-space:nowrap;text-transform:uppercase;letter-spacing:.035em}
.rk-doc-search-box{display:flex;align-items:stretch;min-height:58px;border:1px solid #9fb7d1;border-radius:12px;overflow:hidden;background:#f3f7fc;box-shadow:0 5px 14px rgba(19,63,109,.1)}
.rk-doc-search-input{border:0;background:transparent;padding:0 12px;font:800 13px system-ui,-apple-system,sans-serif;color:#173f6d;width:120px;min-width:88px;outline:0}
.rk-doc-search-input::placeholder{color:#8294aa;font-weight:700}
.rk-doc-search-go{appearance:none;border:0;border-left:1px solid #c9d8ea;background:#173f6d;color:#fff;font:900 16px/1 system-ui,-apple-system,sans-serif;cursor:pointer;padding:0 15px;transition:background .16s ease,color .16s ease,transform .16s ease}
.rk-doc-search-go:hover,.rk-doc-search-go:focus-visible{background:#ffe000;color:#173f6d;outline:0}
.rk-doc-search-go:active{transform:scale(.94)}
.rk-delete-posting{width:auto!important;min-height:58px;padding:0 16px;border:1px solid #e5a2a8!important;background:#fff5f5!important;color:#b4232f!important;font-weight:800!important;transition:background .16s ease,color .16s ease,transform .16s ease!important}.rk-delete-posting:hover,.rk-delete-posting:focus-visible{background:#b4232f!important;color:#fff!important;transform:translateY(-2px)}
.rk-posting-number{display:grid;grid-template-columns:auto auto;grid-template-areas:"label number" "status number";align-items:center;column-gap:12px;min-width:245px;margin:0;padding:10px 14px;border:1px solid #9fb7d1;border-left:6px solid #ffe000;border-radius:12px;background:linear-gradient(135deg,#f7faff,#e8f0f9);color:#173f6d;box-shadow:0 5px 14px rgba(19,63,109,.12)}
.rk-posting-number span{grid-area:label;font-size:11px;font-weight:800;color:#58708d;text-transform:uppercase;letter-spacing:.04em}
.rk-posting-number b{grid-area:number;font:900 18px ui-monospace,SFMono-Regular,Menlo,monospace;color:#173f6d;background:#fff;border:1px solid #c9d8ea;border-radius:8px;padding:7px 10px;white-space:nowrap}
.rk-posting-number small{grid-area:status;font-size:10px;font-weight:700;color:#58708d}
@media(max-width:760px){.rk-posting-header{flex-direction:column;gap:12px}.rk-posting-header-actions{width:100%;display:grid;grid-template-columns:1fr}.rk-posting-number{width:100%;min-width:0}.rk-doc-nav{width:100%;min-height:48px;grid-template-columns:48px 1fr 48px}.rk-posting-header-actions .rk-new-posting,.rk-posting-header-actions .rk-delete-posting,.rk-posting-header-actions .rk-post-primary{width:100%!important;min-height:48px}}

/* Unified SAP-style ledger filter bar: one contained surface, clear visual
   grouping, compact currency selector and a dominant free-text search. */
.rk-gl-toolbar{display:grid!important;grid-template-columns:104px minmax(230px,1.55fr) minmax(150px,.8fr) minmax(150px,.8fr) auto repeat(4,auto);align-items:end!important;gap:10px!important;margin:12px 0 14px!important;padding:14px!important;border:1px solid var(--line)!important;border-top:4px solid #173f6d!important;border-radius:16px!important;background:linear-gradient(180deg,var(--card),var(--card2))!important;box-shadow:0 7px 20px rgba(19,63,109,.09)!important;overflow:visible!important}
.rk-gl-toolbar>div{min-width:0!important;flex:none!important}.rk-gl-toolbar .lbl{margin:0 0 6px!important;color:var(--muted)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.025em!important}
.rk-gl-toolbar input,.rk-gl-toolbar select{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;border-radius:10px!important;background:var(--card)!important}
.rk-gl-toolbar .btn{height:42px!important;min-height:42px!important;padding:0 13px!important;border-radius:10px!important;white-space:nowrap!important}
.rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){width:104px!important;max-width:104px!important}
.rk-gl-toolbar>div:has(#aFilterText),.rk-gl-toolbar>div:has(#rFilterText),.rk-gl-toolbar>div:has(#rkVlSearch){min-width:230px!important}
.rk-gl-toolbar .rk-ledger-width-control{min-width:150px!important}.rk-writeoff-dates{margin:10px 0 12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}
@media(max-width:1250px) and (min-width:681px){.rk-gl-toolbar{grid-template-columns:104px minmax(260px,1fr) repeat(2,minmax(150px,.65fr)) auto!important}.rk-gl-toolbar>div:has(.btn){grid-row:2}.rk-gl-toolbar .rk-ledger-width-control{grid-column:auto}}
@media(max-width:680px){.rk-gl-toolbar{display:grid!important;grid-template-columns:92px 1fr!important;padding:11px!important;border-radius:14px!important}.rk-gl-toolbar>div{grid-column:1/-1}.rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){grid-column:1;width:92px!important;max-width:92px!important}.rk-gl-toolbar .rk-ledger-width-control{grid-column:2;min-width:0!important}.rk-gl-toolbar>div:has(.btn){grid-column:auto}.rk-gl-toolbar .btn{width:100%!important}.rk-writeoff-dates{display:grid!important;grid-template-columns:1fr!important}}

/* Reports use the same object-page hierarchy as posting screens while all
   existing filters and actions retain their current IDs and behavior. */
#reportFilters{border-top:0!important;padding:0 16px 16px!important;overflow:hidden!important;background:var(--card)!important}
#reportFilters .report-filter-head{margin:0 -16px 14px!important;padding:15px 16px!important;border:0!important;background:linear-gradient(105deg,#102f55,#1c4c7f)!important;color:#fff!important}
#reportFilters .report-filter-head .rk-posting-heading>label{color:#fff!important;font-size:20px!important}#reportFilters .report-filter-head .hint{color:#cfdbeb!important}
#reportFilters .report-header-actions .btn,#reportFilters .report-width-select{border-color:rgba(255,255,255,.3)!important;background:#fff!important;color:#173f6d!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important}
#reportFilters .report-header-actions #repXlsx{background:#ffe000!important;border-color:#ffe000!important;color:#173f6d!important}
#reportFilters .report-picker-row{margin-bottom:2px!important}#reportFilters .report-switcher{background:#eef3f9!important;border-radius:14px!important}
#reportFilters .report-category-row,#reportFilters .report-period-row,#reportFilters .report-fx-row,#reportFilters .report-fx-hint{padding:11px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--card2)!important}
#reportFilters .report-period-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}#reportFilters .report-period-row>.row{min-width:0!important;margin:0!important}#reportFilters #repCur{max-width:210px}
@media(max-width:980px){#reportFilters .report-filter-head{align-items:flex-start!important;flex-direction:column!important}.report-header-actions{width:100%;justify-content:flex-start!important}.report-category-row,.report-period-row,.report-fx-row,.report-fx-hint{grid-column:1/-1!important}}
@media(max-width:680px){#reportFilters{padding:0 11px 12px!important}#reportFilters .report-filter-head{margin:0 -11px 12px!important;padding:13px 11px!important}#reportFilters .report-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.report-header-actions .report-width-select{grid-column:1/-1;width:100%!important}.report-header-actions .btn{width:100%!important}#reportFilters .report-period-row{grid-template-columns:1fr!important}#reportFilters #repCur{max-width:none}}

/* v8.12.13: one clean object-page edge below the navigation. */
.rk-posting-card:not(#reportFilters){border-top-width:1px!important}

/* Named ledger positions prevent Search / From Date collisions at every
   desktop and tablet width, independent of DOM field order. */
.rk-gl-toolbar{grid-template-columns:minmax(260px,1.55fr) minmax(155px,.8fr) minmax(155px,.8fr) 108px 150px repeat(4,auto)!important}
.rk-gl-toolbar>div:has(#aFilterText),.rk-gl-toolbar>div:has(#rFilterText),.rk-gl-toolbar>div:has(#rkVlSearch){grid-column:1!important}
.rk-gl-toolbar>div:has(#aDateFrom),.rk-gl-toolbar>div:has(#rDateFrom),.rk-gl-toolbar>div:has(#rkVlFrom){grid-column:2!important}
.rk-gl-toolbar>div:has(#aDateTo),.rk-gl-toolbar>div:has(#rDateTo),.rk-gl-toolbar>div:has(#rkVlTo){grid-column:3!important}
.rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){grid-column:4!important;width:108px!important;max-width:108px!important}
.rk-gl-toolbar .rk-ledger-width-control{grid-column:5!important}
@media(max-width:1250px) and (min-width:681px){.rk-gl-toolbar{grid-template-columns:minmax(250px,1.35fr) minmax(145px,.75fr) minmax(145px,.75fr) 104px!important}.rk-gl-toolbar .rk-ledger-width-control{grid-column:1!important;grid-row:2!important}.rk-gl-toolbar>div:has(.btn){grid-row:2!important}}
@media(max-width:680px){.rk-gl-toolbar{grid-template-columns:1fr 1fr!important}.rk-gl-toolbar>div:has(#aFilterText),.rk-gl-toolbar>div:has(#rFilterText),.rk-gl-toolbar>div:has(#rkVlSearch){grid-column:1/-1!important}.rk-gl-toolbar>div:has(#aDateFrom),.rk-gl-toolbar>div:has(#rDateFrom),.rk-gl-toolbar>div:has(#rkVlFrom){grid-column:1!important}.rk-gl-toolbar>div:has(#aDateTo),.rk-gl-toolbar>div:has(#rDateTo),.rk-gl-toolbar>div:has(#rkVlTo){grid-column:2!important}.rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){grid-column:1!important}.rk-gl-toolbar .rk-ledger-width-control{grid-column:2!important;grid-row:auto!important}.rk-gl-toolbar>div:has(.btn){grid-row:auto!important}}
button.ovkv{appearance:none;-webkit-appearance:none;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;font-family:inherit;font-size:13px;line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;padding-left:0;padding-right:0;gap:10px}
button.ovkv:hover,button.ovkv:focus-visible{background:var(--chip);color:var(--accentText);outline:2px solid transparent}
/* v8.12.71: pending-invoice highlight in the customer statement */
.customer-statement-table tr.stmt-pending>td{background:#fff8e6!important}
.customer-statement-table tr.stmt-pending>td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
.stmt-pending-badge{display:inline-block;margin-top:3px;font-size:11px;font-weight:800;color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:1px 8px;line-height:1.55;white-space:nowrap}
.stmt-legend{margin:10px 2px 0;font-size:12px;color:#6b7890;line-height:1.5}
.stmt-legend .stmt-pending-badge{margin:0 4px 0 0}
/* v8.12.73: customer-ledger realised-FX reconciliation row */
.ledger tr.rk-fx-adjust>td{background:#f5f3ff}
.ledger tr.rk-fx-adjust>td:first-child{box-shadow:inset 3px 0 0 #725FB9}
html,body{max-width:100%;overflow-x:hidden}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app{width:100%}
.report-table-wrap,.rk-ledger-tree,.rk-exp-lines{max-width:100%;-webkit-overflow-scrolling:touch}
.report-table-wrap,.rk-exp-lines{overflow-x:auto}
.report-table-wrap table,.rk-exp-lines table{width:max-content;min-width:100%}
.report-sticky-viewport{max-width:100vw}
.report-sticky-shell{z-index:5000!important;margin:0!important;border-top:0!important;box-shadow:0 5px 14px rgba(0,0,0,.22)!important}
.report-sticky-shell table{margin:0!important}
.report-sticky-shell thead tr:first-child>*{border-top:0!important}
.report-sticky-shell thead tr>*{height:44px!important;min-height:44px!important;padding:10px 8px!important;background:#071a31!important;color:#fff!important;border-bottom:3px solid #fde004!important;font-weight:800!important;line-height:1.2!important;vertical-align:middle!important;white-space:nowrap!important}
.report-sticky-shell thead tr>*:last-child{color:#fde004!important}
header{position:sticky!important;top:0!important;z-index:6000!important;overflow:visible!important;padding-bottom:0!important}
.dmenu{z-index:9000!important;overflow:visible!important}
.dmenu .dm-item{z-index:9001}
.dmenu .dm-item.open{z-index:9009}
.dmenu .dm-pop{z-index:9010!important}
#navDrawer{z-index:9020!important}

/* Reports workspace: compact navigation, aligned controls and a clean output surface. */
#tab-reports{--report-radius:20px}
#reportFilters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px 12px;padding:16px!important;border-radius:var(--report-radius)!important;border-top:4px solid var(--accent);box-shadow:0 8px 24px rgba(19,59,104,.08)!important}
#reportFilters>.row,#reportFilters>.two{margin:0}
.report-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.report-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.report-header-actions .btn{min-height:38px;white-space:nowrap}
.report-filter-head,.report-picker-row{grid-column:1/-1}
.report-category-row{grid-column:span 3}
.report-period-row{grid-column:span 9}
.report-fx-row{grid-column:span 6}
.report-fx-hint{grid-column:span 6;align-self:center}
.report-filter-head b{display:block;color:var(--ink);font-size:18px;line-height:1.2}
.report-filter-head span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
#reportFilters .report-switcher{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;gap:8px;width:100%;padding:7px;background:var(--card2);border:1px solid var(--line);border-radius:17px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;box-shadow:inset 0 1px 2px rgba(19,59,104,.06)}
#reportFilters .report-switcher::-webkit-scrollbar{height:4px}
#reportFilters .report-switcher::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}
#reportFilters .report-switcher .seg-btn{position:relative;flex:0 0 auto;min-width:122px;min-height:42px;padding:9px 12px;line-height:1.2;border:1px solid transparent;border-radius:12px;white-space:nowrap;scroll-snap-align:start;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}
#reportFilters .report-switcher .seg-btn:hover{transform:translateY(-2px);border-color:var(--line);background:var(--card);box-shadow:0 7px 14px rgba(19,59,104,.12)}
#reportFilters .report-switcher .seg-btn.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 70%,#c79000);box-shadow:0 7px 16px rgba(19,59,104,.16),inset 0 -2px 0 rgba(0,0,0,.08)}
#reportFilters .report-switcher .seg-btn.active::after{content:"";position:absolute;left:50%;bottom:4px;width:18px;height:3px;border-radius:999px;background:var(--ink);transform:translateX(-50%)}
#reportFilters .report-switcher .seg-btn:active{transform:translateY(0) scale(.98)}
.report-width-select{width:auto!important;min-width:138px;min-height:38px!important;padding:7px 32px 7px 10px!important;border-radius:11px!important;font-size:12px!important;font-weight:700}
#reportFilters>.two{gap:10px}
#reportFilters>.two .row{margin-bottom:10px}
.report-output-card{padding:0!important;overflow:visible;border-radius:var(--report-radius)!important;box-shadow:0 8px 24px rgba(19,59,104,.08)!important}
#reportBody{padding:16px;min-width:0}
#reportBody .report-table-wrap{margin:12px -16px 0;border-top:1px solid var(--line);border-radius:0 0 var(--report-radius) var(--report-radius);background:var(--card)}
#reportBody .report-table-wrap table{width:100%;margin:0;border-collapse:separate!important;border-spacing:0}
#reportBody .report-table-wrap thead tr>*{height:auto!important;min-height:42px;vertical-align:middle!important;line-height:1.2!important;padding-top:11px!important;padding-bottom:11px!important;background:#133b68!important;color:#fff!important;border-bottom:3px solid var(--accent)!important;font-weight:800!important}
#reportBody .report-table-wrap thead tr>*:last-child{color:#fde004!important}
#reportBody .report-table-wrap tr>*+*{border-left:1px solid var(--line)!important}
#reportBody .report-table-wrap tbody tr>*{border-bottom:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important}
#reportBody .report-table-wrap tbody tr:nth-child(even){background:color-mix(in srgb,var(--card2) 54%,transparent)}
#reportBody .report-table-wrap tbody tr{transition:background .14s ease,box-shadow .14s ease}
#reportBody .report-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--chip) 78%,transparent);box-shadow:inset 3px 0 0 var(--accent)}
#reportBody .report-table-wrap+.hint{display:block;clear:both;margin:14px 0 0!important;padding:10px 12px;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--muted);font-size:12px;line-height:1.55;text-align:left;white-space:normal}
#tab-reports>.export{margin-top:14px!important}
/* Column width is a report-wide preference. Auto is the default and ends each
   column close to its content instead of stretching across unused space. */
#tab-reports.report-width-auto #reportBody .report-table-wrap table{width:max-content!important;min-width:0!important;table-layout:auto!important}
#tab-reports.report-width-auto #reportBody .report-table-wrap tr>*{padding-left:8px!important;padding-right:8px!important}
#tab-reports.report-width-auto #reportBody .report-table-wrap tr>*:first-child{max-width:420px;white-space:normal}
#tab-reports.report-width-compact #reportBody .report-table-wrap table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
#tab-reports.report-width-compact #reportBody .report-table-wrap tr>*{padding:6px 7px!important}
#tab-reports.report-width-compact #reportBody .report-table-wrap tr>*:not(:first-child){min-width:88px}
#tab-reports.report-width-standard #reportBody .report-table-wrap table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
#tab-reports.report-width-standard #reportBody .report-table-wrap tr>*{padding-left:10px!important;padding-right:10px!important}
#tab-reports.report-width-standard #reportBody .report-table-wrap tr>*:not(:first-child){min-width:120px}
#tab-reports.report-width-wide #reportBody .report-table-wrap table{width:max-content!important;min-width:100%!important;table-layout:auto!important}
#tab-reports.report-width-wide #reportBody .report-table-wrap tr>*{padding-left:16px!important;padding-right:16px!important}
#tab-reports.report-width-wide #reportBody .report-table-wrap tr>*:not(:first-child){min-width:168px}
.statement-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 0;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,var(--card2),var(--card));box-shadow:0 4px 14px rgba(19,59,104,.06)}
.statement-hero__title{min-width:0}
.statement-hero__title b{display:block;font-size:17px;line-height:1.25;color:var(--ink)}
.statement-hero__title .hint{margin-top:3px}
.statement-hero .btn{flex:0 0 auto;min-height:42px}
.statement-view-actions{display:flex;gap:8px;flex-wrap:wrap}
.customer-statement-table{table-layout:fixed;min-width:920px}
.customer-statement-table th,.customer-statement-table td{font-variant-numeric:tabular-nums}
.customer-statement-table th:nth-child(1),.customer-statement-table td:nth-child(1){width:112px}
.customer-statement-table th:nth-child(2),.customer-statement-table td:nth-child(2){width:116px}
.customer-statement-table th:nth-child(3),.customer-statement-table td:nth-child(3){width:auto;min-width:190px;white-space:normal}
.customer-statement-table th:nth-child(n+4),.customer-statement-table td:nth-child(n+4){width:142px;white-space:nowrap}
.rk-posting-card{overflow:visible;border:1px solid var(--line)!important;border-top:4px solid #133b68!important;border-radius:16px!important;padding:16px 18px 18px!important;box-shadow:0 8px 24px rgba(19,59,104,.09)!important}
.rk-posting-card .rk-posting-header{margin:0 0 16px;padding:0 0 15px;background:transparent}
.rk-posting-card .rk-posting-heading>label,.rk-posting-card .rk-posting-heading>h2{font-size:20px;letter-spacing:-.015em}
.rk-posting-card>.row,.rk-posting-card>.two,.rk-posting-card>div>.row,.rk-posting-card>div>.two{gap:12px}
.rk-posting-card .row>label{margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:800}
.rk-posting-card input,.rk-posting-card select,.rk-posting-card .ddfield{border-color:color-mix(in srgb,var(--line) 88%,#9fb7d1);background:var(--card2)}
.rk-posting-card input:focus,.rk-posting-card select:focus,.rk-posting-card .ddfield:focus-within{border-color:#2f6fab!important;box-shadow:0 0 0 3px rgba(47,111,171,.13)!important;outline:0}
.rk-workflow-tabs{position:relative;display:flex!important;width:100%;gap:0!important;margin:0 0 16px!important;padding:0 6px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--card2)!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.rk-workflow-tabs .seg-btn{position:relative;flex:1 0 auto;min-width:150px;min-height:50px;padding:13px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:13px!important;font-weight:800!important;white-space:nowrap;transition:color .16s ease,background .16s ease}
.rk-workflow-tabs .seg-btn:hover,.rk-workflow-tabs .seg-btn:focus-visible{background:color-mix(in srgb,var(--card) 70%,transparent)!important;color:#133b68!important;outline:0}
.rk-workflow-tabs .seg-btn.active{background:var(--card)!important;color:#133b68!important;box-shadow:none!important}
.rk-workflow-tabs .seg-btn.active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:#ffe000}
.rk-header-secondary{width:auto!important;min-height:58px;padding:0 16px!important;border:1px solid #9fb7d1!important;background:#eef4fb!important;color:#173f6d!important;font-weight:800!important;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
.rk-header-secondary:hover,.rk-header-secondary:focus-visible{background:#dce9f7!important;border-color:#2f6fab!important;transform:translateY(-2px)}
.rk-posting-card .rk-post-actions{justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.rk-posting-card .rk-post-actions .btn-accent{min-width:170px}
.rk-coa-popover{position:fixed;z-index:100000;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 42px rgba(15,23,42,.28);overflow-y:auto;overscroll-behavior:contain;isolation:isolate}
.rk-coa-popover .rk-ledger-group{position:relative;z-index:1;padding:8px 10px;color:var(--accentText);font-weight:800;background:var(--chip);border:0;border-bottom:1px solid var(--line)}
.rk-coa-popover .rk-ledger-leaf{position:relative;z-index:1;display:block;width:100%;padding:9px 10px;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.rk-coa-popover .rk-ledger-leaf:hover{background:var(--accent);color:var(--accentText)}
.rk-coa-popover .rk-ledger-code{display:inline-block;min-width:68px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}
.rk-customer-select,.rk-customer-field-select{width:100%}
.rk-screen-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.rk-screen-title label{font-size:18px;color:var(--ink)}
.rk-workflow-tabs{width:100%}
/* Vendor posting and GL posting are separate screens. The generic mobile
   workflow layout must never reveal the vendor steps on the GL screen. */
#tab-glpost .rk-workflow-tabs{display:none!important}
#tab-add #rkDirectMode{display:none!important}
.rk-post-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.rk-post-actions .btn{width:auto!important;min-width:170px;min-height:44px}
.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:12px!important}
.kpi{min-width:0;box-shadow:0 4px 14px rgba(19,59,104,.07)!important}
.kpi .v{font-size:clamp(16px,2vw,22px)!important;line-height:1.15;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.kpi .l{font-size:12px!important;line-height:1.35}
#tab-dashboard>.card{min-width:0;overflow:hidden}
#tab-dashboard svg{max-width:100%;height:auto}

/* General, Customer and Vendor ledger workspace: compact, neutral accounting
   rows. The outer wrapper stays vertically visible so the native sticky table
   header can pin to the viewport instead of becoming trapped mid-table. */
#aLedger .rk-gl-scroll,#rLedger .rk-gl-scroll,#rkVlBody .rk-gl-scroll{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 7px 20px rgba(19,59,104,.07);overflow:visible!important}
#aLedger table.ledger,#rLedger table.ledger,#rkVlBody table.ledger{width:100%;border-collapse:separate!important;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}
#aLedger table.ledger thead th,#rLedger table.ledger thead th,#rkVlBody table.ledger thead th{height:36px!important;padding:6px 8px!important;line-height:1.15!important}
#aLedger table.ledger tbody td,#rLedger table.ledger tbody td,#rkVlBody table.ledger tbody td{height:auto!important;padding:4px 8px!important;line-height:1.18!important;vertical-align:top!important;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;color:var(--ink)!important}
#aLedger table.ledger tbody tr,#rLedger table.ledger tbody tr,#rkVlBody table.ledger tbody tr{transition:background .14s ease,box-shadow .14s ease}
#aLedger table.ledger tbody tr:nth-child(even),#rLedger table.ledger tbody tr:nth-child(even),#rkVlBody table.ledger tbody tr:nth-child(even){background:color-mix(in srgb,var(--card2) 48%,transparent)}
#aLedger table.ledger tbody tr:hover,#rLedger table.ledger tbody tr:hover,#rkVlBody table.ledger tbody tr:hover{background:color-mix(in srgb,var(--chip) 62%,var(--card));box-shadow:inset 3px 0 0 var(--accent)}
#aLedger table.ledger tbody tr.rk-gl-opening,#rLedger table.ledger tbody tr.rk-gl-opening,#rkVlBody table.ledger tbody tr.rk-gl-opening{background:#edf4fb!important;box-shadow:inset 3px 0 0 #2f6fab}
#aLedger table.ledger tbody tr.rk-gl-opening td,#rLedger table.ledger tbody tr.rk-gl-opening td,#rkVlBody table.ledger tbody tr.rk-gl-opening td{color:#173f6d!important;border-bottom:2px solid #b8cce1!important}
#aLedger table.ledger .dr,#aLedger table.ledger .cr,#rLedger table.ledger .dr,#rLedger table.ledger .cr,#rkVlBody table.ledger .dr,#rkVlBody table.ledger .cr{color:var(--ink)!important;font-weight:750!important}
#aLedger table.ledger .rk-ref,#rLedger table.ledger .rk-ref,#rkVlBody table.ledger .rk-ref{color:#1c5f95!important;font-weight:800}
#aLedger table.ledger .edit,#aLedger table.ledger .del,#rLedger table.ledger .edit,#rLedger table.ledger .del{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;min-height:23px!important;margin:0 0 2px;padding:3px 7px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--card)!important;color:#1c5f95!important;font-size:10px!important;font-weight:800!important;line-height:1!important}
#aLedger table.ledger .del,#rLedger table.ledger .del{color:#42546b!important}
#aLedger table.ledger .edit:hover,#aLedger table.ledger .del:hover,#rLedger table.ledger .edit:hover,#rLedger table.ledger .del:hover{border-color:#2f6fab!important;background:#e8f1fb!important;color:#133b68!important}
#aLedger table.ledger tfoot td,#rLedger table.ledger tfoot td,#rkVlBody table.ledger tfoot td{padding:7px 8px!important;background:var(--card2);color:var(--ink)!important;font-weight:800}
.rk-ledger-width-control{flex:0 0 auto!important;min-width:150px}
.rk-ledger-width-buttons{display:grid;grid-template-columns:36px minmax(72px,1fr) 36px;align-items:center;min-height:36px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card)}
.rk-ledger-width-buttons button{height:36px;border:0;border-radius:0;background:var(--chip);color:var(--accentText);font-size:20px;font-weight:850;cursor:pointer}
.rk-ledger-width-buttons button:hover:not(:disabled){background:var(--accent);color:#fff}.rk-ledger-width-buttons button:disabled{opacity:.32;cursor:not-allowed}
.rk-ledger-width-value{text-align:center;padding:0 7px;color:var(--ink);font-size:11px;font-weight:800}
.rk-ledger-width-compact table.ledger{table-layout:fixed!important}
.rk-ledger-width-compact table.ledger tr>*{padding-left:4px!important;padding-right:4px!important}.rk-ledger-width-compact table.ledger th:nth-child(1){width:8%}.rk-ledger-width-compact table.ledger th:nth-child(2){width:10%}.rk-ledger-width-compact table.ledger th:nth-child(3){width:34%}
.rk-ledger-width-standard table.ledger{table-layout:fixed!important}
.rk-ledger-width-standard table.ledger th:nth-child(1){width:11%}.rk-ledger-width-standard table.ledger th:nth-child(2){width:14%}.rk-ledger-width-standard table.ledger th:nth-child(3){width:38%}
.rk-ledger-width-wide table.ledger{table-layout:fixed!important}
.rk-ledger-width-wide table.ledger th:nth-child(1){width:13%}.rk-ledger-width-wide table.ledger th:nth-child(2){width:17%}.rk-ledger-width-wide table.ledger th:nth-child(3){width:44%}.rk-ledger-width-wide table.ledger tr>*{padding-left:11px!important;padding-right:11px!important}
.report-workspace>.report-filter-head.rk-posting-header{margin:0 0 6px!important;padding:0 0 15px!important}
.report-workspace .report-header-actions{align-items:stretch}

/* Tablet / reduced-laptop layout (SAP size M): preserve the object header,
   wrap toolbars, and keep dense tables usable without crushing fields. */
@media(min-width:851px) and (max-width:1180px){
  .app{padding-left:14px!important;padding-right:14px!important}
  .tabs,.dmenu{overflow-x:auto;overscroll-behavior-x:contain}
  .rk-posting-header{align-items:flex-start!important;flex-wrap:wrap!important}
  .rk-posting-heading{flex:1 1 480px!important;min-width:0}
  .rk-posting-header-actions{flex:1 1 100%!important;width:100%;justify-content:flex-end;flex-wrap:wrap}
  .rk-posting-header-actions .rk-posting-number{flex:1 1 340px;min-width:280px}
  .rk-posting-card>.two,.rk-posting-card>div>.two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
  .rk-posting-card>.two>.row,.rk-posting-card>div>.two>.row{min-width:0;width:100%}
  .rk-lines,.ledger{font-size:12px}
  #reportFilters{grid-template-columns:repeat(6,minmax(0,1fr))}
  .report-category-row{grid-column:span 2}
  .report-period-row{grid-column:span 4}
  .report-fx-row,.report-fx-hint{grid-column:span 3}
  .report-filter-head{align-items:flex-start;flex-wrap:wrap}
  .report-header-actions{flex:1 1 100%;justify-content:flex-start}
  .report-output-card{max-width:100%;overflow:hidden}
  #reportBody .report-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #tab-dashboard .dash-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:850px){
  .app{padding-left:10px!important;padding-right:10px!important}
  header{max-width:100vw}
  .brand{min-width:0}
  .brand>div:nth-child(2){min-width:0}
  .brand h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card{padding:12px!important;border-radius:13px!important}
  .two,.filterbar,.rk-party-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .two>.row,.filterbar>div{width:100%;min-width:0}
  .rk-workflow-tabs{display:grid!important;grid-template-columns:1fr!important}
  .rk-lines{font-size:12px}
  .rk-posting-card .rk-exp-lines{overflow:visible!important}
  .rk-posting-card .rk-lines,.rk-posting-card .rk-lines tbody,.rk-posting-card .rk-lines tr,.rk-posting-card .rk-lines td{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .rk-posting-card .rk-lines{border-collapse:separate!important;border-spacing:0 9px!important}
  .rk-posting-card .rk-lines thead{display:none!important}
  .rk-posting-card .rk-lines tr{padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--card);overflow:visible}
  .rk-posting-card .rk-lines td{padding:5px 0!important;border:0!important;overflow:visible}
  .rk-posting-card .rk-lines td[data-label]::before{content:attr(data-label);display:block;margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:800}
  .rk-posting-card .rk-lines td:not([data-label]):nth-child(1)::before{content:"Account / document";display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800}
  .rk-posting-card .rk-lines td:not([data-label]):nth-child(2)::before{content:"Description";display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800}
  .rk-posting-card .rk-lines td:not([data-label]):nth-child(3)::before{content:"Amount / outstanding";display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800}
  .rk-posting-card .rk-lines td:not([data-label]):nth-child(4)::before{content:"Pay now";display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800}
  .rk-posting-card .rk-lines input,.rk-posting-card .rk-lines select,.rk-posting-card .rk-coa-picker{width:100%!important;min-width:0!important;max-width:100%!important}
  .rk-coa-picker,.rk-customer-picker{min-width:0;width:100%}
  .rk-coa-popover{max-width:calc(100vw - 16px)!important}
  .rk-total{justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap;font-size:12px}
  .rk-total span{background:var(--chip);border-radius:8px;padding:7px 9px}
  .rk-post-actions{display:flex;justify-content:flex-end}
  .rk-post-actions .btn{width:auto!important;min-width:170px}
  .report-table-wrap{margin-left:-2px;margin-right:-2px;overscroll-behavior-x:contain}
  .report-sticky-shell{max-width:calc(100vw - 20px)}
  .agerow{min-width:620px}
  .kpis{grid-template-columns:1fr 1fr!important}
  #tab-dashboard>.card{margin-top:10px}
  #reportFilters{display:block}
  #reportFilters>.row,#reportFilters>.two,#reportFilters>.hint{margin-bottom:10px}
  #aLedger .rk-gl-scroll,#rLedger .rk-gl-scroll,#rkVlBody .rk-gl-scroll{overflow-x:auto!important;overflow-y:visible!important;border-radius:11px}
}
@media(max-width:760px){
  .rk-posting-card{padding:13px!important;border-radius:14px!important}
  .rk-posting-card .rk-posting-header{margin-bottom:12px;padding-bottom:12px}
  .rk-posting-header-actions{grid-template-columns:1fr 1fr!important}
  .rk-posting-header-actions>.rk-posting-number,.rk-posting-header-actions>#rDocNo,.rk-posting-header-actions>#jDocNo,.rk-posting-header-actions>#asDocNo,.rk-posting-header-actions>#pyDocNo{grid-column:1/-1}
  .rk-posting-header-actions .rk-new-posting,.rk-posting-header-actions .rk-delete-posting,.rk-posting-header-actions .rk-header-secondary{width:100%!important;min-height:46px}
  .rk-workflow-tabs{padding:0 4px!important;scroll-snap-type:x proximity}
  .rk-workflow-tabs .seg-btn{min-width:145px;min-height:46px;padding:11px 13px!important;scroll-snap-align:start}
  .rk-posting-card .rk-post-actions{display:flex;justify-content:flex-end}
  .rk-posting-card .rk-post-actions .btn{width:auto!important;min-width:170px}
}

@media(max-width:680px){
  .report-sticky-shell{display:none!important}
  #reportFilters{padding:12px!important;border-radius:13px!important}
  .report-filter-head{margin-bottom:9px}
  .report-filter-head b{font-size:16px}
  #reportFilters .report-switcher{padding:5px}
  #reportFilters .report-switcher::-webkit-scrollbar{display:none}
  #reportFilters .report-switcher .seg-btn{flex:0 0 auto;min-width:116px;min-height:40px;scroll-snap-align:start;white-space:nowrap}
  .report-filter-head{align-items:flex-start}
  .report-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .report-header-actions .report-width-select{grid-column:1/-1;width:100%!important}
  .report-header-actions #repPrint{grid-column:1/-1}
  .report-header-actions .btn{width:100%}
  .report-width-select{min-width:128px;font-size:11px!important;padding:7px 28px 7px 8px!important}
  #reportBody{padding:12px}
  #reportBody .report-table-wrap{display:block!important;width:auto!important;max-width:calc(100% + 24px)!important;margin:10px -12px 0;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding-bottom:7px}
  #reportBody .report-table-wrap thead{position:static!important}
  #reportBody .report-table-wrap thead tr>*{position:static!important;padding-top:9px!important;padding-bottom:9px!important;box-shadow:none}
  .statement-hero{align-items:flex-start;padding:12px;flex-direction:column}
  .statement-hero .btn{width:100%}
  /* Restore the original report-table layout on phones. Wide reports stay as
     one table and move horizontally with a finger; no rows are converted into
     cards and no frozen mobile header can overlap the data. */
  #reportBody .report-table-wrap table{display:table!important;width:max-content!important;min-width:max-content!important;max-width:none!important;table-layout:auto!important}
  #reportBody .report-table-wrap thead{display:table-header-group!important}
  #reportBody .report-table-wrap tbody{display:table-row-group!important}
  #reportBody .report-table-wrap tfoot{display:table-footer-group!important}
  #reportBody .report-table-wrap tr{display:table-row!important}
  #reportBody .report-table-wrap th,#reportBody .report-table-wrap td{display:table-cell!important;width:auto!important;min-width:0!important;max-width:420px!important;white-space:nowrap!important;transform:none!important}
  #reportBody .report-table-wrap th:first-child,#reportBody .report-table-wrap td:first-child{white-space:normal!important;min-width:150px!important}
  #reportBody .report-table-wrap th:not(:first-child),#reportBody .report-table-wrap td:not(:first-child){min-width:104px!important}
  #reportBody .report-table-wrap td.l:not(:first-child){white-space:normal!important;min-width:180px!important;max-width:280px!important}
  #reportBody .report-table-wrap td[data-label]::before{display:none!important;content:none!important}
  .customer-statement-table{min-width:844px!important}
}

@media(max-width:480px){
  /* The long product description was pushing the hamburger beyond the phone
     viewport. Keep the compact title and all controls visible instead. */
  .brand .sub{display:none!important}
  .brand{gap:8px}
  .brand h1{font-size:16px}
  .kpis{grid-template-columns:1fr!important}
  .kpi{padding:12px!important}
  .rk-screen-title label{font-size:16px}
  .report-sticky-shell{max-width:calc(100vw - 16px)}
}

@media print{
  body *{visibility:hidden!important}
  #tab-reports,#tab-reports .report-output-card,#tab-reports #reportBody,#tab-reports #reportBody *{visibility:visible!important}
  #tab-reports{display:block!important;position:absolute!important;inset:0!important;margin:0!important;padding:0!important;background:#fff!important;color:#17243d!important}
  #tab-reports #reportFilters,.report-sticky-shell{display:none!important}
  #tab-reports .report-output-card{border:0!important;box-shadow:none!important}
  #tab-reports #reportBody{padding:0!important}
  #tab-reports #reportBody .report-table-wrap{overflow:visible!important;margin:12px 0 0!important}
  #tab-reports #reportBody .report-table-wrap table{width:100%!important;min-width:100%!important;color:#17243d!important}
}

/* v8.12.13 final cascade: keep object pages and ledger filter bars aligned. */
.rk-posting-card:not(#reportFilters){border-top-width:1px!important}
.rk-gl-toolbar{
  display:grid!important;
  grid-template-columns:minmax(230px,1.35fr) minmax(170px,1fr) minmax(170px,1fr) minmax(112px,.55fr) auto!important;
  align-items:end!important;
  gap:12px!important;
}
.rk-gl-toolbar>div:has(#aFilterText),.rk-gl-toolbar>div:has(#rFilterText),.rk-gl-toolbar>div:has(#rkVlSearch){grid-column:1!important;min-width:0!important}
.rk-gl-toolbar>div:has(#aDateFrom),.rk-gl-toolbar>div:has(#rDateFrom),.rk-gl-toolbar>div:has(#rkVlFrom){grid-column:2!important;min-width:0!important}
.rk-gl-toolbar>div:has(#aDateTo),.rk-gl-toolbar>div:has(#rDateTo),.rk-gl-toolbar>div:has(#rkVlTo){grid-column:3!important;min-width:0!important}
.rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){grid-column:4!important;min-width:0!important}
.rk-gl-toolbar .rk-ledger-width-control,.rk-gl-toolbar>div:has(.rk-ledger-width-control){grid-column:5!important;min-width:max-content!important}
.rk-gl-toolbar input,.rk-gl-toolbar select{width:100%!important;min-width:0!important}
.rk-gl-toolbar>.rk-ledger-actions{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
.rk-ledger-actions>div{flex:0 0 auto!important;min-width:0!important}
.rk-ledger-actions .btn{width:auto!important;min-width:110px!important;padding-left:16px!important;padding-right:16px!important}
@media(max-width:1050px){
  .rk-gl-toolbar{grid-template-columns:minmax(220px,1.3fr) minmax(160px,1fr) minmax(160px,1fr) minmax(110px,.65fr)!important}
  .rk-gl-toolbar .rk-ledger-width-control,.rk-gl-toolbar>div:has(.rk-ledger-width-control){grid-column:1/-1!important;justify-self:end!important}
}
@media(max-width:680px){
  .rk-gl-toolbar{grid-template-columns:1fr 1fr!important}
  .rk-gl-toolbar>div:has(#aFilterText),.rk-gl-toolbar>div:has(#rFilterText),.rk-gl-toolbar>div:has(#rkVlSearch){grid-column:1/-1!important}
  .rk-gl-toolbar>div:has(#aDateFrom),.rk-gl-toolbar>div:has(#rDateFrom),.rk-gl-toolbar>div:has(#rkVlFrom){grid-column:1!important}
  .rk-gl-toolbar>div:has(#aDateTo),.rk-gl-toolbar>div:has(#rDateTo),.rk-gl-toolbar>div:has(#rkVlTo){grid-column:2!important}
  .rk-gl-toolbar #aLedgerCurWrap,.rk-gl-toolbar>div:has(#rCurFilter),.rk-gl-toolbar>div:has(#rkVlCur){grid-column:1!important}
  .rk-gl-toolbar .rk-ledger-width-control,.rk-gl-toolbar>div:has(.rk-ledger-width-control){grid-column:2!important;justify-self:stretch!important}
  .rk-gl-toolbar>.rk-ledger-actions{grid-column:1/-1!important;gap:8px!important}
  .rk-ledger-actions .btn{width:auto!important;min-width:104px!important}
}

/* v8.12.16: keep the Customer Ledger selector and its suggestion panel above
   the sticky ledger toolbar. The toolbar intentionally remains at z-index 40
   so its frozen-scroll behavior is preserved without covering search results. */
#tab-clientledger>.card:first-child{
  position:relative!important;
  z-index:80!important;
  overflow:visible!important;
  isolation:auto!important;
}
#rkLedgerCustomerPicker,
#rkLedgerCustomerPicker>.rk-customer-picker{
  position:relative!important;
  z-index:81!important;
  overflow:visible!important;
}
#rkLedgerCustomerPicker .rk-customer-results{
  z-index:82!important;
}
#tab-clientledger .rk-gl-toolbar{
  z-index:40!important;
}

/* v8.12.16: one branded combobox treatment across posting and reporting.
   The original report selects remain in the DOM as the data source so none of
   their existing change handlers or accounting behavior is replaced. */
.rk-report-select-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.rk-report-select-picker{width:100%;min-width:0}
.report-header-actions>.rk-report-select-picker.report-width-select{width:auto!important;min-width:160px!important}
.rk-bp-input{
  padding-right:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23133b68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 15px center!important;
  background-size:18px 18px!important;
}
@media(max-width:680px){
  .report-header-actions>.rk-report-select-picker.report-width-select{grid-column:1/-1;width:100%!important}
}

/* v8.12.17: master-data pickers, report action/footer alignment and branded
   frozen report headers. */
.rk-master-select-source{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;
}
.rk-master-select-picker{width:100%;min-width:0}

#reportFilters .report-header-actions{
  flex:1 1 720px!important;display:grid!important;
  grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(130px,1fr))!important;
  align-items:stretch!important;gap:10px!important;
}
#reportFilters .report-header-actions>.rk-report-select-picker.report-width-select{
  width:100%!important;min-width:0!important;
}
#reportFilters .report-header-actions .btn,
#reportFilters .report-header-actions #repXlsx{
  width:100%!important;min-width:0!important;background:#fff!important;
  border-color:rgba(255,255,255,.38)!important;color:#173f6d!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
#reportFilters .report-header-actions .btn:hover,
#reportFilters .report-header-actions .btn:focus-visible,
#reportFilters .report-header-actions #repXlsx:hover,
#reportFilters .report-header-actions #repXlsx:focus-visible{
  background:#ffe000!important;border-color:#ffe000!important;color:#173f6d!important;transform:translateY(-1px);
}
#reportFilters .report-fx-hint{
  grid-column:1/-1!important;width:100%!important;margin:2px 0 0!important;padding:12px 14px!important;
  border:0!important;border-top:1px solid var(--line)!important;border-radius:0 0 12px 12px!important;
  background:var(--card2)!important;align-self:end!important;
}
.report-sticky-shell thead tr>*{
  background:#173f6d!important;color:#fff!important;
}
.report-sticky-shell thead tr>*:last-child{color:#ffe000!important}
@media(max-width:980px){
  #reportFilters .report-header-actions{grid-template-columns:minmax(165px,1.3fr) repeat(3,minmax(118px,1fr))!important}
}
@media(max-width:680px){
  #reportFilters .report-header-actions{grid-template-columns:1fr 1fr!important}
  #reportFilters .report-header-actions>.rk-report-select-picker.report-width-select{grid-column:1/-1!important}
  #reportFilters .report-fx-hint{border-radius:0 0 10px 10px!important}
}
/* v8.12.19 · Annual prepaid-subscription schedules */
.rk-sub-overlay{position:fixed;inset:0;z-index:100100;background:rgba(5,26,51,.64);backdrop-filter:blur(4px);padding:clamp(10px,2vw,28px);overflow:auto;display:flex;align-items:flex-start;justify-content:center}
.rk-sub-modal{width:min(1500px,100%);margin:auto;background:#fff;color:#102342;border:1px solid #d8e2ef;border-radius:22px;box-shadow:0 26px 80px rgba(5,26,51,.32);overflow:hidden}
.rk-sub-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;background:#123f70;color:#fff;border-bottom:4px solid #ffe000}
.rk-sub-modal-head h2,.rk-sub-modal-head p,.rk-sub-title h3,.rk-sub-list-head h3{margin:0}.rk-sub-modal-head h2{font-size:clamp(20px,2.1vw,30px);line-height:1.2}.rk-sub-modal-head p{margin-top:5px;color:#d9e7f7;font-size:13px}
.rk-sub-modal-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:560px}.rk-sub-list{padding:20px;background:#f3f7fc;color:#102342;border-right:1px solid #d8e2ef}.rk-sub-work{padding:24px;min-width:0;background:#fff;color:#102342}
.rk-sub-modal .empty{color:#60718c}.rk-sub-modal .row>label{color:#536782}.rk-sub-modal input{background:#f2f6fc!important;color:#102342!important;border-color:#cbd9ea!important}.rk-sub-modal input::placeholder{color:#71829a!important}
.rk-sub-list-head,.rk-sub-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.rk-sub-title{padding-bottom:14px;border-bottom:1px solid var(--line,#d8e2ef)}.rk-sub-title span{display:block;color:var(--muted,#64748b);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rk-sub-title h3{font-size:22px;margin-top:3px}
.rk-sub-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.rk-sub-title-actions .btn{width:auto!important;min-width:150px!important}
.rk-sub-card{background:#fff;border:1px solid var(--line,#d8e2ef);border-radius:14px;margin-bottom:10px;padding:5px;transition:border-color .18s,box-shadow .18s,transform .18s}.rk-sub-card:hover,.rk-sub-card.active{border-color:#2b6fb1;box-shadow:0 9px 22px rgba(18,63,112,.12);transform:translateY(-1px)}.rk-sub-view{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:11px;background:transparent;color:var(--ink,#102342);border:0;text-align:left;cursor:pointer;font:inherit}.rk-sub-view span{min-width:0}.rk-sub-view b,.rk-sub-view small{display:block}.rk-sub-view small{margin-top:4px;color:var(--muted,#64748b);font-size:11px;line-height:1.35}.rk-sub-view strong{font-size:11px;color:#123f70;white-space:nowrap}.rk-sub-card>.rk-mini{margin:4px 4px 6px}
.rk-sub-form>.two{align-items:flex-start}.rk-sub-note{margin:14px 0;padding:12px 14px;border-radius:12px;border-left:4px solid #ffe000;background:#fff9cf;color:#5d4d00;font-size:12px;line-height:1.45}.rk-sub-form>.btn-accent{width:auto;min-width:280px;margin:2px 0 18px}
.rk-sub-warning{margin:12px 0;padding:12px 14px;border:1px solid #f2c94c;border-left:4px solid #e0a800;border-radius:10px;background:#fff8d8;color:#634f00;font-size:12px;line-height:1.45}.rk-sub-warning b{display:block;margin-bottom:2px}
.rk-sub-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:12px}.rk-sub-summary>div{padding:12px 14px;border:1px solid var(--line,#d8e2ef);background:#f5f8fc;border-radius:12px}.rk-sub-summary span,.rk-sub-summary b{display:block}.rk-sub-summary span{font-size:10px;color:var(--muted,#64748b);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.rk-sub-summary b{margin-top:5px;font-size:13px}.rk-sub-accounts{padding:10px 12px;margin:12px 0;background:#f5f8fc;border-radius:10px}
.rk-sub-table-wrap{overflow:auto;border:1px solid var(--line,#d8e2ef);border-radius:14px}.rk-sub-table{width:100%;border-collapse:collapse;min-width:720px}.rk-sub-table th,.rk-sub-table td{padding:10px 12px;border-right:1px solid var(--line,#d8e2ef);border-bottom:1px solid var(--line,#d8e2ef);text-align:left;font-size:12px}.rk-sub-table th:last-child,.rk-sub-table td:last-child{border-right:0}.rk-sub-table thead th{background:#123f70;color:#fff;border-bottom:3px solid #ffe000;white-space:nowrap}.rk-sub-table tfoot th{background:#edf3fa}.rk-sub-table .n{text-align:right;font-variant-numeric:tabular-nums}.rk-sub-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#e7eef7;color:#314d70;font-size:10px;font-weight:800;white-space:nowrap}.rk-sub-status.posted{background:#dbeafe;color:#174b7b}.rk-sub-status.excluded{background:#f2f4f7;color:#64748b;text-decoration:line-through}
@media(max-width:900px){.rk-sub-overlay{padding:0}.rk-sub-modal{min-height:100%;border-radius:0}.rk-sub-modal-grid{grid-template-columns:1fr}.rk-sub-list{border-right:0;border-bottom:1px solid var(--line,#d8e2ef)}.rk-sub-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-sub-modal-head,.rk-sub-work,.rk-sub-list{padding:16px}.rk-sub-modal-head{align-items:flex-start}.rk-sub-modal-head p{max-width:65vw}.rk-sub-form>.btn-accent{width:100%;min-width:0}}
@media(max-width:520px){.rk-sub-summary{grid-template-columns:1fr}.rk-sub-modal-head{flex-wrap:wrap}.rk-sub-modal-head p{max-width:none}.rk-sub-view{display:block}.rk-sub-view strong{display:block;margin-top:8px}.rk-sub-list-head,.rk-sub-title{align-items:flex-start}.rk-sub-title{flex-wrap:wrap}}

/* v8.12.20 · General Ledger object-header alignment and modal feedback */
.rk-posting-header.rk-gl-posting-header{display:grid!important;grid-template-columns:minmax(300px,1fr) auto!important;align-items:start!important;gap:18px!important}
.rk-posting-header.rk-gl-posting-header .rk-posting-heading{min-width:300px!important;max-width:none!important;flex:none!important}
.rk-posting-header.rk-gl-posting-header .rk-posting-heading .hint{max-width:620px;line-height:1.45}
.rk-posting-header.rk-gl-posting-header .rk-posting-header-actions.rk-gl-posting-actions{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:10px!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;flex-wrap:wrap!important}
.rk-sub-view{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.rk-sub-view strong{display:block;max-width:100%;white-space:normal;text-align:left;line-height:1.35;padding-top:7px;border-top:1px solid #e1e9f3}
.toast{z-index:100500!important}
@media(max-width:1750px){
  .rk-posting-header.rk-gl-posting-header{grid-template-columns:1fr!important}
  .rk-posting-header.rk-gl-posting-header .rk-posting-heading{min-width:0!important;max-width:720px!important}
  .rk-posting-header.rk-gl-posting-header .rk-posting-header-actions.rk-gl-posting-actions{width:100%!important;justify-content:flex-start!important}
}
@media(max-width:760px){
  .rk-posting-header.rk-gl-posting-header .rk-posting-header-actions.rk-gl-posting-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
}
/* ===== v8.12.21: Software Subscription Control report ===== */
.rk-soft-report{color:var(--ink)}
.rk-soft-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;background:#173f70;color:#fff;border-radius:18px 18px 0 0;border-bottom:4px solid #ffdd00}
.rk-soft-title h2{margin:0 0 4px;font-size:22px;line-height:1.15;color:#fff}
.rk-soft-title p{margin:0;color:#dce8f7;font-size:13px}
.rk-soft-account{display:inline-flex;align-items:center;max-width:48%;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.1);font-weight:750;font-size:12px;text-align:right}
.rk-soft-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 0}
.rk-soft-kpis>div{min-height:76px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 12px rgba(23,63,112,.05)}
.rk-soft-kpis span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.rk-soft-kpis b{display:block;font-size:18px;line-height:1.2}
.rk-soft-kpis .ok{border-left:4px solid #16834f}.rk-soft-kpis .bad{border-left:4px solid #c52d2d}
.rk-soft-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);max-height:68vh}
.rk-soft-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums}
.rk-soft-table th,.rk-soft-table td{padding:9px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;text-align:right}
.rk-soft-table thead th{position:sticky;top:0;z-index:4;background:#173f70;color:#fff;border-bottom:3px solid #ffdd00;font-weight:850}
.rk-soft-table thead th:first-child{left:0;z-index:7;text-align:left;min-width:230px}
.rk-soft-table tbody td:first-child,.rk-soft-table tfoot th:first-child{position:sticky;left:0;z-index:2;background:var(--card);text-align:left}
.rk-soft-table tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--chip) 70%,var(--card))}
.rk-soft-table tbody tr:nth-child(even) td:first-child{background:color-mix(in srgb,var(--chip) 70%,var(--card))}
.rk-soft-table tbody tr:hover td{background:#fff8c7;cursor:pointer}.rk-soft-table tbody tr:hover td:first-child{background:#fff8c7}
.rk-soft-table tfoot th{position:sticky;bottom:0;z-index:3;background:#eaf1fa;font-weight:850}.rk-soft-table tfoot th:first-child{z-index:5;background:#eaf1fa}
.rk-soft-name span{display:block;max-width:250px;white-space:normal}.rk-soft-rule{margin-top:2px;color:var(--muted);font-size:10.5px;font-weight:600}.rk-soft-rule.review{color:#9a6700}
.rk-soft-total{font-weight:850;background:#f4f7fb!important}
.rk-soft-control{display:grid;gap:5px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--chip);color:var(--muted);font-size:12px}
.rk-soft-control b{color:var(--ink)}.rk-soft-review{color:#805900}
.rk-soft-empty{padding:32px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.rk-soft-modal-back{position:fixed;inset:0;z-index:100005;display:grid;place-items:center;padding:20px;background:rgba(7,24,46,.58);backdrop-filter:blur(3px)}
.rk-soft-modal{width:min(1180px,96vw);max-height:90vh;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(7,24,46,.38)}
.rk-soft-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;background:#173f70;color:#fff;border-bottom:4px solid #ffdd00}
.rk-soft-modal-head h3{margin:0 0 3px;color:#fff}.rk-soft-modal-head p{margin:0;color:#dce8f7}.rk-soft-modal-head button{padding:9px 14px;border:1px solid #cbd8e8;border-radius:9px;background:#fff;color:#173f70;font-weight:800;cursor:pointer}
.rk-soft-detail-wrap{max-height:calc(90vh - 82px);overflow:auto}.rk-soft-detail-wrap table{width:100%;border-collapse:collapse;font-size:12px}.rk-soft-detail-wrap th{position:sticky;top:0;background:#eaf1fa;z-index:2}.rk-soft-detail-wrap th,.rk-soft-detail-wrap td{padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.rk-soft-detail-wrap td:nth-last-child(-n+2),.rk-soft-detail-wrap th:nth-last-child(-n+2){text-align:right}.rk-soft-detail-wrap small{display:block;margin-top:2px;color:var(--muted)}.rk-soft-detail-wrap tbody tr[data-doc]:hover{background:#fff8c7;cursor:pointer}
@media(max-width:900px){.rk-soft-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-soft-title{align-items:stretch;flex-direction:column}.rk-soft-account{max-width:none;text-align:left}.rk-soft-table-wrap{max-height:none}.rk-soft-modal-back{padding:8px}.rk-soft-modal{width:100%;max-height:94vh}.rk-soft-detail-wrap{max-height:calc(94vh - 82px)}}
@media(max-width:520px){.rk-soft-kpis{grid-template-columns:1fr}.rk-soft-title h2{font-size:19px}.rk-soft-table th,.rk-soft-table td{padding:8px 9px}.rk-soft-table thead th:first-child{min-width:190px}}
/* ===== v8.12.26: unified Financial Report presentation =====
   This layer changes report presentation only. Existing controls, event
   handlers, calculations, exports and drill-down elements remain untouched. */
#reportBody.rk-unified-report-ui{padding:16px;color:var(--ink)}
.rk-report-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;background:#173f70;color:#fff;border-radius:18px 18px 0 0;border-bottom:4px solid #ffdd00}
.rk-report-hero h2{margin:0 0 4px;color:#fff;font-size:22px;line-height:1.15;letter-spacing:-.02em}
.rk-report-hero p{margin:0;color:#dce8f7;font-size:13px;line-height:1.45}
.rk-report-badge{display:inline-flex;align-items:center;max-width:48%;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:800;text-align:right;white-space:normal}
.rk-report-legacy-title{display:none!important}
.rk-report-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:14px 0!important;background:transparent!important}
.rk-report-kpis>div,.rk-report-kpis>.box,.rk-report-kpis>.pnl-sum-card{display:block!important;min-width:0!important;min-height:76px!important;margin:0!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--card)!important;box-shadow:0 4px 12px rgba(23,63,112,.05)!important;text-align:left!important}
.rk-report-kpis>div>span,.rk-report-kpis>div>.l,.rk-report-kpis>.box>.l{display:block!important;margin:0 0 5px!important;color:var(--muted)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.03em!important;line-height:1.25!important;text-transform:uppercase!important}
.rk-report-kpis>div>b,.rk-report-kpis>div>.n,.rk-report-kpis>.box>.n{display:block!important;margin:0!important;color:var(--ink)!important;font-size:18px!important;font-weight:850!important;line-height:1.2!important;overflow-wrap:anywhere}
.rk-report-kpis>.ok{border-left:4px solid #16834f!important}.rk-report-kpis>.empty{border-left:4px solid #9aa9bc!important}
#reportBody.rk-unified-report-ui .report-table-wrap,#reportBody.rk-unified-report-ui .rk-unified-report-table-wrap{max-width:100%;max-height:68vh;margin:12px 0 0!important;overflow:auto!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--card)!important}
#reportBody.rk-unified-report-ui .rk-unified-report-table{width:max-content!important;min-width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;font-size:12.5px;font-variant-numeric:tabular-nums}
#reportBody.rk-unified-report-ui .rk-unified-report-table thead tr>*{position:sticky!important;top:0!important;z-index:4!important;padding:9px 11px!important;background:#173f70!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.22)!important;border-bottom:3px solid #ffdd00!important;font-weight:850!important;white-space:nowrap!important}
#reportBody.rk-unified-report-ui .rk-unified-report-table thead tr>*:last-child{color:#ffdd00!important}
#reportBody.rk-unified-report-ui .rk-unified-report-table tbody tr>*{padding:9px 11px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;background:var(--card);vertical-align:top}
#reportBody.rk-unified-report-ui .rk-unified-report-table tbody tr:nth-child(even)>*{background:color-mix(in srgb,var(--chip) 70%,var(--card))!important}
#reportBody.rk-unified-report-ui .rk-unified-report-table tbody tr:hover>*{background:#fff8c7!important}
#reportBody.rk-unified-report-ui .rk-unified-report-table tfoot tr>*{padding:10px 11px!important;background:#eaf1fa!important;border-right:1px solid var(--line)!important;border-top:1px solid var(--line)!important;font-weight:850!important}
#reportBody.rk-unified-report-ui .report-mode,#reportBody.rk-unified-report-ui>.two,#reportBody.rk-unified-report-ui>.row{margin:0 0 10px!important;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
#reportBody.rk-unified-report-ui .report-table-wrap+.hint,#reportBody.rk-unified-report-ui .rk-report-control-note{display:block;margin:12px 0 0!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--chip)!important;color:var(--muted)!important;line-height:1.5!important}
@media(max-width:900px){.rk-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rk-report-hero{align-items:stretch;flex-direction:column}.rk-report-badge{max-width:none;text-align:left}#reportBody.rk-unified-report-ui .report-table-wrap,#reportBody.rk-unified-report-ui .rk-unified-report-table-wrap{max-height:none}}
@media(max-width:520px){.rk-report-kpis{grid-template-columns:1fr!important}.rk-report-hero h2{font-size:19px}#reportBody.rk-unified-report-ui .rk-unified-report-table thead tr>*,#reportBody.rk-unified-report-ui .rk-unified-report-table tbody tr>*,#reportBody.rk-unified-report-ui .rk-unified-report-table tfoot tr>*{padding:8px 9px!important}}
@media print{.rk-report-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rk-report-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}#reportBody.rk-unified-report-ui .report-table-wrap,#reportBody.rk-unified-report-ui .rk-unified-report-table-wrap{max-height:none!important;overflow:visible!important}}

/* ===== v8.12.32: HR administration workspace ===== */
.rk-hr-admin{display:flex;flex-direction:column;gap:14px}
.rk-hr-admin.hidden{display:none!important}
.rk-hr-admin>.card,.rk-hr-admin>.kpis{margin:0!important}
.rk-hr-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 24px;padding:20px 22px!important;border-top:5px solid #173f70!important;border-radius:18px!important;background:linear-gradient(135deg,var(--card) 0%,color-mix(in srgb,var(--chip) 48%,var(--card)) 100%)!important;box-shadow:0 8px 22px rgba(23,63,112,.08)!important}
.rk-hr-eyebrow{margin-bottom:5px;color:#2d6598;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.rk-hr-hero h2{margin:0 0 5px;color:var(--ink);font-size:clamp(21px,2.2vw,28px);line-height:1.1;letter-spacing:-.025em}
.rk-hr-hero-copy .hint{max-width:780px;line-height:1.5}
.rk-hr-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.rk-hr-hero-actions .btn{width:auto!important;min-width:142px;margin:0!important;text-align:center;text-decoration:none;white-space:nowrap}
.rk-hr-portal-url{grid-column:1/-1;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--card2) 76%,transparent);word-break:break-all}
.rk-hr-admin>#hrSummary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important}
.rk-hr-kpi{display:flex;align-items:center;gap:12px;min-height:88px;padding:14px 16px!important;border-top:3px solid #173f70!important;border-radius:15px!important;background:var(--card)!important;box-shadow:0 6px 16px rgba(23,63,112,.07)!important}
.rk-hr-kpi-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#173f70;color:#ffdd00;font-size:18px;font-weight:900}
.rk-hr-kpi .v{font-size:24px!important}.rk-hr-kpi .l{font-size:12px!important}
.rk-hr-panel{padding:0!important;overflow:visible!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(23,63,112,.065)!important}
.rk-hr-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);border-radius:18px 18px 0 0;background:color-mix(in srgb,var(--chip) 62%,var(--card))}
.rk-hr-section-head h3{margin:0 0 4px;color:var(--ink);font-size:17px;line-height:1.2}
.rk-hr-section-tag{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #e7c700;border-radius:999px;background:#fff8c7;color:#705d00;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.rk-hr-section-tag-muted{border-color:var(--line);background:var(--card);color:var(--muted)}
#hrPendingLeaves,#hrAttendance,#hrLeaveHistory{padding:14px 18px 18px}
.rk-hr-leave-card{display:flex!important;align-items:flex-start!important;gap:14px!important;margin:0 0 10px;padding:14px!important;border:1px solid var(--line)!important;border-left:4px solid #ffdd00!important;border-radius:13px!important;background:var(--card)!important;cursor:default!important}
.rk-hr-leave-main{min-width:0;flex:1}.rk-hr-leave-name{margin-bottom:3px;color:var(--ink);font-weight:850}.rk-hr-leave-reason{margin-top:8px;white-space:pre-wrap;line-height:1.45}.rk-hr-leave-note{margin-top:5px}.rk-hr-leave-main .hrManagerNote{margin-top:10px}
.rk-hr-leave-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.rk-hr-leave-actions .btn{width:auto!important;margin:0!important}
.rk-hr-delete{width:auto!important;min-width:68px!important;margin:0!important;border:1px solid #e7a8ad!important;background:#fff6f6!important;color:#b4232b!important;font-weight:800!important}
.rk-hr-delete:hover{border-color:#b4232b!important;background:#b4232b!important;color:#fff!important}
.rk-hr-filters{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:10px;margin:14px 18px 2px!important;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}
.rk-hr-filters .row{min-width:0;margin:0!important}.rk-hr-filter-action{padding-bottom:0}.rk-hr-filter-action .btn{width:auto!important;min-width:92px;margin:0!important}
.rk-hr-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--card)}
.rk-hr-table{margin:0!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important}
.rk-hr-table thead th{padding:9px 10px!important;background:#173f70!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.18)!important;border-bottom:3px solid #ffdd00!important;font-weight:850!important;letter-spacing:.01em}
.rk-hr-table thead th:last-child{border-right:0!important}.rk-hr-table tbody td{padding:9px 10px!important;vertical-align:middle!important}.rk-hr-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--chip) 55%,var(--card))}.rk-hr-table tbody tr:hover{background:#fff8c7!important}
.rk-hr-status{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.rk-hr-status-approved{background:#e8f7ef;color:#137949}.rk-hr-status-rejected{background:#fff0f0;color:#a82a32}.rk-hr-status-pending{background:#fff8d6;color:#705d00}
.rk-hr-action-cell{width:1%;white-space:nowrap}.rk-hr-empty{min-height:92px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px;background:color-mix(in srgb,var(--card2) 60%,transparent)}
@media(max-width:900px){.rk-hr-hero{grid-template-columns:1fr}.rk-hr-hero-actions{justify-content:flex-start}.rk-hr-admin>#hrSummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rk-hr-filters{grid-template-columns:1fr 1fr}.rk-hr-filter-action{grid-column:1/-1}.rk-hr-filter-action .btn{width:100%!important}}
@media(max-width:560px){.rk-hr-admin{gap:10px}.rk-hr-hero{padding:16px!important}.rk-hr-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.rk-hr-hero-actions .btn{min-width:0!important}.rk-hr-admin>#hrSummary{grid-template-columns:1fr 1fr!important;gap:8px!important}.rk-hr-kpi{min-height:76px;padding:11px!important}.rk-hr-kpi-icon{width:32px;height:32px;flex-basis:32px}.rk-hr-kpi .v{font-size:19px!important}.rk-hr-section-head{padding:14px;flex-direction:column}.rk-hr-section-tag{align-self:flex-start}#hrPendingLeaves,#hrAttendance,#hrLeaveHistory{padding:10px 12px 14px}.rk-hr-leave-card{flex-direction:column}.rk-hr-leave-actions{justify-content:flex-start;width:100%}.rk-hr-filters{grid-template-columns:1fr;margin:10px 12px 0!important}.rk-hr-filter-action{grid-column:auto}.rk-hr-table{min-width:720px}}

/* ===== v8.12.33: Customer Invoice and Payment & Allocation workspace =====
   Presentation-only layer. All original field IDs and posting handlers remain in place. */
#tab-ledgerentry .rk-receivables-posting{
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:16px!important;
  background:#edf2f8!important;
  box-shadow:0 10px 28px rgba(20,48,79,.08)!important;
}
#tab-ledgerentry .rk-receivables-header{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin:0!important;
  padding:17px 19px!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:16px 16px 0 0!important;
  background:var(--card)!important;
}
#tab-ledgerentry .rk-receivables-header .rk-posting-heading{min-width:0;max-width:760px}
#tab-ledgerentry .rk-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#tab-ledgerentry .rk-title-line>label{margin:0;color:var(--ink);font-size:22px;font-weight:850;line-height:1.15;letter-spacing:-.025em}
#tab-ledgerentry .rk-receivables-header .hint{margin-top:5px;line-height:1.5}
#tab-ledgerentry .rk-document-state{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid #ead78d;border-radius:999px;background:#fff7d7;color:#806516;font-size:10px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
#tab-ledgerentry .rk-document-state.is-posted{border-color:#abdcc2;background:#e8f7ef;color:#137949}
#tab-ledgerentry .rk-receivables-header .rk-posting-header-actions{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;flex-wrap:wrap!important}
#tab-ledgerentry .rk-receivables-header .rk-posting-header-actions>.btn{width:auto!important;min-width:132px!important;margin:0!important;white-space:nowrap}
#tab-ledgerentry .rk-receivables-tabs-row{margin:0!important;padding:0 19px!important;background:var(--card)}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs{width:min(760px,100%);min-height:51px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn{position:relative;min-height:51px;padding:11px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:transparent}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn.active{color:var(--ink)!important}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn.active::after{background:#ffd400}
#tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn:hover{color:#14304f!important;background:#f7f9fc!important}
#tab-ledgerentry .rk-receivable-alert{display:flex;align-items:center;gap:10px;margin:14px 19px 0;padding:11px 14px;border:1px solid #c9dcf2;border-radius:10px;background:#eef6ff;color:#285e98;font-size:12px;line-height:1.45}
#tab-ledgerentry .rk-receivable-alert>span{font-size:17px;line-height:1}
#tab-ledgerentry .rk-form-section{margin:13px 19px 0;overflow:visible;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 14px rgba(20,48,79,.045)}
#tab-ledgerentry .rk-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:10px 15px;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0;background:var(--card)}
#tab-ledgerentry .rk-form-section-head>div{display:flex;align-items:center;gap:10px;min-width:0}
#tab-ledgerentry .rk-form-section-head b{color:var(--ink);font-size:14px;line-height:1.3}
#tab-ledgerentry .rk-form-section-head>span{color:#91a2b9;font-size:11px;font-weight:750;white-space:nowrap}
#tab-ledgerentry .rk-section-chevron{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #d5e1ee;border-radius:6px;background:#f6f9fd;color:#285e98;font-size:16px;font-weight:900;line-height:1}
#tab-ledgerentry .rk-form-section-body{padding:14px 15px 16px}
#tab-ledgerentry .rk-form-grid{display:grid;gap:12px 16px;align-items:start}
#tab-ledgerentry .rk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#tab-ledgerentry .rk-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#tab-ledgerentry .rk-grid-span-2{grid-column:span 2}
#tab-ledgerentry .rk-grid-span-3{grid-column:1/-1}
#tab-ledgerentry .rk-form-section .row{min-width:0;margin:0!important}
#tab-ledgerentry .rk-form-section .two{gap:16px!important;margin:0 0 12px!important}
#tab-ledgerentry .rk-form-section .two:last-child{margin-bottom:0!important}
#tab-ledgerentry .rk-form-section label{margin-bottom:5px;color:#657792;font-size:11.5px;font-weight:800;line-height:1.3}
#tab-ledgerentry .rk-form-section input,
#tab-ledgerentry .rk-form-section select,
#tab-ledgerentry .rk-form-section .rk-picker-trigger{min-height:45px!important;border-color:#d4dfec!important;border-radius:8px!important;background:#f4f7fb!important;font-size:13px!important}
#tab-ledgerentry .rk-form-section input:focus,
#tab-ledgerentry .rk-form-section select:focus,
#tab-ledgerentry .rk-form-section .rk-picker-trigger:focus{border-color:#3f79b2!important;box-shadow:0 0 0 3px rgba(63,121,178,.12)!important}
#tab-ledgerentry .rk-form-section .hint{margin-top:5px;font-size:10.5px;line-height:1.4}
#tab-ledgerentry #rSplitWrap>.btn{width:auto!important;margin:0!important}
#tab-ledgerentry #raSettle{min-width:0;overflow:visible}
#tab-ledgerentry .rk-receivables-preview{margin:13px 19px 0}
#tab-ledgerentry .rk-receivables-preview>.rk-gl-preview{margin:0!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(20,48,79,.045)}
#tab-ledgerentry .rk-posting-logic{margin:12px 19px 18px;padding:10px 13px;border:1px solid #d6e1ed;border-radius:10px;background:#f5f8fc;line-height:1.45}
#tab-ledgerentry .rk-receivables-posting>#rEditBanner{margin:12px 19px 0;border-radius:10px}
@media(max-width:1320px){
  #tab-ledgerentry .rk-receivables-header{grid-template-columns:1fr!important}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions{justify-content:flex-start!important}
}
@media(max-width:900px){
  #tab-ledgerentry .rk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tab-ledgerentry .rk-grid-span-2,#tab-ledgerentry .rk-grid-span-3{grid-column:1/-1}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions{display:grid!important;grid-template-columns:auto minmax(190px,1fr) minmax(150px,auto)!important}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions .rk-doc-nav{grid-column:auto}
}
@media(max-width:680px){
  #tab-ledgerentry .rk-receivables-header{padding:14px!important}
  #tab-ledgerentry .rk-title-line>label{font-size:19px}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions>*{width:100%!important;max-width:none!important}
  #tab-ledgerentry .rk-receivables-header .rk-posting-header-actions>.btn{width:100%!important}
  #tab-ledgerentry .rk-receivables-tabs-row{padding:0 10px!important}
  #tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}
  #tab-ledgerentry .rk-receivables-tabs-row .rk-workflow-tabs .seg-btn{padding:10px 7px!important;font-size:11px!important}
  #tab-ledgerentry .rk-receivable-alert,#tab-ledgerentry .rk-form-section,#tab-ledgerentry .rk-receivables-preview,#tab-ledgerentry .rk-posting-logic{margin-right:10px;margin-left:10px}
  #tab-ledgerentry .rk-grid-3{grid-template-columns:1fr}
  #tab-ledgerentry .rk-grid-span-2,#tab-ledgerentry .rk-grid-span-3{grid-column:auto}
  #tab-ledgerentry .rk-form-section .two{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  #tab-ledgerentry .rk-form-section .two>.row{width:100%!important}
}

/* ===== v8.12.35: equal-width Customer Invoice grid ===== */
#tab-ledgerentry .rk-customer-detail-grid>*{min-width:0}
#tab-ledgerentry .rk-customer-detail-grid #rMonthsRow{grid-column:1/-1}
#tab-ledgerentry .rk-customer-detail-grid #rMonthsWrap{width:100%}
#tab-ledgerentry .rk-form-section-head{cursor:pointer;user-select:none}
#tab-ledgerentry .rk-section-chevron{
  appearance:none!important;
  position:relative;
  padding:0!important;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
#tab-ledgerentry .rk-section-chevron::before{
  content:"";
  width:7px;
  height:7px;
  border-right:2px solid #285e98;
  border-bottom:2px solid #285e98;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .18s ease;
}
#tab-ledgerentry .rk-section-chevron:hover{border-color:#8cb0d5;background:#edf5fe}
#tab-ledgerentry .rk-section-collapsed>.rk-form-section-head{border-bottom-color:transparent;border-radius:13px}
#tab-ledgerentry .rk-section-collapsed>.rk-form-section-head .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}
#tab-ledgerentry .rk-section-collapsed>.rk-form-section-body{display:none!important}
#tab-ledgerentry .rk-preview-subtitle{color:#91a2b9;font-size:11px;font-weight:500;white-space:normal}
#tab-ledgerentry .rk-preview-state{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border:1px solid #d4dfec;border-radius:999px;background:#f4f7fb;color:#8193aa;font-size:10px;font-weight:800;white-space:nowrap}
#tab-ledgerentry .rk-preview-state.is-balanced{border-color:#a7d9bb;background:#e8f7ef;color:#137949}
#tab-ledgerentry #rPreviewSection .rk-preview-section-body{padding:0!important;overflow:hidden;border-radius:0 0 13px 13px}
#tab-ledgerentry #rPreviewSection #rGlPreview{margin:0!important}
#tab-ledgerentry #rPreviewSection .rk-gl-preview{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#tab-ledgerentry #rPreviewSection .rk-gl-preview-title{display:none!important}
#tab-ledgerentry .rk-posting-logic-section{margin-bottom:18px}
#tab-ledgerentry .rk-posting-logic-section .rk-posting-logic{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#tab-ledgerentry #rRevenueSection{gap:12px 16px}
#tab-ledgerentry #rMonthsRow{min-width:0}
#tab-ledgerentry #rMonthsWrap{margin:0!important}
#tab-ledgerentry #wrap-rrate.rk-rate-box{display:contents!important}
#tab-ledgerentry #wrap-rrate.hidden{display:none!important}
#tab-ledgerentry .rk-rate-field{min-width:0;margin:0!important}
#tab-ledgerentry .rk-rate-field>#rFxViaHost{margin:0!important}
#tab-ledgerentry .rk-rate-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tab-ledgerentry .rk-rate-cross-grid .lbl{min-height:16px;margin:0 0 3px;color:#657792;font-size:10px;font-weight:750;line-height:1.25}
#tab-ledgerentry .rk-form-section select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%235b7290' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:18px 18px!important;
}

/* ===== v8.12.38: Vendor Invoice and Vendor Payment object pages =====
   Presentation-only. The existing vendor controls and handlers are moved into these sections. */
#rkExpenseHost .rk-vendor-posting{
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:16px!important;
  background:#edf2f8!important;
  box-shadow:0 10px 28px rgba(20,48,79,.08)!important;
}

/* ===== v8.12.38: anchored dates and consistent posting dropdowns ===== */
.rk-native-select-source{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important
}
.rk-native-select-picker{width:100%;min-width:0}
#tab-ledgerentry .rk-bp-input,
#rkExpenseHost .rk-bp-input,
.rk-native-select-picker .rk-bp-input{
  width:100%!important;
  min-height:45px!important;
  border:1px solid #d4dfec!important;
  border-radius:8px!important;
  background-color:#f4f7fb!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235c7394' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:18px 18px!important;
  padding-right:42px!important;
  cursor:pointer
}
#tab-ledgerentry .rk-bp-input::-webkit-search-cancel-button,
#rkExpenseHost .rk-bp-input::-webkit-search-cancel-button,
.rk-native-select-picker .rk-bp-input::-webkit-search-cancel-button{display:none}
.rk-bp-opt:hover,.rk-bp-opt:focus,.rk-bp-opt.sel{
  background:#ffe000!important;
  color:#133b68!important
}
.cal-backdrop.rk-cal-anchored{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding:0!important
}
.cal-backdrop.rk-cal-anchored .cal{
  margin:0!important;
  transform:none!important
}
#rkExpenseHost .rk-vendor-posting-header{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin:0!important;
  padding:17px 19px!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:16px 16px 0 0!important;
  background:var(--card)!important;
}
#rkExpenseHost .rk-vendor-heading{min-width:0;max-width:760px}
#rkExpenseHost .rk-vendor-heading .rk-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#rkExpenseHost .rk-vendor-heading .rk-title-line>label{margin:0;color:var(--ink);font-size:22px;font-weight:850;line-height:1.15;letter-spacing:-.025em}
#rkExpenseHost .rk-vendor-heading .hint{margin-top:5px;line-height:1.5}
#rkExpenseHost .rk-document-state{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid #ead78d;border-radius:999px;background:#fff7d7;color:#806516;font-size:10px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
#rkExpenseHost .rk-document-state.is-posted{border-color:#abdcc2;background:#e8f7ef;color:#137949}
#rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;width:auto!important;flex-wrap:wrap!important}
#rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions>.btn{width:auto!important;min-width:132px!important;min-height:58px!important;margin:0!important;white-space:nowrap}
#rkExpenseHost .rk-vendor-tabs-row{margin:0!important;padding:0 19px!important;background:var(--card)!important}
#rkExpenseHost .rk-vendor-tabs-row>.rk-workflow-tabs{width:min(760px,100%);min-height:51px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#rkExpenseHost .rk-vendor-tabs-row .seg-btn{position:relative;min-height:51px;padding:11px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important}
#rkExpenseHost .rk-vendor-tabs-row .seg-btn::after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:3px 3px 0 0;background:transparent}
#rkExpenseHost .rk-vendor-tabs-row .seg-btn.active{color:var(--ink)!important}
#rkExpenseHost .rk-vendor-tabs-row .seg-btn.active::after{background:#ffd400}
#rkExpenseHost .rk-vendor-tabs-row .seg-btn:hover{color:#14304f!important;background:#f7f9fc!important}
#rkExpenseHost .rk-vendor-alert{display:flex;align-items:center;gap:10px;margin:14px 19px 0;padding:11px 14px;border:1px solid #c9dcf2;border-radius:10px;background:#eef6ff;color:#285e98;font-size:12px;line-height:1.45}
#rkExpenseHost .rk-vendor-alert>span{font-size:17px;line-height:1}
#rkExpenseHost .rk-vendor-alert.is-error{border-color:#efc7c7;background:#fff2f1;color:#b63434}
#rkExpenseHost .rk-vendor-section{margin:13px 19px 0;overflow:visible;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 14px rgba(20,48,79,.045)}
#rkExpenseHost .rk-vendor-section>.rk-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:10px 15px;cursor:pointer;user-select:none;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0;background:var(--card)}
#rkExpenseHost .rk-vendor-section>.rk-form-section-head>div{display:flex;align-items:center;gap:10px;min-width:0}
#rkExpenseHost .rk-vendor-section>.rk-form-section-head b{color:var(--ink);font-size:14px;line-height:1.3}
#rkExpenseHost .rk-vendor-section>.rk-form-section-head>span{color:#91a2b9;font-size:11px;font-weight:750;white-space:nowrap}
#rkExpenseHost .rk-vendor-section>.rk-form-section-body{padding:14px 15px 16px}
#rkExpenseHost .rk-vendor-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:start}
#rkExpenseHost .rk-vendor-grid>.row{display:block!important;min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
#rkExpenseHost .rk-vendor-section label{display:block;margin:0 0 5px;color:#657792;font-size:11.5px;font-weight:800;line-height:1.3}
#rkExpenseHost .rk-vendor-section input,
#rkExpenseHost .rk-vendor-section select,
#rkExpenseHost .rk-vendor-section .rk-picker-trigger,
#rkExpenseHost .rk-vendor-section .rk-bp-input{width:100%!important;min-height:45px!important;border-color:#d4dfec!important;border-radius:8px!important;background-color:#f4f7fb!important;font-size:13px!important}
#rkExpenseHost .rk-vendor-section input:focus,
#rkExpenseHost .rk-vendor-section select:focus,
#rkExpenseHost .rk-vendor-section .rk-picker-trigger:focus,
#rkExpenseHost .rk-vendor-section .rk-bp-input:focus{border-color:#3f79b2!important;box-shadow:0 0 0 3px rgba(63,121,178,.12)!important}
#rkExpenseHost .rk-vendor-section .hint{margin-top:5px;font-size:10.5px;line-height:1.4}
#rkExpenseHost .rk-vendor-section select,
#rkExpenseHost .rk-vendor-section .rk-picker-trigger,
#rkExpenseHost .rk-vendor-section .rk-bp-input{appearance:none!important;-webkit-appearance:none!important;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%235b7290' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:18px 18px!important}
#rkExpenseHost .rk-vendor-section .rk-section-chevron{appearance:none!important;position:relative;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0!important;cursor:pointer;border:1px solid #d5e1ee;border-radius:6px;background:#f6f9fd;color:#285e98;transition:border-color .18s ease,background .18s ease}
#rkExpenseHost .rk-vendor-section .rk-section-chevron::before{content:"";width:7px;height:7px;border-right:2px solid #285e98;border-bottom:2px solid #285e98;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
#rkExpenseHost .rk-vendor-section .rk-section-chevron:hover{border-color:#8cb0d5;background:#edf5fe}
#rkExpenseHost .rk-vendor-section.rk-section-collapsed>.rk-form-section-head{border-bottom-color:transparent;border-radius:13px}
#rkExpenseHost .rk-vendor-section.rk-section-collapsed>.rk-form-section-head .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}
#rkExpenseHost .rk-vendor-section.rk-section-collapsed>.rk-form-section-body{display:none!important}
#rkExpenseHost .rk-vendor-lines-wrap>.rk-exp-lines{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#rkExpenseHost .rk-vendor-lines-wrap>.rk-exp-lines+.rk-exp-lines{margin-top:13px!important;padding-top:13px!important;border-top:1px solid var(--line)!important}
#rkExpenseHost .rk-vendor-lines-wrap .rk-line-head{background:#f3f7fc!important;color:#7285a0!important;text-transform:uppercase;letter-spacing:.035em}
#rkExpenseHost .rk-vendor-lines-wrap input{min-height:42px!important}
#rkExpenseHost .rk-vendor-lines-wrap .btn{width:auto!important;margin:10px 0 0!important}
#rkExpenseHost .rk-vendor-preview-section>.rk-form-section-body{padding:0!important;overflow:hidden;border-radius:0 0 13px 13px}
#rkExpenseHost .rk-vendor-preview-wrap>.rk-gl-preview{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#rkExpenseHost .rk-vendor-preview-wrap .rk-gl-preview-title{display:none!important}
#rkExpenseHost .rk-vendor-preview-wrap>#rkExpTotals{margin:0!important;border-radius:0!important}
#rkExpenseHost .rk-vendor-posting-logic{color:#657792;font-size:12px;line-height:1.55}
#rkExpenseHost .rk-vendor-logic-section{margin-bottom:13px}
#rkExpenseHost .rk-vendor-action-footer{position:sticky;z-index:35;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:13px 0 0;padding:12px 19px;border-top:1px solid var(--line);border-radius:0 0 16px 16px;background:rgba(255,255,255,.97);box-shadow:0 -8px 22px rgba(20,48,79,.08);backdrop-filter:blur(8px)}
#rkExpenseHost .rk-required-note{color:#91a2b9;font-size:11px}
#rkExpenseHost .rk-required-note>span{color:#d33;font-weight:900}
#rkExpenseHost .rk-vendor-footer-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px}
#rkExpenseHost .rk-vendor-footer-buttons>.btn{width:auto!important;min-width:112px!important;min-height:46px!important;margin:0!important;padding:0 17px!important;white-space:nowrap}
#rkExpenseHost .rk-vendor-footer-buttons .rk-vendor-post-button{min-width:146px!important;background:#ffd400!important;color:#14304f!important;border-color:#ffd400!important;box-shadow:0 4px 10px rgba(20,48,79,.12)}
#rkExpenseHost .rk-vendor-footer-buttons .rk-vendor-draft:disabled{opacity:.7;cursor:not-allowed}
@media(max-width:1320px){
  #rkExpenseHost .rk-vendor-posting-header{grid-template-columns:1fr!important}
  #rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions{justify-content:flex-start!important}
}
@media(max-width:980px){
  #rkExpenseHost .rk-vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  #rkExpenseHost .rk-vendor-posting-header{padding:14px!important}
  #rkExpenseHost .rk-vendor-heading .rk-title-line>label{font-size:19px}
  #rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  #rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions>*{width:100%!important;max-width:none!important}
  #rkExpenseHost .rk-vendor-posting-header .rk-posting-header-actions>.btn{width:100%!important;min-height:48px!important}
  #rkExpenseHost .rk-vendor-tabs-row{padding:0 10px!important}
  #rkExpenseHost .rk-vendor-tabs-row>.rk-workflow-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  #rkExpenseHost .rk-vendor-tabs-row .seg-btn{padding:10px 7px!important;font-size:11px!important}
  #rkExpenseHost .rk-vendor-alert,#rkExpenseHost .rk-vendor-section{margin-right:10px;margin-left:10px}
  #rkExpenseHost .rk-vendor-grid{grid-template-columns:1fr}
  #rkExpenseHost .rk-vendor-section>.rk-form-section-head{padding:10px 12px}
  #rkExpenseHost .rk-vendor-action-footer{align-items:stretch;flex-direction:column;padding:11px 10px}
  #rkExpenseHost .rk-vendor-footer-buttons{display:grid;grid-template-columns:1fr;width:100%}
  #rkExpenseHost .rk-vendor-footer-buttons>.btn{width:100%!important}
}
#tab-ledgerentry .rk-receivable-combobox{
  padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%235b7290' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:18px 18px!important;
}
@media(max-width:900px){
  #tab-ledgerentry .rk-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tab-ledgerentry #wrap-rrate.rk-rate-box{display:contents!important}
}
@media(max-width:680px){
  #tab-ledgerentry .rk-preview-subtitle{display:block;margin-top:2px}
  #tab-ledgerentry .rk-rate-cross-grid{grid-template-columns:1fr}
  #tab-ledgerentry .rk-grid-2{grid-template-columns:1fr}
  #tab-ledgerentry .rk-customer-detail-grid #rMonthsRow{grid-column:auto}
  #tab-ledgerentry .rk-form-section-head{padding:10px 12px}
}

/* v8.12.38 — unified posting-form controls and customer action footer */
#tab-ledgerentry .rk-customer-action-footer{
  position:sticky;z-index:35;bottom:0;display:flex;align-items:center;
  justify-content:space-between;gap:18px;margin:13px 0 0;padding:12px 19px;
  border-top:1px solid var(--line);border-radius:0 0 16px 16px;
  background:rgba(255,255,255,.97);box-shadow:0 -8px 22px rgba(20,48,79,.08);
  backdrop-filter:blur(8px)
}
#tab-ledgerentry .rk-customer-action-footer .rk-required-note{font-size:12px;color:#8ca0bc}
#tab-ledgerentry .rk-customer-action-footer .rk-required-note span{color:#ef4444}
#tab-ledgerentry .rk-customer-action-footer .rk-vendor-footer-buttons{display:flex;align-items:center;gap:10px}
#tab-ledgerentry .rk-customer-action-footer .btn{
  min-height:46px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:750
}
#tab-ledgerentry .rk-customer-action-footer .rk-vendor-post-button{
  min-width:170px;background:#ffe000;color:#173f6d
}

#tab-ledgerentry select,
#rkExpenseHost select{
  appearance:none!important;-webkit-appearance:none!important;padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235f7694' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 13px center!important;
  background-size:18px 18px!important
}
#tab-ledgerentry .rk-receivable-combobox,
#rkExpenseHost .rk-bp-input{
  padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235f7694' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 13px center!important;
  background-size:18px 18px!important
}
#tab-ledgerentry .rk-receivable-combobox:hover,
#tab-ledgerentry select:hover,
#rkExpenseHost .rk-bp-input:hover,
#rkExpenseHost select:hover{
  border-color:#ffd900!important;box-shadow:0 0 0 2px rgba(255,216,0,.12)
}

#tab-ledgerentry .rk-form-section-head b,
#rkExpenseHost .rk-form-section-head b{
  font-size:16px!important;line-height:1.25!important;font-weight:750!important;
  letter-spacing:0!important
}
#tab-ledgerentry .rk-form-section-body label,
#rkExpenseHost .rk-form-section-body label{
  font-size:12px!important;line-height:1.35!important;font-weight:700!important;
  letter-spacing:0!important
}
#tab-ledgerentry .rk-form-section input,
#tab-ledgerentry .rk-form-section select,
#rkExpenseHost .rk-form-section input,
#rkExpenseHost .rk-form-section select{font-size:15px!important;line-height:1.35!important}
#tab-ledgerentry .rk-receivables-preview table,
#rkExpenseHost .rk-vendor-preview-wrap table{font-size:14px!important}
#tab-ledgerentry .rk-receivables-preview th,
#rkExpenseHost .rk-vendor-preview-wrap th{font-size:11px!important;letter-spacing:.03em}
#tab-ledgerentry .rk-receivables-preview td,
#rkExpenseHost .rk-vendor-preview-wrap td{font-size:14px!important}

@media(max-width:700px){
  #tab-ledgerentry .rk-customer-action-footer{align-items:stretch;flex-direction:column}
  #tab-ledgerentry .rk-customer-action-footer .rk-vendor-footer-buttons{
    display:grid;grid-template-columns:1fr 1fr
  }
  #tab-ledgerentry .rk-customer-action-footer .rk-vendor-post-button{grid-column:1/-1}
}

/* v8.12.48 — SAP-style GL, recurring and payroll posting workspaces */
#tab-ledgerentry .rk-customer-action-footer .rk-vendor-footer-buttons>.btn{
  width:auto!important;min-width:132px!important;white-space:nowrap!important;line-height:1.1
}
#tab-ledgerentry .rk-customer-action-footer #rDraftBtn{min-width:148px!important}

#rkExpenseHost .rk-gl-object,#tab-payacc .rk-payroll-object{
  overflow:visible;border:1px solid #dbe5f0;border-radius:16px;background:#edf2f8;
  box-shadow:0 10px 28px rgba(20,48,79,.08)
}
#rkExpenseHost .rk-gl-header,#tab-payacc .rk-payroll-header{
  display:grid;grid-template-columns:minmax(310px,1fr) auto;align-items:start;gap:20px;
  padding:18px 20px;border-bottom:1px solid #dbe5f0;border-radius:16px 16px 0 0;background:var(--card)
}
#rkExpenseHost .rk-title-line,#tab-payacc .rk-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#rkExpenseHost .rk-title-line h2,#tab-payacc .rk-title-line h2{margin:0;color:var(--ink);font-size:22px;line-height:1.15;letter-spacing:-.025em}
#rkExpenseHost .rk-gl-header p,#tab-payacc .rk-payroll-header p{max-width:760px;margin:5px 0 0;color:#6b7e99;font-size:12px;line-height:1.5}
#rkExpenseHost .rk-gl-header-actions,#tab-payacc .rk-payroll-header-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#rkExpenseHost .rk-gl-header-actions>.btn,#tab-payacc .rk-payroll-header-actions>.btn{width:auto!important;min-width:132px!important;min-height:58px!important;margin:0!important;white-space:nowrap}
#rkExpenseHost .rk-gl-tabs,#tab-payacc .rk-payroll-tabs{
  display:flex!important;width:100%!important;min-height:52px!important;margin:0!important;padding:0 20px!important;
  overflow-x:auto;border:0!important;border-radius:0!important;background:var(--card)!important;box-shadow:none!important
}
#rkExpenseHost .rk-gl-tabs button,#tab-payacc .rk-payroll-tabs .seg-btn{
  position:relative;flex:0 0 auto;min-width:205px;min-height:52px;padding:12px 20px!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#7b8da6!important;font-weight:800!important;box-shadow:none!important
}
#rkExpenseHost .rk-gl-tabs button.active,#tab-payacc .rk-payroll-tabs .seg-btn.active{color:#17304f!important}
#rkExpenseHost .rk-gl-tabs button.active::after,#tab-payacc .rk-payroll-tabs .seg-btn.active::after{
  content:"";position:absolute;right:0;bottom:0;left:0;height:4px;border-radius:4px 4px 0 0;background:#ffd800
}
#rkExpenseHost .rk-gl-content,#tab-payacc .rk-payroll-content{padding:14px 20px 18px}
#rkExpenseHost .rk-gl-alert,#tab-payacc .rk-payroll-alert{
  display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #c8ddf4;border-radius:10px;background:#edf6ff;color:#285e98;font-size:12px
}
#rkExpenseHost .rk-gl-alert>span,#tab-payacc .rk-payroll-alert>span{font-size:17px}
#rkExpenseHost .rk-gl-section,#tab-payacc .rk-payroll-section,#tab-payacc #pyAccrualLines>.card{
  margin:0 0 14px!important;padding:0!important;overflow:visible;border:1px solid #dbe5f0!important;border-radius:13px!important;background:var(--card)!important;box-shadow:0 4px 14px rgba(20,48,79,.045)!important
}
#rkExpenseHost .rk-gl-section-head,#tab-payacc .rk-payroll-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:11px 15px;border-bottom:1px solid #dbe5f0
}
#rkExpenseHost .rk-gl-section-head>b,#tab-payacc .rk-payroll-section-head>b{color:var(--ink);font-size:14px}
#rkExpenseHost .rk-gl-section-head>span,#tab-payacc .rk-payroll-section-head>span{color:#91a2b9;font-size:11px;font-weight:750;white-space:nowrap}
#rkExpenseHost .rk-gl-form-grid,#tab-payacc .rk-payroll-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 16px;padding:15px}
#rkExpenseHost .rk-gl-form-grid>.row,#tab-payacc .rk-payroll-form-grid>.row{display:block!important;min-width:0!important;width:auto!important;margin:0!important}
#rkExpenseHost .rk-span-2{grid-column:span 2}
#rkExpenseHost .rk-gl-form-grid label,#tab-payacc .rk-payroll-form-grid label{display:block;margin:0 0 5px;color:#657792;font-size:11.5px;font-weight:800}
#rkExpenseHost .rk-gl-form-grid input,#rkExpenseHost .rk-gl-form-grid select,#tab-payacc .rk-payroll-form-grid input,#tab-payacc .rk-payroll-form-grid select,#tab-payacc .rk-payroll-form-grid .rk-bp-input{
  width:100%!important;min-height:46px!important;border-color:#d4dfec!important;border-radius:8px!important;background-color:#f4f7fb!important;font-size:13px!important
}
#rkExpenseHost .rk-gl-lines,#tab-payacc #pyAccrualLines>.card{padding:0 15px 14px!important}
#rkExpenseHost .rk-gl-lines table,#rkExpenseHost .rk-rec-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}
#rkExpenseHost .rk-gl-lines th,#rkExpenseHost .rk-rec-table-wrap th{padding:10px 8px;background:#f1f6fc;color:#7487a2;text-align:left;text-transform:uppercase;letter-spacing:.035em}
#rkExpenseHost .rk-gl-lines td,#rkExpenseHost .rk-rec-table-wrap td{padding:9px 8px;border-bottom:1px solid #e2eaf3;vertical-align:middle}
#rkExpenseHost .rk-gl-lines input,#rkExpenseHost .rk-gl-lines select{width:100%!important;min-height:43px;border-color:#d5e0ed;background:#f5f8fc}
#rkExpenseHost .rk-line-no{width:34px;color:#8da0b9;text-align:center}
#rkExpenseHost .rk-line-add{margin:12px 0 0;padding:9px 13px!important;border:1px solid #c9daec!important;border-radius:8px!important;background:#f6faff!important}
#rkExpenseHost .rk-gl-section>#rkExpGlPreview,#rkExpenseHost .rk-gl-section>#rkRecPreview{overflow:hidden;border-radius:0 0 13px 13px}
#rkExpenseHost .rk-gl-section .rk-gl-preview{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#rkExpenseHost .rk-gl-section>.rk-total{margin:0!important;border-radius:0 0 13px 13px!important}
#rkExpenseHost .rk-gl-logic,#tab-payacc .rk-payroll-logic,#tab-payacc .rk-payroll-open{padding:15px;color:#687b96;font-size:12px;line-height:1.6}
#rkExpenseHost .rk-gl-footer,#tab-payacc .rk-payroll-footer{
  position:sticky;z-index:35;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:12px 20px;border-top:1px solid #dbe5f0;border-radius:0 0 16px 16px;background:rgba(255,255,255,.97);box-shadow:0 -8px 22px rgba(20,48,79,.08);backdrop-filter:blur(8px)
}
#rkExpenseHost .rk-gl-footer>span,#tab-payacc .rk-payroll-footer>span{color:#91a2b9;font-size:11px}
#rkExpenseHost .rk-gl-footer>span>b,#tab-payacc .rk-payroll-footer>span>b{color:#d33}
#rkExpenseHost .rk-gl-footer>div,#tab-payacc .rk-payroll-footer>div{display:flex;align-items:center;justify-content:flex-end;gap:9px}
#rkExpenseHost .rk-gl-footer .btn,#tab-payacc .rk-payroll-footer .btn{width:auto!important;min-width:122px!important;min-height:47px!important;margin:0!important;padding:0 18px!important;white-space:nowrap}
#rkExpenseHost .rk-gl-footer .btn-accent,#tab-payacc .rk-payroll-footer .btn-accent{min-width:160px!important;background:#ffd400!important;color:#14304f!important;border-color:#ffd400!important}
#rkExpenseHost .rk-rec-table-wrap{overflow-x:auto}
#rkExpenseHost .rk-rec-table-wrap td small{display:block;margin-top:3px;color:#8496ae;font-size:10px;line-height:1.35}
#rkExpenseHost .rk-money{text-align:right;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
#rkExpenseHost .rk-template-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f7ef;color:#137949;font-size:10px;font-weight:800}
#rkExpenseHost .rk-template-status.paused{background:#edf1f6;color:#667890}
#rkExpenseHost .rk-row-actions{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
#rkExpenseHost .rk-row-actions button{padding:4px 7px;border:1px solid #cfdaea;border-radius:6px;background:#fff;color:#285e98;font-size:10px;font-weight:750;cursor:pointer}
#rkExpenseHost .rk-template-note{padding:12px 15px;border-radius:0 0 13px 13px;background:#fff9e8;color:#876b18;font-size:11px}
#rkExpenseHost .rk-empty-state{display:grid;gap:4px;padding:30px;text-align:center;color:#6b7e99}
#tab-payacc #pyAccrualLines>.card>div:first-child{min-height:49px;margin:0!important;padding:11px 15px;border-bottom:1px solid #dbe5f0}
#tab-payacc #pyAccrualLines #pyLineRows{padding:0 15px}
#tab-payacc #pyAccrualLines [data-py-line]{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto!important;gap:14px!important;padding:10px 0!important}
#tab-payacc #pyAccrualLines #pyAddLine{margin:10px 15px!important}
#tab-payacc .rk-document-state{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid #ead78d;border-radius:999px;background:#fff7d7;color:#806516;font-size:10px;font-weight:850;text-transform:uppercase;white-space:nowrap}
#tab-payacc .rk-document-state.is-posted{border-color:#abdcc2;background:#e8f7ef;color:#137949}
#tab-payacc .rk-hidden-field,
#tab-payacc .rk-payroll-form-grid>.row.rk-hidden-field,
#tab-payacc #pyAmtRow.rk-hidden-field,
#tab-payacc #wrap-pyType.rk-hidden-field,
#tab-payacc #wrap-pyAcct.rk-hidden-field{display:none!important}

@media(max-width:1320px){
  #rkExpenseHost .rk-gl-header,#tab-payacc .rk-payroll-header{grid-template-columns:1fr}
  #rkExpenseHost .rk-gl-header-actions,#tab-payacc .rk-payroll-header-actions{justify-content:flex-start}
}
@media(max-width:900px){
  #rkExpenseHost .rk-gl-form-grid,#tab-payacc .rk-payroll-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #tab-ledgerentry .rk-customer-action-footer .rk-vendor-footer-buttons>.btn{min-width:0!important;width:100%!important;padding:0 10px!important}
  #rkExpenseHost .rk-gl-header,#tab-payacc .rk-payroll-header{padding:14px}
  #rkExpenseHost .rk-gl-header-actions,#tab-payacc .rk-payroll-header-actions{display:grid;grid-template-columns:1fr;width:100%}
  #rkExpenseHost .rk-gl-header-actions>*,#tab-payacc .rk-payroll-header-actions>*{width:100%!important;max-width:none!important}
  #rkExpenseHost .rk-gl-header-actions>.btn,#tab-payacc .rk-payroll-header-actions>.btn{min-height:48px!important}
  #rkExpenseHost .rk-gl-tabs,#tab-payacc .rk-payroll-tabs{padding:0 8px!important}
  #rkExpenseHost .rk-gl-tabs button,#tab-payacc .rk-payroll-tabs .seg-btn{min-width:50%;padding:10px 7px!important;font-size:11px!important}
  #tab-payacc .rk-payroll-tabs .seg-btn{min-width:48%}
  #rkExpenseHost .rk-gl-content,#tab-payacc .rk-payroll-content{padding:10px}
  #rkExpenseHost .rk-gl-form-grid,#tab-payacc .rk-payroll-form-grid{grid-template-columns:1fr;padding:12px}
  #rkExpenseHost .rk-span-2{grid-column:auto}
  #rkExpenseHost .rk-gl-lines{overflow-x:auto;padding:0 10px 12px!important}
  #rkExpenseHost .rk-gl-lines table{min-width:720px}
  #rkExpenseHost .rk-gl-footer,#tab-payacc .rk-payroll-footer{align-items:stretch;flex-direction:column;padding:11px 10px}
  #rkExpenseHost .rk-gl-footer>div,#tab-payacc .rk-payroll-footer>div{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #rkExpenseHost .rk-gl-footer .btn,#tab-payacc .rk-payroll-footer .btn{width:100%!important;min-width:0!important;padding:0 8px!important}
  #rkExpenseHost .rk-gl-footer .btn-accent,#tab-payacc .rk-payroll-footer .btn-accent{grid-column:1/-1}
  #tab-payacc #pyAccrualLines [data-py-line]{grid-template-columns:1fr!important}
}

/* v8.12.48 — mobile posting controls remain tappable and scroll in normal document flow */
#rkExpenseHost .rk-rec-account-host,#rkExpenseHost .rk-rec-account-host .rk-bp-input{width:100%;min-width:0}
#rkExpenseHost #rkOpenSubscriptions:hover,#rkExpenseHost #rkGlRecurringTop:hover,
#rkExpenseHost #rkSubscriptionSchedules:hover,#rkExpenseHost #rkRunRecurring:hover{
  transform:translateY(-2px);border-color:#ffd400!important;background:#ffd400!important;color:#14304f!important;
  box-shadow:0 7px 16px rgba(179,143,0,.22)!important
}
.rk-vendor-action-footer .btn,.rk-customer-action-footer .btn,#rkExpenseHost .rk-gl-footer .btn,#tab-payacc .rk-payroll-footer .btn{
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease
}
.rk-vendor-action-footer .btn:hover,.rk-customer-action-footer .btn:hover,#rkExpenseHost .rk-gl-footer .btn:hover,#tab-payacc .rk-payroll-footer .btn:hover{
  transform:translateY(-2px);border-color:#d9b400!important;background:#fff8ce!important;color:#14304f!important;box-shadow:0 7px 15px rgba(20,48,79,.13)
}
.rk-vendor-action-footer .btn-accent:hover,.rk-customer-action-footer .btn-accent:hover,#rkExpenseHost .rk-gl-footer .btn-accent:hover,#tab-payacc .rk-payroll-footer .btn-accent:hover{
  border-color:#e4bb00!important;background:#ffe34b!important
}
.rk-delete-draft{border-color:#efc1c1!important;color:#b42318!important}
.rk-delete-draft:hover{border-color:#dc5f5f!important;background:#fff0f0!important;color:#991b1b!important}
#tab-payacc #pyDeductionRow.rk-hidden-field,#tab-payacc #pyDeductionReasonRow.rk-hidden-field,#tab-payacc #pyNetPayRow.rk-hidden-field{display:none!important}

@media(max-width:700px){
  #rkExpenseHost .rk-gl-lines{overflow:visible!important;padding:0 10px 12px!important}
  #rkExpenseHost .rk-gl-lines table{display:block;width:100%;min-width:0!important}
  #rkExpenseHost .rk-gl-lines thead{display:none}
  #rkExpenseHost .rk-gl-lines tbody{display:grid;gap:10px;width:100%}
  #rkExpenseHost .rk-gl-lines tr{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;gap:10px;width:100%;padding:12px;border:1px solid #dbe5f0;border-radius:11px;background:#f8fbff}
  #rkExpenseHost .rk-gl-lines td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important}
  #rkExpenseHost .rk-gl-lines td.rk-line-no{display:none!important}
  #rkExpenseHost .rk-gl-lines td[data-label="COA account"],#rkExpenseHost .rk-gl-lines td[data-label="Description"],#rkExpenseHost .rk-gl-lines td[data-label="Line description"]{grid-column:1/-1}
  #rkExpenseHost .rk-gl-lines td[data-label="Remove"]{grid-column:2;align-self:end;text-align:center}
  #rkExpenseHost .rk-gl-lines td[data-label]:not([data-label="Remove"])::before{content:attr(data-label);display:block;margin:0 0 5px;color:#72849d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  #rkExpenseHost .rk-gl-lines input,#rkExpenseHost .rk-gl-lines select,#rkExpenseHost .rk-gl-lines .rk-bp-input{width:100%!important;min-width:0!important;max-width:100%!important}
  #rkExpenseHost .rk-gl-lines input{
    position:relative;z-index:2;min-height:50px!important;font-size:16px!important;
    -webkit-user-select:text!important;user-select:text!important;caret-color:currentColor!important
  }
  /* Mobile uses the dark application palette around these deliberately light
     posting controls. Force readable control text instead of inheriting --ink. */
  #rkExpenseHost .rk-gl-form-grid input,#rkExpenseHost .rk-gl-form-grid select,
  #rkExpenseHost .rk-gl-lines input,#rkExpenseHost .rk-gl-lines select,
  #rkExpenseHost .rk-bp-input,#tab-payacc .rk-payroll-form-grid input,
  #tab-payacc .rk-payroll-form-grid select,#tab-payacc .rk-bp-input,
  #tab-ledgerentry .rk-form-section input,#tab-ledgerentry .rk-form-section select,
  #tab-ledgerentry .rk-bp-input{
    color:#14304f!important;-webkit-text-fill-color:#14304f!important;opacity:1!important
  }
  #rkExpenseHost input::placeholder,#tab-payacc input::placeholder,#tab-ledgerentry input::placeholder{
    color:#718198!important;-webkit-text-fill-color:#718198!important;opacity:1!important
  }
  #rkExpenseHost .rk-gl-tabs button,#tab-payacc .rk-payroll-tabs .seg-btn{color:#c6d4e7!important}
  #rkExpenseHost .rk-gl-tabs button.active,#tab-payacc .rk-payroll-tabs .seg-btn.active{color:#fde004!important}
  #rkExpenseHost .rk-gl-header p,#tab-payacc .rk-payroll-header p{color:#b9c8dc!important}
  .rk-coa-popover,.rk-bp-popover{background:#fff!important;color:#14304f!important;border-color:#b9c9dc!important}
  .rk-coa-popover{max-height:min(280px,38dvh)!important;font-size:12.5px!important;line-height:1.2!important}
  .rk-coa-popover .rk-ledger-group{min-height:32px;padding-top:5px!important;padding-right:7px!important;padding-bottom:5px!important;background:#e9f1fb!important;color:#14304f!important;font-size:12px!important}
  .rk-coa-popover .rk-ledger-leaf,.rk-bp-popover .rk-bp-opt{background:#fff!important;color:#14304f!important}
  .rk-coa-popover .rk-ledger-leaf:hover,.rk-coa-popover .rk-ledger-leaf:focus,
  .rk-bp-popover .rk-bp-opt:hover,.rk-bp-popover .rk-bp-opt:focus,.rk-bp-popover .rk-bp-opt.sel{
    background:#ffe000!important;color:#14304f!important
  }
  .rk-coa-popover .rk-ledger-leaf{min-height:40px;padding-top:6px!important;padding-right:7px!important;padding-bottom:6px!important;font-size:12.5px!important;line-height:1.2!important;touch-action:manipulation}
  .rk-coa-popover .rk-ledger-code{min-width:57px!important;font-size:10px!important}
  #rkExpenseHost .rk-gl-lines .rk-mini:not(.rk-line-add){width:40px;height:43px}
  #rkExpenseHost .rk-gl-lines .rk-line-add{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:auto!important;min-width:160px!important;min-height:44px!important;height:auto!important;
    padding:10px 14px!important;white-space:nowrap!important;line-height:1.2!important
  }
  /* Sticky action bars covered the form after the page scrolled: Android then sent
     taps intended for dates, account pickers and line buttons to the invisible bar. */
  #rkExpenseHost .rk-vendor-action-footer,
  #tab-ledgerentry .rk-customer-action-footer,
  #rkExpenseHost .rk-gl-footer,
  #tab-payacc .rk-payroll-footer{
    position:relative!important;z-index:1!important;bottom:auto!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important
  }
  #rkExpenseHost .rk-gl-footer,#tab-payacc .rk-payroll-footer{padding-bottom:calc(11px + env(safe-area-inset-bottom))}
  #rkExpenseHost .rk-gl-footer>div,#tab-payacc .rk-payroll-footer>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #rkExpenseHost .rk-gl-footer .rk-delete-draft,#tab-payacc .rk-payroll-footer .rk-delete-draft{grid-column:auto}
  #tab-payacc .rk-payroll-footer #pyReceiptPdf{grid-column:1/-1}
  #tab-ledgerentry .rk-gl-toolbar>.rk-ledger-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  #tab-ledgerentry .rk-gl-toolbar>.rk-ledger-actions>div{width:100%!important;min-width:0!important}
  #tab-ledgerentry .rk-gl-toolbar>.rk-ledger-actions .btn{width:100%!important;min-width:0!important}
  #rkExpenseHost .datefield,#rkExpenseHost button,#rkExpenseHost input,#rkExpenseHost select,
  #tab-ledgerentry .datefield,#tab-ledgerentry button,#tab-ledgerentry input,#tab-ledgerentry select,
  #tab-payacc .datefield,#tab-payacc button,#tab-payacc input,#tab-payacc select{
    pointer-events:auto!important;touch-action:manipulation
  }
}

@media(hover:none){
  .rk-vendor-action-footer .btn:hover,.rk-customer-action-footer .btn:hover,#rkExpenseHost .rk-gl-footer .btn:hover,#tab-payacc .rk-payroll-footer .btn:hover{transform:none}
}

/* ===== v8.12.49 — global collapsible-section chevron (renders on every posting screen: payroll, GL, assets, etc.). Scoped #tab-ledgerentry / #rkExpenseHost rules still win where present. ===== */
.rk-form-section-head{cursor:pointer;user-select:none}
.rk-section-chevron{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;cursor:pointer;border:1px solid #d5e1ee;border-radius:6px;background:#f6f9fd;color:#285e98;transition:border-color .18s ease,background .18s ease}
.rk-section-chevron::before{content:"";width:7px;height:7px;border-right:2px solid #285e98;border-bottom:2px solid #285e98;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.rk-section-chevron:hover{border-color:#8cb0d5;background:#edf5fe}
.rk-section-collapsed>.rk-form-section-head{border-bottom-color:transparent;border-radius:13px}
.rk-section-collapsed>.rk-form-section-head .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}
.rk-section-collapsed>.rk-form-section-body{display:none!important}

/* ===== v8.12.49 — make Payroll posting sections collapsible (same chevron UX as GL/Revenue). Injected chevron lives in .rk-payroll-section-head; body hidden when collapsed. ===== */
.rk-payroll-section-head{cursor:pointer;user-select:none}
#tab-payacc .rk-payroll-section-head>span{margin-left:auto}
.rk-payroll-section.rk-section-collapsed>*:not(.rk-payroll-section-head){display:none!important}
.rk-payroll-section.rk-section-collapsed>.rk-payroll-section-head{border-bottom-color:transparent}
.rk-payroll-section.rk-section-collapsed .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}

/* ===== v8.12.50 — collapsible GL/Journal posting sections (Document Header, Debit Lines, Credit Lines, templates). Chevron injected into .rk-gl-section-head; body hidden when collapsed. ===== */
#rkExpenseHost .rk-gl-section-head{cursor:pointer;user-select:none}
#rkExpenseHost .rk-gl-section-head>span{margin-left:auto}
#rkExpenseHost .rk-gl-section.rk-section-collapsed>*:not(.rk-gl-section-head){display:none!important}
#rkExpenseHost .rk-gl-section.rk-section-collapsed>.rk-gl-section-head{border-bottom-color:transparent}
#rkExpenseHost .rk-gl-section.rk-section-collapsed .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}

/* ===== v8.12.52 — collapsible Fixed Asset posting sections (Asset Details, Dates & Cost, Vendor & Payable, Classification, Depreciation, GL Preview). Card styling scoped to #tab-assets; chevron injected by rkEnhancePostingSections. ===== */
#tab-assets .rk-form-section{margin:13px 0 0;overflow:visible;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 14px rgba(20,48,79,.045)}
#tab-assets .rk-form-section:first-of-type{margin-top:4px}
#tab-assets .rk-form-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:10px 15px;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0;background:var(--card);cursor:pointer;user-select:none}
#tab-assets .rk-form-section-head>b{color:var(--ink);font-size:14px}
#tab-assets .rk-form-section-head>span{color:#91a2b9;font-size:11px;font-weight:750;white-space:nowrap;margin-left:auto}
#tab-assets .rk-form-section-body{padding:14px 15px 16px}
#tab-assets .rk-form-section-body>.two{margin:0 0 12px}
#tab-assets .rk-form-section-body>.two:last-child,#tab-assets .rk-form-section-body>.row:last-child,#tab-assets .rk-form-section-body>.hint:last-child{margin-bottom:0}
#tab-assets .rk-form-section.rk-section-collapsed>*:not(.rk-form-section-head){display:none!important}
#tab-assets .rk-form-section.rk-section-collapsed>.rk-form-section-head{border-bottom-color:transparent;border-radius:13px}
#tab-assets .rk-form-section.rk-section-collapsed .rk-section-chevron::before{transform:translateX(-2px) rotate(-45deg)}

/* ===== v8.12.79 open-item knock-off (flagged cash/holding accounts) ===== */
.rk-knock-wrap{display:flex;flex-direction:column;gap:14px}
.rk-knock-head b{font-size:15px}
.rk-knock-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:720px){.rk-knock-cols{grid-template-columns:1fr}}
.rk-knock-col{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;padding:10px;background:var(--card,transparent)}
.rk-knock-coltitle{font-weight:800;font-size:12px;letter-spacing:.02em;color:var(--muted,#8aa);margin:2px 4px 10px;text-transform:uppercase}
.rk-knock-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;margin-bottom:8px;border:1px solid var(--line,rgba(127,127,127,.28));border-radius:10px;background:transparent;cursor:pointer;color:inherit;font:inherit;transition:background .12s,border-color .12s}
.rk-knock-item:hover{border-color:#f59e0b}
.rk-knock-item.on{border-color:#16a34a;background:rgba(22,163,74,.12)}
.rk-knock-chk{font-size:18px;line-height:1;flex:0 0 auto}
.rk-knock-item.on .rk-knock-chk{color:#16a34a}
.rk-knock-meta{flex:1 1 auto;min-width:0}
.rk-knock-sub{color:var(--muted,#8aa);font-size:11px}
.rk-knock-amt{flex:0 0 auto;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-knock-bar{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line,rgba(127,127,127,.3));border-radius:12px;background:var(--card,#0d2244)}
.rk-knock-batches{border-top:1px dashed var(--line,rgba(127,127,127,.35));padding-top:10px}
.rk-knock-batch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:1px solid var(--line,rgba(127,127,127,.22));border-radius:9px;margin-bottom:7px;font-size:13px}

.rk-rec-row:hover{background:rgba(127,127,127,.10)}
