/* Canonical page/table template. docs/ux/components/TABLE.md.
   Loaded before legacy named layers; important rules are the migration boundary.
   Only semantic classes assigned by the existing table-standard binder opt in. */
:root{
 --rs-surface:#fff;--rs-table-body:#fcfbf8;--rs-field-surface:#faf8f5;--rs-rail-surface:#f5f2ed;
 --rs-ink:#292725;--rs-strong:#1c1917;--rs-muted:#68615a;--rs-line:#e5dfd5;--rs-row-line:#eee8e2;--rs-brand:#8b1515;
 --rs-card-radius:24px;--rs-card-x:20px;--rs-card-top:10px;--rs-card-bottom:16px;--rs-card-gap:16px;
 --rs-title-size:25px;--rs-title-line:30px;--rs-title-weight:600;--rs-title-icon:24px;--rs-title-gap:8px;--rs-title-row:40px;
 --rs-table-header-height:32px;--rs-table-cell-x:12px;--rs-table-cell-y:5px;--rs-table-head-y:6px;
 --rs-control-height:34px;--rs-search-height:36px;--rs-pill-radius:999px;--rs-filter-gap:8px;
 --rs-heading-inset-top:10px;--rs-heading-icon-gap:8px;--rs-heading-row-height:40px;--rs-heading-icon-size:24px;
 --rs-kpi-label-size:14px;--rs-kpi-value-size:28px;--rs-kpi-note-size:12px;--rs-kpi-icon-size:24px;--rs-kpi-radius:16px;--rs-kpi-height:86px;
}
@layer rs-table-contract{
 /* Canonical column sorting: one label + one paired arrow, with a real button. */
 .rs-table-sort{display:flex!important;align-items:center!important;justify-content:inherit!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-align:inherit!important;white-space:normal!important;cursor:pointer!important}
 .rs-table-sort-label{display:block!important;min-width:0!important;font:inherit!important;color:inherit!important}
 .rs-table-sort-label>div{min-width:0!important;gap:0!important;font:inherit!important}
 .rs-table-sort-icon{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;flex:none!important;stroke:currentColor!important;color:#a8a29e!important}
 .rs-table-sort[data-direction=ascending] .rs-table-sort-icon,.rs-table-sort[data-direction=descending] .rs-table-sort-icon{color:var(--rs-brand)!important}
 .rs-table-sort[data-direction=ascending] .rs-sort-down,.rs-table-sort[data-direction=descending] .rs-sort-up{opacity:.2}
 .rs-table-sort:focus-visible{outline:2px solid var(--rs-brand)!important;outline-offset:2px}
 @media(max-width:700px){.rs-table-sort{min-height:36px!important}}

 .rs-page-box{box-sizing:border-box!important;min-width:0!important;border-radius:var(--rs-card-radius)!important;border:1px solid var(--rs-line)!important;--rs-heading-inset-top:var(--rs-card-top);--rs-box-padding:var(--rs-card-top) var(--rs-card-x) var(--rs-card-bottom);--rs-box-title-icon:var(--rs-title-icon)}
 .rs-page-box--padded{padding:var(--rs-card-top) var(--rs-card-x) var(--rs-card-bottom)!important}
 .rs-page-table{background:var(--rs-surface)!important;color:var(--rs-ink);min-height:0}
 /* Cash movement types use the same single moving selection rail as other tables. */
 .cash-history-filters.rs-page-rail{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:max-content!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;flex-shrink:1}
 /* The cash workspace contains a light ledger, but its surrounding hero stays dark. */
 .cash-dashboard-track.rs-page-table{background:radial-gradient(ellipse at top right,#292523,#111 70%)!important;border-color:#302b28!important}
 .cash-dashboard-history-scroll .rs-page-grid th:first-child{width:80px!important;white-space:nowrap!important;overflow-wrap:normal!important}
 .cash-dashboard-history-scroll .rs-page-grid th:first-child .rs-table-sort-label{white-space:nowrap!important}
 .cash-dashboard-history-scroll .rs-page-grid th:nth-child(3){width:auto!important}
 .rs-page-box--flush{padding:0!important;overflow:hidden}
 .rs-page-title{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;min-width:0!important;min-height:var(--rs-title-row)!important;height:auto!important;gap:var(--rs-title-gap)!important;margin:0!important;padding:5px 0!important;font:var(--rs-title-weight) var(--rs-title-size)/var(--rs-title-line) Outfit,system-ui,sans-serif!important;letter-spacing:0!important;transform:none!important;top:auto!important;left:auto!important;white-space:normal!important}
 .rs-page-title :is(span,b,strong){font:inherit!important;letter-spacing:inherit!important}
 .rs-page-title:not(:has(svg,i[data-lucide])){display:block!important}
 .rs-page-title>:is(svg,i[data-lucide]),.rs-page-title>div:first-child:not(:has(span))>svg{display:block!important;width:var(--rs-title-icon)!important;height:var(--rs-title-icon)!important;min-width:var(--rs-title-icon)!important;flex:0 0 var(--rs-title-icon)!important;stroke-width:2!important;margin:3px 0 0!important;position:static!important;transform:none!important;align-self:flex-start!important}
 .rs-page-heading-group{display:flex!important;align-items:flex-start!important;gap:var(--rs-title-gap)!important;min-width:0!important;min-height:var(--rs-title-row)!important}
 .rs-page-heading-group>.el-title-icon{width:var(--rs-title-icon)!important;height:var(--rs-title-icon)!important;min-width:var(--rs-title-icon)!important;flex:0 0 var(--rs-title-icon)!important;margin:8px 0 0!important;align-self:flex-start!important;border:0!important;padding:0!important;background:transparent!important}
 .rs-page-heading-group>.el-title-icon svg{display:block!important;width:var(--rs-title-icon)!important;height:var(--rs-title-icon)!important;stroke-width:2!important}
 .rs-page-title-wrap{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;flex:0 1 auto!important;width:auto!important;gap:8px!important;min-width:0!important;flex-wrap:wrap}
 .rs-page-toolbar{box-sizing:border-box!important;padding:var(--rs-card-top) var(--rs-card-x) 8px!important;min-height:58px!important;background:var(--rs-surface)!important;border:0!important;min-width:0!important}
 .rs-page-header{box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;min-height:var(--rs-title-row)!important;min-width:0!important;gap:12px!important;margin:0!important;padding:0!important;flex-wrap:wrap!important;border:0!important;background:transparent!important;top:auto!important;transform:none!important}
 .rs-page-header--inset{padding:var(--rs-card-top) var(--rs-card-x) 8px!important;min-height:58px!important}
 .rs-page-box.rs-page-header{border:1px solid var(--rs-line)!important;padding:var(--rs-card-top) var(--rs-card-x) 8px!important;min-height:58px!important}
 .rs-page-toolbar>.rs-page-header{margin-bottom:0!important}
 .rs-page-toolbar:has(.rs-page-rail){padding-bottom:5px!important}
 .rs-page-toolbar:has(.rs-page-rail)>.rs-page-header{margin-bottom:8px!important}
 .rs-page-box--padded>.rs-page-header{margin-bottom:10px!important}
 .rs-page-header>.rs-page-title,.rs-page-header>.rs-page-heading-group{flex:0 1 auto!important}
 .rs-page-header :is(.products-filter-actions,.am-search){min-width:0!important;align-self:center!important}
 .rs-page-header>.products-filter-actions{flex:0 1 auto!important;max-width:100%!important;flex-wrap:wrap!important;gap:8px!important}
 .rs-page-header .products-filter-actions>.rs-select-trigger{height:34px!important;min-height:34px!important;width:180px!important;max-width:100%!important;flex:0 1 180px!important}
 .rs-page-header .products-filter-actions>.rs-page-filter-field{width:180px!important;max-width:100%!important;flex:0 1 180px!important}
 .rs-page-search{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;box-sizing:border-box!important;position:relative!important;top:0!important;min-width:0!important;height:var(--rs-search-height)!important;margin:0!important;flex:1 1 160px;max-width:270px;display:flex!important;align-items:center!important}
 .rs-page-search input{outline:0!important;outline-offset:0!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:var(--rs-search-height)!important;min-height:0!important;padding:0 14px 0 39px!important;border:1px solid var(--rs-line)!important;border-radius:var(--rs-pill-radius)!important;background:var(--rs-field-surface)!important;color:var(--rs-ink)!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important;box-shadow:none!important}
 /* The input owns the only search frame, including inside popup headers. */
 .rs-page-search input:is(:focus,:focus-visible){outline:0!important;outline-offset:0!important;box-shadow:none!important;border-color:var(--rs-brand)!important}
 .rs-page-search>svg{position:absolute!important;left:13px!important;top:9px!important;width:18px!important;height:18px!important;color:var(--rs-brand)!important;stroke-width:2!important;margin:0!important;transform:none!important;pointer-events:none}
 .rs-page-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none;align-self:center;min-height:28px!important;padding:6px 8px!important;margin:0!important;border:1px solid var(--rs-line)!important;border-radius:var(--rs-pill-radius)!important;background:var(--rs-field-surface)!important;color:var(--rs-muted)!important;font:400 12px/1.2 Outfit,system-ui,sans-serif!important;white-space:nowrap}
 .rs-page-title .rs-page-count{font:400 12px/1.2 Outfit,system-ui,sans-serif!important;align-self:center!important}
 .rs-page-count:empty{display:none!important}
 .rs-page-total{display:flex!important;align-items:center!important;gap:8px!important;min-height:36px!important;border:0!important;border-radius:var(--rs-pill-radius)!important;background:var(--rs-strong)!important;color:#fff!important;padding:8px 15px!important;white-space:nowrap}
 .rs-page-total>span{font:400 12px/1.2 Outfit,system-ui,sans-serif!important;color:#e7e5e4!important}
 .rs-page-total strong{font:600 16px/1.2 Outfit,system-ui,sans-serif!important;color:#fff!important}
 /* Search and total are two independent capsules in one tightly spaced tool group. */
 .rs-page-search-total{box-sizing:border-box!important;display:flex!important;align-items:center!important;align-self:center!important;flex:0 1 480px!important;min-width:0!important;max-width:100%!important;min-height:36px!important;margin-left:auto!important;padding:0!important;gap:8px!important;border:0!important;background:transparent!important}
 .rs-page-search-total>.rs-page-search{flex:1 1 200px!important;width:auto!important;min-width:0!important;max-width:none!important;height:36px!important}
 .rs-page-search-total>.rs-page-total{flex:none!important;height:36px!important;min-height:36px!important;margin:0!important}
 .rs-page-rail{box-sizing:border-box!important;height:auto!important;min-height:34px!important;padding:3px!important;border:1px solid var(--rs-line)!important;border-radius:var(--rs-pill-radius)!important;background:var(--rs-rail-surface)!important;gap:2px!important;box-shadow:none!important;min-width:0!important;scrollbar-width:none}
 .rs-page-rail>div{gap:2px!important;min-width:0!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 .rs-page-rail.rs-page-rail--nested{border-radius:16px!important;gap:4px!important}
 .rs-page-rail.rs-page-rail--nested>.rs-page-subrail{padding:3px!important;border-radius:12px!important;background:var(--rs-strong)!important}
 .rs-page-rail.rs-page-rail--nested>.rs-page-subrail button{border-radius:9px!important;color:#e7e5e4!important}
 .rs-page-rail.rs-page-rail--nested>.rs-page-subrail button:is(.active,[aria-pressed=true],[aria-selected=true]){color:#fff!important;background:var(--rs-brand)!important}
 .rs-page-rail.rs-page-rail--nested>.rs-page-subrail button[data-rail-animated=true]{background:transparent!important}
 .rs-page-rail button{box-sizing:border-box!important;min-height:26px!important;height:auto!important;flex-shrink:0!important;padding:4px 12px!important;border:0!important;border-radius:var(--rs-pill-radius)!important;background:transparent!important;color:#44403a!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important;box-shadow:none!important;white-space:nowrap}
 .rs-page-rail button:is(.active,[aria-pressed=true],[aria-selected=true]){color:#fff!important;font-weight:500!important;background:var(--rs-brand)!important}
 .rs-page-rail button[data-rail-animated=true]{background:transparent!important}
 .rs-page-rail .category-rail-indicator{background:var(--rs-brand)!important}
 /* Full-width category distribution: grow labels evenly, never clip the last item. */
 .rs-page-rail>.rs-page-rail-items--spread{display:flex!important;flex-wrap:wrap!important;justify-content:space-evenly!important;gap:2px!important;width:100%!important;overflow:visible!important}
 .rs-page-rail-items--spread>button{display:grid!important;grid-template-columns:minmax(0,1fr)!important;flex:1 0 auto!important;max-width:100%!important;min-width:0!important;padding:4px 6px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .rs-page-rail-items--spread>button>.rs-rail-label,.rs-page-rail-items--spread>button::after{grid-area:1/1!important;text-align:center}
 .rs-page-rail-items--spread>button::after{content:attr(data-label);visibility:hidden;pointer-events:none;font-weight:500}
 .rs-page-rail:has(.stats-slide-pill) button{background:transparent!important}
 .rs-page-rail--inset{margin:0 var(--rs-card-x) 5px!important}
 .rs-page-filters{--rs-control-height:34px;box-sizing:border-box!important;min-width:0!important;gap:var(--rs-filter-gap)!important;padding:3px var(--rs-card-x) 7px!important;background:var(--rs-surface)!important;border:0!important;align-items:center!important}
 .rs-page-filters--padded{padding:3px 0 7px!important}
 .rs-page-filters--ledger{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(120px,.8fr) minmax(180px,1.2fr) auto auto!important}
 .rs-page-filter-field{--rs-control-height:34px;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;min-width:0!important;height:var(--rs-control-height)!important;min-height:var(--rs-control-height)!important;gap:8px!important;padding:0 10px!important;border:1px solid var(--rs-line)!important;border-radius:999px!important;background:var(--rs-field-surface)!important}
 .rs-page-filter-field[hidden],.rs-page-rail[hidden],.rs-page-subrail[hidden]{display:none!important}
 /* Hidden native data fields must never become extra grid items. */
 .rs-page-filters [hidden]{display:none!important}
 .rs-page-filter-field>span:not(.rs-select-error){flex:none;font:400 12px/1.25 Outfit,system-ui,sans-serif!important;color:var(--rs-muted)!important}
 .rs-page-filters :where(input:not([type=checkbox]):not([type=radio]):not([hidden]),select:not([hidden]),button){box-sizing:border-box!important;min-height:var(--rs-control-height)!important;border-radius:var(--rs-pill-radius)!important;font-family:Outfit,system-ui,sans-serif!important;font-size:13px!important;font-weight:400!important}
 .rs-page-filters :is(input:not([type=checkbox]):not([type=radio]):not([hidden]),select:not([hidden])){height:var(--rs-control-height)!important;border:1px solid var(--rs-line)!important;background:var(--rs-field-surface)!important;color:var(--rs-ink)!important}
 .rs-page-filters .el-inline-filter{background:var(--rs-field-surface)!important;border-color:var(--rs-line)!important}
 .rs-page-filters :is(.el-inline-filter,.am-filter-field) :is(input,.rs-select-trigger,.rs-date-trigger){border:0!important;background:transparent!important;box-shadow:none!important}
 .rs-page-filter-field>.rs-select-trigger{flex:1!important;width:0!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
 .rs-page-filter-field>:is(.rs-select-trigger,.rs-date-trigger){height:calc(var(--rs-control-height) - 2px)!important;min-height:0!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important}
 .rs-page-filters>button,.rs-page-filters>.cw-tools>button{height:var(--rs-control-height)!important}
 .fin-toolbar.rs-page-filters{background:transparent!important}
 .fin-toolbar.rs-page-filters>span:not(.rs-page-date-field){color:inherit!important}
 .rs-page-date-field{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
 .rs-page-date-field>.rs-date-trigger{min-width:112px!important;width:auto!important;flex:1!important;height:var(--rs-control-height)!important;padding:0 10px!important;border:1px solid var(--rs-line)!important;border-radius:var(--rs-pill-radius)!important;background:var(--rs-field-surface)!important;color:var(--rs-ink)!important}
 .rs-page-filter-field>.rs-date-trigger{padding:0!important;min-width:0!important;border:0!important;background:transparent!important}
 .rs-page-filters input[type=date][hidden]{display:none!important}
 .rs-page-scroll{min-width:0!important;min-height:0!important;padding:0!important;overflow:auto;scrollbar-gutter:stable!important;overflow-anchor:none;background:linear-gradient(to bottom,var(--rs-rail-surface) 0 var(--rs-table-header-height),var(--rs-table-body) var(--rs-table-header-height))!important}
 .rs-page-box--padded>.rs-page-scroll{margin-left:calc(-1 * var(--rs-card-x))!important;margin-right:calc(-1 * var(--rs-card-x))!important;width:calc(100% + 2 * var(--rs-card-x))!important}
 .rs-page-grid{font-family:Outfit,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;background:var(--rs-table-body)!important}
 table.rs-page-grid{width:100%!important;border-collapse:collapse}
 .rs-page-grid thead,.rs-page-grid thead tr,.rs-page-grid-header{height:var(--rs-table-header-height)!important;min-height:0!important;background:var(--rs-rail-surface)!important}
 .rs-page-grid thead th,.rs-page-grid-header>div{box-sizing:border-box!important;height:var(--rs-table-header-height)!important;min-height:0!important;padding:var(--rs-table-head-y) var(--rs-table-cell-x)!important;border-bottom:1px solid var(--rs-line)!important;background:var(--rs-rail-surface)!important;color:var(--rs-muted)!important;font:500 12px/1.25 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;vertical-align:middle!important;transform:none!important}
 .rs-page-grid-header{padding:0!important;border:0!important}
 .rs-page-grid tbody :is(td,th),.rs-page-grid-row>div{box-sizing:border-box!important;padding:var(--rs-table-cell-y) var(--rs-table-cell-x)!important;border-bottom:1px solid var(--rs-row-line)!important;background:var(--rs-table-body)!important;color:var(--rs-ink)!important;font:400 14px/1.4 Outfit,system-ui,sans-serif!important;vertical-align:middle!important;transform:none!important}
 .rs-page-grid tbody tr{height:48px}
 .rs-page-grid-row{padding:0!important;margin:0!important;min-height:48px!important;border:0!important;background:var(--rs-table-body)!important}
 .rs-page-grid-row>div{height:100%;min-height:48px;align-content:center}
 .rs-page-grid [data-rs-align=start]{text-align:left!important;justify-content:flex-start!important}
 .rs-page-grid [data-rs-align=center]{text-align:center!important;justify-content:center!important}
 .rs-page-grid [data-rs-align=end]{text-align:right!important;justify-content:flex-end!important}
 .rs-page-grid :is(td[data-rs-align=start]>strong,tbody th[data-rs-align=start],.prod-name-text,.channel-prod-clickable,.sh-name,.rs-table-name){font-size:15px!important;font-weight:500!important;line-height:1.35!important;letter-spacing:0!important}
 .rs-page-grid td>strong{font-size:inherit!important;font-weight:inherit!important}
 .rs-page-grid :is(tbody [data-rs-value=amount],.rs-page-grid-row>[data-rs-value=amount]){font-weight:600!important}
 .rs-page-grid td small{display:block!important;margin-top:2px!important;color:var(--rs-muted)!important;font:400 12px/1.25 Outfit,system-ui,sans-serif!important}
 .rs-page-grid .el-source-label{color:var(--rs-muted)!important}
 /* Expense kinds are solid brand bento labels, never additional actions. */
 .rs-page-grid .el-kind[data-expense-kind]{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:4px 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:var(--rs-brand)!important;color:#fff!important;font:500 13px/1.25 Outfit,system-ui,sans-serif!important;white-space:nowrap!important}
 .rs-page-grid .el-kind[data-expense-kind=variable]{background:var(--rs-ink)!important}
 .rs-page-grid :is(tbody tr,.rs-page-grid-row):hover :is(td,th){background:var(--rs-field-surface)!important}
 .rs-page-grid .rs-table-thumbnail{display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;max-width:100%!important;height:40px!important;box-sizing:border-box!important;margin:0 auto!important;overflow:hidden!important}
 .rs-page-grid .rs-table-thumbnail-image{display:block!important;width:60px!important;max-width:100%!important;height:40px!important;min-width:0!important;object-fit:contain!important;object-position:center!important}
 .rs-page-grid .rs-table-thumbnail>.rs-table-thumbnail-image{width:100%!important;height:100%!important}
 .rs-page-grid .rs-money{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 .rs-page-grid .prod-img-box{height:40px!important;width:60px!important;max-width:100%!important}
 /* QR catalogue thumbnails stay inside their cell; portrait assets are never cropped. */
 #products-table-card .prod-col-img{align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
 #products-table-card .prod-img-box{width:56px!important;min-width:0!important;max-width:100%!important;height:40px!important;flex:0 1 56px!important;margin:0!important;box-sizing:border-box!important;padding:3px!important;transform:none!important}
 #products-table-card .prod-img-box>img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important}

 .rs-page-grid [colspan]{height:auto!important}
 .rs-table-inline-scroll{box-sizing:border-box;max-width:100%;width:100%}
 /* A chart shares the surrounding typography/geometry, never its data scale. */
 .rs-chart-surface{min-height:0!important}
 .rs-chart-meta{font:400 12px/1.25 Outfit,system-ui,sans-serif!important;letter-spacing:0!important}
 .rs-chart-meta :is(small,span){font:inherit!important;letter-spacing:inherit!important}
 .rs-chart-copy{font:400 14px/1.4 Outfit,system-ui,sans-serif!important;letter-spacing:0!important}
 .rs-chart-copy strong,.cat-legend-val.rs-chart-copy{font-weight:600!important}
 /* Compact metric role: a label is not a 25px section heading. */
 .rs-kpi{box-sizing:border-box!important;min-width:0!important;min-height:var(--rs-kpi-height)!important;height:auto!important;padding:12px!important;border-radius:var(--rs-kpi-radius)!important;gap:8px!important;font-family:Outfit,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
 .rs-kpi-label{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;font:400 var(--rs-kpi-label-size)/20px Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important}
 .rs-kpi-value{display:block!important;min-width:0!important;margin:4px 0 0!important;font:600 var(--rs-kpi-value-size)/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .rs-kpi-note{display:block!important;margin:4px 0 0!important;font:400 var(--rs-kpi-note-size)/1.35 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;white-space:normal!important}
 .rs-kpi .rs-kpi-icon{position:static!important;display:block!important;flex:0 0 var(--rs-kpi-icon-size)!important;min-width:var(--rs-kpi-icon-size)!important;width:var(--rs-kpi-icon-size)!important;height:var(--rs-kpi-icon-size)!important;stroke-width:2!important;margin:0!important;transform:none!important}
 .rs-kpi-icon-wrap{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
 #products-table-card .products-table-scroll-wrapper,#products-table-card #products-table-body{overflow-x:hidden!important}
 #products-table-card .prod-col-cost,#products-table-card .prod-col-cost-header{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;transform:none!important;text-align:center!important}
 #products-table-card .prod-cost-value{font:600 14px/1.4 Outfit,system-ui,sans-serif!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 #products-table-card .prod-cost-label{display:none}
 @media(max-width:680px){#products-table-card .prod-col-cost{justify-content:space-between!important}#products-table-card :is(.prod-col-stock,.prod-col-status){flex-direction:column!important;min-height:48px!important;height:48px!important;gap:3px!important}#products-table-card :is(.prod-col-stock,.prod-col-status)::before{font:400 12px/1.25 Outfit,system-ui,sans-serif!important}#products-table-card .prod-price-wrapper{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:4px!important}#products-table-card .prod-price-wrapper input{width:0!important;min-width:0!important;flex:1!important}}
 /* Seven QR columns share one grid; cost is read-only and width comes from the name. */
 @media(min-width:681px){
  #products-table-card .products-table-inner{width:100%!important;min-width:0!important;max-width:100%!important}
  #products-table-card .products-table-grid{display:grid!important;grid-template-columns:76px minmax(0,1fr) 96px 100px 90px 90px 76px!important;column-gap:0!important;width:100%!important;min-width:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
  #products-table-card .products-table-grid>div{margin:0!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;order:0!important;grid-column:auto!important;grid-row:auto!important;padding-left:8px!important;padding-right:8px!important;min-width:0!important}
  #products-table-card :is(.prod-col-stock,.prod-col-status)::before{display:none!important}
  #products-table-card .prod-col-name{overflow:visible!important}
  #products-table-card .prod-col-name>div{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important}
  #products-table-card .prod-name-text{display:block!important;flex:0 1 auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;overflow-wrap:normal!important;word-break:normal!important}
  #products-table-card .prod-cat-text{max-width:100%!important;white-space:normal!important;font-size:12px!important;line-height:1.25!important;padding:4px 8px!important}
  #products-table-card .prod-price-wrapper{box-sizing:border-box!important;width:74px!important;min-width:0!important;min-height:30px!important;height:30px!important;padding:3px 7px!important;gap:3px!important;border:1px solid var(--rs-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
  #products-table-card .prod-price-wrapper input{width:0!important;min-width:0!important;flex:1!important;height:22px!important;min-height:0!important;padding:0!important;font:500 14px/1.25 Outfit,system-ui,sans-serif!important}
  #products-table-card .prod-price-wrapper>span{margin:0!important;flex:none!important;font:400 12px/1 Outfit,system-ui,sans-serif!important}
 }
 /* Channel pricing uses the QR catalogue scale, with six equal price tracks.
    The desktop grid fits its bento; mobile retains one accessible scroll owner. */
 @media(min-width:1051px){
  #channel-table-card .products-table-inner{width:100%!important;min-width:0!important;max-width:100%!important}
  #channel-table-card .channel-table-grid{display:grid!important;grid-template-columns:76px minmax(0,2.8fr) 96px repeat(6,minmax(0,1fr))!important;gap:0!important;width:100%!important;min-width:0!important;padding:0!important;box-sizing:border-box!important;scrollbar-gutter:auto!important}
  #channel-table-card .channel-table-grid>div{min-width:0!important;margin:0!important;box-sizing:border-box!important;order:0!important}
  #channel-table-card .channel-row>div:not(.channel-input-wrapper){padding-left:8px!important;padding-right:8px!important}
  #channel-table-card .products-table-header>div{padding:1px 2px!important;white-space:normal!important;line-height:1.15!important;overflow-wrap:anywhere!important}
  #channel-table-card .rs-table-sort{gap:4px!important}
  #channel-table-card .channel-row>div:nth-child(3)>span{font-size:12px!important;line-height:1.25!important;padding:4px 8px!important}
  #channel-table-card .channel-row>div:first-child{justify-content:center!important}
  #channel-table-card .channel-row>div:first-child>.channel-prod-clickable{width:56px!important;min-width:0!important;max-width:100%!important;height:40px!important;flex:0 1 56px!important;padding:3px!important;margin:0!important;border:1px solid var(--rs-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important}
  #channel-table-card .channel-row>div:first-child img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
  #channel-table-card .channel-row>div:nth-child(2){overflow:visible!important}
  #channel-table-card .channel-row>div:nth-child(2)>.channel-prod-clickable{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;overflow-wrap:normal!important;word-break:normal!important}
  #channel-table-card .channel-input-wrapper{justify-self:center!important;align-self:center!important;display:flex!important;align-items:center!important;width:calc(100% - 12px)!important;max-width:74px!important;height:30px!important;min-height:30px!important;padding:3px 7px!important;border:1px solid var(--rs-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
  #channel-table-card .channel-price-input{width:100%!important;min-width:0!important;max-width:none!important;height:22px!important;min-height:0!important;padding:0 12px 0 0!important;border:0!important;background:transparent!important;font:500 14px/1.25 Outfit,system-ui,sans-serif!important;text-align:center!important}
  #channel-table-card .channel-currency-sign{right:7px!important;font:400 12px/1 Outfit,system-ui,sans-serif!important}
 }
 @media(min-width:1051px) and (max-width:1250px){
  #channel-table-card .channel-input-wrapper{width:calc(100% - 4px)!important;padding-left:4px!important;padding-right:4px!important}
  #channel-table-card .channel-price-input{padding-right:10px!important}
  #channel-table-card .channel-currency-sign{right:4px!important}
 }
 /* Keep every row/input in the DOM; defer offscreen grid-row painting only.
    Native tables and mobile card layouts keep their existing sizing behavior. */
 @supports(content-visibility:auto){
  @media(min-width:1051px){
   :is(#products-table-body,#channel-table-body)>.rs-page-grid-row{content-visibility:auto;contain-intrinsic-block-size:auto 48px}
  }
 }
 /* Month navigation keeps a full touch target inside finance KPI headers. */
 @media(max-width:1050px){
  .rs-page-search,.rs-page-search input{height:48px!important;min-height:48px!important}
  .rs-page-search>svg{top:15px!important}
  .rs-page-rail button{min-height:44px!important}
  .rs-page-filters :where(input:not([hidden]),select:not([hidden]),button){min-height:48px!important}
  .rs-page-filters input:not([hidden]){font-size:16px!important}
  .rs-page-filter-field{height:48px!important;min-height:48px!important}
  .rs-page-filter-field>:is(.rs-select-trigger,.rs-date-trigger){height:46px!important;min-height:46px!important}
  .rs-page-header .products-filter-actions>.rs-select-trigger{height:48px!important;min-height:48px!important}
  .rs-page-filters{--rs-control-height:48px!important}
  .rs-page-rail{min-height:48px!important;height:auto!important}
  .rs-page-header :is(button:not([hidden]),a){min-height:44px!important}
  .rs-page-search-total>.rs-page-search,.rs-page-search-total>.rs-page-total{height:48px!important;min-height:48px!important}
  .rs-page-search-total>.rs-page-search>svg{top:15px!important}
  #products-table-card .prod-price-wrapper,#channel-table-card .channel-input-wrapper{height:48px!important;min-height:48px!important;padding-top:1px!important;padding-bottom:1px!important}
  #products-table-card .prod-price-wrapper input,#channel-table-card .channel-input-wrapper input{height:44px!important;min-height:44px!important}
  .rs-table-sort,.inv-num-input.inv-crit-input,.cw-native-name{min-height:44px!important}
  .inv-num-input.inv-crit-input{min-width:44px!important}
  .exp-month-switcher>button[data-exp-month-shift],.ct-income-month>button[data-income-month]{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;flex:0 0 44px!important}
 }
 /* Brand captions cannot push a peer card's primary heading off the shared axis. */
 .ss-hero.rs-page-box{display:flex!important;flex-direction:column!important}
 .ss-hero.rs-page-box>.rs-page-title{order:0!important}
 .ss-hero.rs-page-box>.ss-eyebrow{order:1!important;margin:2px 0 0!important}
 .ss-hero.rs-page-box>p{order:2!important}
 .ss-hero.rs-page-box>button{order:3!important}
 @media(max-width:1250px){.rs-page-filters--ledger{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
 @media(max-width:700px){
  .rs-page-box{--rs-card-x:14px}
  .rs-page-header{gap:8px!important}
  .rs-page-header>.rs-page-title,.rs-page-header>.rs-page-heading-group{flex-basis:100%!important;max-width:100%!important}
  .rs-page-search{max-width:none!important;flex-basis:100%!important}
  .rs-page-search-total{flex-basis:100%!important;width:100%!important;height:auto!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
  .rs-page-search-total>.rs-page-search{flex:1 1 100%!important;width:100%!important;height:48px!important}
  .rs-page-search-total>.rs-page-search input{height:48px!important;min-height:48px!important}
  .rs-page-search-total>.rs-page-search>svg{top:15px!important}
  .rs-page-search-total>.rs-page-total{width:100%!important;min-height:48px!important;height:auto!important;justify-content:space-between!important;border-radius:999px!important}
  .rs-page-filters--ledger>.rs-page-filter-field{grid-column:1/-1!important}
 }
}
