/* Shared ERP composition, including Accounting under the owner's updated direction.
   Widths belong to the workspace; column sizing still belongs to erp-ui.js. */
.rkb-startup-status { position:fixed; z-index:2100; top:12px; right:16px; max-width:min(420px,calc(100vw - 32px)); padding:5px 10px; border:1px solid #cbdaf1; border-radius:5px; background:#f2f6fd; color:#26384d; font:400 13px/20px "Segoe UI",Arial,sans-serif; }
.rkb-startup-status.is-delayed { padding:9px 12px; border-color:#d6b778; background:#fff8e9; color:#543d18; box-shadow:0 3px 14px #25344a1a; }
.rkb-startup-status.is-delayed [data-rkb-startup-label] { display:block; font-weight:600; }
.rkb-startup-status.is-delayed a { color:#194b84; text-decoration:underline; }
.page[inert] { cursor:progress; }
.page[inert] :is(button,input,select,textarea) { cursor:progress; }
.rkb-operational-ui .rkb-accountability-coverage { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px 0; color:#6b5425; font-size:12px; line-height:18px; }
.rkb-operational-ui .rkb-accountability-group th { background:var(--op-selected); padding:8px 12px; font-size:12px; font-weight:600; white-space:normal; }
.rkb-operational-ui .rkb-accountability-group th span { font-weight:400; }
.rkb-operational-ui.rkb-dashboard { container-type:inline-size; }
.rkb-operational-ui .rkb-dashboard-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; }
.rkb-operational-ui .rkb-dashboard-heading>div:first-child { display:flex; align-items:center; gap:12px; }
.rkb-operational-ui .rkb-dashboard-heading h1 { font-size:18px; line-height:24px; font-weight:600; margin:0 0 4px; }
.rkb-operational-ui .rkb-dashboard-heading h1+span { font-size:12px; color:#617084; }
.rkb-operational-ui .rkb-workspace-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:12px; }
.rkb-operational-ui a.rkb-workspace-metric { display:flex; gap:12px; align-items:flex-start; padding:16px; color:#26384d; text-decoration:none; border-top:3px solid var(--op-action); }
.rkb-operational-ui .rkb-workspace-metric[data-tone=amber] { border-top-color:#b07a24; }
.rkb-operational-ui .rkb-workspace-metric[data-tone=violet] { border-top-color:#8764aa; }
.rkb-operational-ui .rkb-workspace-metric[data-tone=teal] { border-top-color:#338979; }
.rkb-operational-ui .rkb-workspace-metric>div { display:grid; gap:6px; }
.rkb-operational-ui .rkb-workspace-metric strong { font-size:var(--erp-type-summary); font-weight:500; font-variant-numeric:tabular-nums; line-height:26px; }
.rkb-operational-ui .rkb-workspace-metric small { font-size:12px; color:#617084; }
.rkb-operational-ui .rkb-dashboard-columns { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); align-items:start; gap:12px; }
.rkb-operational-ui .rkb-dashboard-stack { display:grid; gap:12px; min-width:0; }
.rkb-operational-ui .rkb-dashboard-stack>.panel { padding:10px 14px; margin:0; min-width:0; }
.rkb-operational-ui .rkb-dashboard-task-list { display:grid; }
.rkb-operational-ui .rkb-dashboard-manual-tasks { container-type:inline-size; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table-wrap { max-width:100%;overflow-x:auto; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table { table-layout:fixed;width:100%;min-width:0;margin:0; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table :is(th,td) { padding:4px 5px;vertical-align:middle; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-check-column { width:31px;text-align:center;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-actions-column { width:40px;text-align:center;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-date-column { width:112px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-date-column time { display:block; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-date-column .status-badge { display:inline-flex;margin-top:2px;vertical-align:middle; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-owner-column { width:108px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-title-cell { min-width:0;max-width:none; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table :is(.rkb-task-title-cell,.rkb-task-owner-column) :is(strong,small) { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table small { color:#617084;font-size:12px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-table input[type=checkbox] { margin:0;vertical-align:middle; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-source-mark { display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#376993;vertical-align:middle; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-source-mark svg { width:15px;height:15px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-done .rkb-task-title-cell strong { color:#617084;text-decoration:line-through;text-decoration-thickness:1px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-section-row th { padding:4px 6px;background:#f2f6fb;color:#425670;font-size:12px;font-weight:600;line-height:18px;text-align:left; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-today-breakdown { margin-left:6px;color:#617084;font-size:12px;font-weight:400;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-undo { display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;padding:5px 8px;border:1px solid #c6ddd8;border-radius:4px;background:#f3f9f7;color:#315c54;font-size:12px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-undo span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-undo .btn { flex:none; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-task-search { display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 8px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-task-search .product-chip-input { flex:1 1 200px;min-width:150px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-task-search input[type=search] { min-height:34px;height:34px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-summary-strip { margin-bottom:7px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table-wrap { max-width:100%;overflow-x:auto; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table { table-layout:fixed;width:100%;min-width:410px;margin:0; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table :is(th,td) { padding:4px 6px;vertical-align:middle; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table :is(strong,small) { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table small { color:#617084;font-size:12px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table .rkb-source-date { width:92px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table .rkb-source-next { width:112px; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table .rkb-source-open { width:40px;text-align:center; }
.rkb-operational-ui .rkb-dashboard-source-tasks .rkb-dashboard-source-table .rkb-task-section-row th { padding:4px 6px;background:#f2f6fb;color:#425670;font-size:12px;font-weight:600;line-height:18px;text-align:left; }
.rkb-dashboard-rule-toggle { display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#273b50; }
.rkb-dashboard-rule-toggle input { margin:0; }
.rkb-dashboard-rule-teams { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));gap:5px;max-height:200px;overflow:auto; }
.rkb-dashboard-rule-teams label { display:flex;align-items:center;gap:6px;min-height:31px;padding:4px 7px;border:1px solid #d8e1ea;border-radius:4px;background:#fafcfe;font-size:12px; }
.rkb-dashboard-rule-teams label input { flex:none;margin:0; }
.rkb-dashboard-rule-teams label span:nth-child(2) { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.rkb-dashboard-task-settings { max-width:840px;margin-bottom:10px; }
.rkb-dashboard-task-settings-body { padding:10px 12px 0; }
.rkb-dashboard-task-settings .rkb-form-stack { gap:8px; }
.rkb-dashboard-task-settings .rkb-form-stack > .rkb-inset-control { max-width:340px; }
.rkb-dashboard-task-settings .rkb-dialog-actions { justify-content:flex-end;padding:8px 12px 10px; }
.rkb-dashboard-rule-conflict { display:grid;gap:4px;margin-bottom:8px;font-size:12px; }
.rkb-dashboard-rule-conflict>div { display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr);gap:6px; }
.rkb-dashboard-rule-conflict .btn { justify-self:start; }
.rkb-dashboard-rule-heading { display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px; }
.rkb-dashboard-rule-heading .rkb-field-help { margin:0; }
body:has(.page.rkb-operational-ui) .rkb-dashboard-task-settings .rkb-form-stack { gap:6px; }
body:has(.page.rkb-operational-ui) .rkb-dashboard-task-settings .rkb-form-stack > small.rkb-field-help { margin:0; }
body:has(.page.rkb-operational-ui) .rkb-dashboard-task-settings > .rkb-dialog-actions { margin-top:8px;padding:8px 12px 10px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-search { display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 8px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-search .product-chip-input { flex:1 1 220px;min-width:160px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-dashboard-task-search input[type=search] { min-height:34px;height:34px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-inline-action-toolbar { margin:8px 0;gap:6px; }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-toolbar-context-field { width:auto;flex:1 1 160px;min-width:min(150px,100%); }
.rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-inline-action-toolbar>.pager { margin-left:auto;flex-shrink:0; }
@container (max-width:430px) {
 .rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-date-column { width:97px; }
 .rkb-operational-ui .rkb-dashboard-manual-tasks .rkb-task-owner-column { width:85px; }
}
.rkb-operational-ui .rkb-task-history { display:grid;gap:6px;max-height:min(55vh,440px);overflow:auto; }
.rkb-operational-ui .rkb-task-history details { border:1px solid var(--op-border);border-radius:6px;background:#fff; }
.rkb-operational-ui .rkb-task-history summary { display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;cursor:pointer;padding:7px 9px;color:#26384d; }
.rkb-operational-ui .rkb-task-history summary span { color:#617084;font-size:12px; }
.rkb-operational-ui .rkb-task-history-changes { display:grid;gap:4px;border-top:1px solid var(--op-border);padding:7px 9px; }
.rkb-operational-ui .rkb-task-history-changes>div { display:grid;grid-template-columns:minmax(80px,110px) minmax(0,1fr);gap:8px;font-size:12px;overflow-wrap:anywhere; }
.rkb-operational-ui .rkb-task-history-changes strong { color:#45566b;font-weight:600; }
.rkb-operational-ui .rkb-dashboard-team-users { max-height:280px;overflow:auto; }
.rkb-operational-ui .rkb-user-menu-grid { max-height:390px;overflow:auto; }
.rkb-operational-ui .rkb-user-menu-grid :is(th,td){vertical-align:middle;padding-block:4px}
.rkb-operational-ui .rkb-user-menu-grid th:first-child{min-width:145px}
.rkb-operational-ui .rkb-menu-choice-cell{display:flex;align-items:center;gap:5px;min-width:0}
.rkb-operational-ui .rkb-menu-choice-cell>.form-select{flex:1 1 auto;min-width:0;height:34px;margin:0;font-size:12px}
.rkb-operational-ui .rkb-menu-effective-mark{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #a7caba;border-radius:3px;background:#edf7f1;color:#34775b;font:700 11px/1 var(--erp-font)}
.rkb-operational-ui .rkb-menu-effective-mark[data-allowed=false]{border-color:#d5bdaf;background:#fbf3ee;color:#94644f}
.rkb-operational-ui a.rkb-dashboard-task { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 0; border-bottom:1px solid var(--op-border); color:#26384d; text-decoration:none; }
.rkb-operational-ui a.rkb-dashboard-task:hover { background:var(--op-selected); }
.rkb-operational-ui .rkb-dashboard-task>span { display:grid; gap:4px; min-width:0; }
.rkb-operational-ui .rkb-dashboard-task>span:last-child { justify-items:end; text-align:right; }
.rkb-operational-ui .rkb-dashboard-task strong { color:var(--op-action); font-weight:600; }
.rkb-operational-ui .rkb-dashboard-task small { color:#617084; font-size:12px; }
.rkb-operational-ui .rkb-dashboard-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:6px 12px; }
.rkb-operational-ui .rkb-dashboard-links>a { display:flex; gap:8px; align-items:center; min-height:38px; padding:4px; text-decoration:none; }
@container (max-width:950px) { .rkb-operational-ui .rkb-dashboard-columns { grid-template-columns:minmax(0,1fr); } }
.rkb-operational-ui {
    --erp-font: "Segoe UI", Arial, sans-serif;
    --erp-type-section: 13px;
    --erp-type-section-line: 20px;
    --erp-leading-section: 20px;
    --erp-control-height: 34px;
    --erp-control-height-sm: 34px;
    --erp-type-action-sm: 13px;
    --erp-leading-action-sm: 18px;
    --erp-type-nav: 13px;
    --erp-type-nav-child: 13px;
    --erp-type-body: 13px;
    --erp-type-value: 13px;
    --erp-type-label: 12px;
    --erp-type-meta: 12px;
    --erp-type-table: 13px;
    --erp-type-table-compact: 13px;
    --op-border: #dfe5eb;
    --op-surface: #f7f9fb;
    --op-action: #235fa6;
    --op-selected: #edf4fc;
    --erp-shell-accent: #235fa6;
    --erp-shell-accent-soft: #edf4fc;
    --erp-font-numeric: "Segoe UI", Arial, sans-serif;
    --erp-type-summary: 20px;
    --erp-weight-summary: 500;
    --erp-tracking-summary: 0;
    --erp-weight-total: 500;
    --erp-price-sell-surface: hsl(215 18% 96%);
    --erp-price-buy-surface: hsl(155 18% 96%);
    --erp-tracking-total: 0;

    & :is(.rkb-styled-workspace, .rkb-record-workspace, .rkb-visual-pilot) { --rkb-accent: var(--op-action); --rkb-accent-soft: var(--op-selected); --erp-blue: var(--op-action); }
    & :is(.btn-dark, .btn-primary) { background: var(--op-action); border-color: var(--op-action); color: #fff; }
    & :is(.btn-dark, .btn-primary):hover:not(:disabled) { background: #1c4c85; border-color: #1c4c85; }
    & :is(.btn-dark, .btn-primary):disabled { background: #edf0f4; border-color: var(--op-border); color: #6c798a; opacity: 1; }
    & :is(.btn-outline-dark, .btn-outline-primary, .btn-outline-secondary) { color: var(--op-action); border-color: #b3c8df; background: #fff; }
    & :is(.btn-outline-dark, .btn-outline-primary, .btn-outline-secondary):hover:not(:disabled) { color: #194d87; border-color: var(--op-action); background: var(--op-selected); }
    & :is(.btn-outline-dark, .btn-outline-primary, .btn-outline-secondary):disabled { color: #718096; border-color: var(--op-border); background: #f6f8fa; opacity: 1; }
    & a:not(.btn):not(.status-badge):not(.rkb-stage-link) { color: var(--op-action); }
    & .rkb-link-button { color: var(--op-action); }
    & .rkb-topbar-actions { display: flex; align-items: center; gap: 8px; }
    & :is(.rkb-page-help-button, .rkb-notification-bell, .rkb-profile-button) { box-sizing: border-box; height: 36px; min-height: 36px; border: 1px solid var(--op-border); border-radius: 8px; background: #fff; color: #52647b; }
    & :is(.rkb-page-help-button, .rkb-notification-bell) { display: inline-flex; align-items: center; justify-content: center; width: 36px; flex: 0 0 36px; padding: 0; }
    & .rkb-page-help-button { font-size: 16px; font-weight: 600; }
    & :is(.rkb-page-help-button, .rkb-notification-bell, .rkb-profile-button):hover { background: var(--op-selected); }

    & .content { padding: 12px 20px 32px; }
    &.page main article.content { padding-top: 12px; }
    & :is(.product-master-page, .product-detail-v2) { gap: 12px; min-width: 0; }
    & :is(.panel, .product-identity-header) { box-shadow: none; border-color: var(--op-border); border-radius: 8px; }
    & :is(.panel .panel, .product-detail-tab-card .rkb-form-section) { box-shadow: none; }

    /* One search row, one contextual footer, then the table. No reserved blank tracks. */
    & .product-filter-panel-compact { padding: 12px; margin: 0; }
    & .product-list-sticky-tools { padding-top: 0; padding-bottom: 0; }
    & .product-list-sticky-tools .product-filter-panel { box-shadow: none; }
    & .product-search-main-row { display: flex; flex-flow: row wrap; align-items: center; gap: 8px; }
    & .product-search-main-row .product-chip-input { flex: 1 1 300px; min-width: 0; max-width: 100%; }
    & .product-search-actions { display: flex; flex: 0 0 auto; width: max-content; max-width:100%; flex-flow: row wrap; align-items: center; gap: 6px; margin-left: auto; }
    & .product-search-actions.rkb-inline-filter-actions { flex-wrap: nowrap; }
    & .product-search-actions.rkb-inline-filter-actions > .rkb-inset-control { flex: 0 0 146px; width: 146px; margin: 0; align-self: center; }
    & .product-filter-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px 16px; margin-top: 10px; padding-top: 8px; }
    & .product-result-range { flex: 0 1 auto; min-width: 0; white-space: normal; }
    & .product-selection-slot { flex: 1 1 auto; min-width: 0; }
    & .product-filter-footer :is(.product-pager, .rkb-operational-pager) { margin-left: auto; flex-shrink: 0; }
    & .rkb-list-context { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; min-width: 0; }
    & .rkb-list-context .active-filter-chips { margin: 0; padding: 0; min-height: 0; }
    & .active-filter-chips { gap: 6px; margin: 8px 0 0; }
    & .product-bottom-pager { display: flex; justify-content: flex-end; padding: 10px 12px; }
    & .rkb-operational-footer { margin: 0; padding: 10px 12px; }
    & .product-list-panel-compact { margin: 0; }
    & :is(.rkb-table-wrap, .table-responsive) { max-width: 100%; min-width: 0; }
    & :is(.erp-table, .rkb-table-foundation) { font-size: 13px; }
    & :is(.erp-table, .rkb-table-foundation) > tbody > tr > td { padding-block: 8px; line-height: 20px; vertical-align: middle; }
    & :is(.erp-table, .rkb-table-foundation) > thead > tr > th { font-size: 12px; line-height: 18px; background: #f0f4f8; color: #48586b; }
    & .product-column-label { white-space: normal; line-height: 16px; }
    & :is(.erp-table, .rkb-table-foundation) > tbody > tr:hover > td { background-color: #f7faff; }
    & :is(.numeric-cell, .po-total-cell, .rkb-amount-summary dd) { font-variant-numeric: tabular-nums; }
    & :is(td.numeric-cell, td.po-total-cell, td.text-end, [data-rkb-money], input[type=number], input[inputmode=decimal], .rkb-price-fact-value, .rkb-price-components dd, .rkb-amount-summary dd, .rkb-budget-values dd, .rkb-entry-total strong, .rkb-financial-metrics dd) { font-family: var(--erp-font-numeric); font-variant-numeric: tabular-nums lining-nums; font-weight: 400; letter-spacing: 0; font-stretch: normal; }
    & :is(th.numeric-cell, td.numeric-cell, th.text-end, td.text-end, [data-rkb-money], input[type=number], input[inputmode=decimal]) { text-align: right; }
    & :is(th.numeric-cell, th.text-end) .table-sort-button { justify-content: flex-end; text-align: right; }
    & :is(.numeric-cell, .text-end) input { text-align: right; }
    & :is(td.numeric-cell, td.text-end) strong { font-weight: 500; }
    & :is(.rkb-price-fact-value, .rkb-amount-total dd, .rkb-entry-total strong, .rkb-financial-metrics dd) { font-weight: 500; }
    & table td.empty-state { display: table-cell; white-space: normal; }
    & .rkb-table-totals > td { border-top: 2px solid #ccdaeb; background: var(--op-selected); font-weight: 500; padding: 10px 12px; }

    /* Record identity, workflow, and two logical metadata groups lead into the work. */
    & .product-identity-header { padding: 12px 16px; min-height: 76px; margin: 0; }
    & .product-identity-copy h1 { font-size: 20px; line-height: 26px; margin-bottom: 4px; }
    & .rkb-record-reference { flex-wrap: wrap; gap: 6px 16px; }
    & :is(.rkb-detail-toolbar, .po-detail-toolbar) { flex-wrap: wrap; gap: 10px 16px; padding: 10px 0; }
    & section.panel.rkb-detail-toolbar { padding: 10px 16px; }
    & .rkb-detail-toolbar-actions { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; min-width: 0; }
    & .rkb-workflow-next { min-width:0; padding-inline:10px; }
    & .rkb-detail-header-info { padding-block: 12px; margin: 0; }
    & .rkb-record-columns { gap: 16px 24px; }
    & .rkb-order-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    & .rkb-order-overview > .rkb-form-section { padding: 0; border: 0; border-radius: 0; background: none; }
    & .rkb-form-section > header { margin-bottom: 10px; gap: 8px; }
    & .rkb-form-section > header .rkb-section-icon { width: 26px; height: 26px; background: transparent; }
    & .rkb-record-facts { gap: 10px 20px; margin-bottom: 0; }
    & .rkb-record-facts dt { margin-bottom: 3px; }
    & .rkb-record-facts dd { line-height: 20px; font-weight: 500; }
    & .product-detail-tabs { display: flex; flex-wrap: nowrap; gap: 2px; overflow-x: auto; padding: 0; margin-bottom: 0; }
    & .product-detail-tabs > :is(button, a) { flex: 0 0 auto; padding: 10px 14px; font-size: 13px; line-height: 20px; }
    & .product-detail-tabs button.active { background: var(--op-selected); color: var(--op-action); border-bottom-color: var(--op-action); }
    & .product-filter-panel > .product-detail-tabs { margin-bottom: 10px; }
    & .product-detail-tab-content { padding: 14px 16px; }
    & .po-detail-tab-content { padding-inline: 0; }
    & .product-tab-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 12px; padding-bottom: 10px; }
    & .product-tab-toolbar > div:first-child { min-width: 0; }
    & .rkb-table-toolbar { flex-wrap: wrap; gap: 10px 16px; padding-block: 10px; }
    & .product-filter-panel .rkb-table-toolbar { margin-top: 8px; padding-top: 10px; padding-bottom: 0; border-top: 1px solid var(--op-border); }
    & .product-search-main-row > .btn { flex-shrink: 0; }
    & .rkb-heading-with-help { display: flex; flex-flow: row wrap; align-items: center; gap: 6px; }
    & .rkb-heading-help { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 4px; border: 0; border-radius: 4px; background: transparent; color: #65758b; }
    & .rkb-heading-help:hover { background: var(--op-selected); color: var(--op-action); }
    & .product-detail-table-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; }
    & .rkb-summary-action-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 0 0 12px; padding: 10px 0; border-bottom: 1px solid var(--op-border); }
    & .rkb-line-summary { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 0; background: none; border: 0; }
    & .rkb-line-summary > :is(span, strong) { white-space: normal; }
    & .rkb-financial-overview { max-width: none; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); gap: 24px; padding-bottom: 16px; margin-bottom: 6px; border-bottom: 1px solid var(--op-border); }
    & .rkb-financial-overview > .rkb-fact-group { border: 0; border-radius: 0; padding: 0; }
    & .rkb-fact-group h3 { margin-bottom: 10px; }
    & .rkb-bank-reference { margin-top: 10px; background: var(--op-surface); border: 0; padding: 10px 12px; }
    & .rkb-amount-summary { margin: 0; }
    & .rkb-context-link { margin: 0; padding-inline: 12px; }
    & .rkb-comparison-layout { grid-template-columns: minmax(0, 680px) 270px; gap: 20px; max-width:970px; align-items:start; margin-bottom:14px; }
    & .rkb-document-readiness { grid-column:2; grid-row:1; padding:0; border:0; }
    & .rkb-comparison-layout > .rkb-comparison-main { grid-column:1; grid-row:1; }
    & .rkb-document-readiness .rkb-record-facts { grid-template-columns:minmax(0,1fr); gap:12px; }
    & .rkb-invoice-comparison { max-width:740px; margin:0; }

    /* A compact overview aligns comparable values, then editable supporting information.
       Container breakpoints respond to the actual workspace, including an open sidebar. */
    & .rkb-detail-overview { display: grid; grid-template-columns: clamp(220px, 26%, 280px) minmax(0, 1fr); gap: 20px; width: 100%; align-items: start; }
    & .rkb-fact-strip { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-content: start; }
    & .rkb-fact-strip > section { padding: 12px 16px; min-width: 0; border: 1px solid var(--op-border); border-radius: 6px; }
    
    & .rkb-fact-strip header { min-height: 28px; margin: 0 0 4px; justify-content: space-between; }
    & .rkb-fact-strip h2 { font-size: 13px; font-weight: 600; }
    & .rkb-fact-strip h2 small { font-size: 12px; font-weight: 400; color: var(--erp-muted); }
    & .rkb-fact-strip > .rkb-price-fact-primary { background: var(--erp-price-sell-surface); border-left: 3px solid var(--op-action); border-radius: 5px 0 0 5px; }
    & .rkb-price-fact-value { display: block; font-size: 20px; line-height: 28px; font-weight: 500; color: var(--erp-text); font-variant-numeric: tabular-nums; }
    & .rkb-price-fact-primary .rkb-price-fact-value { color: var(--op-action); }
    & .rkb-price-components { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 8px 0 0; font-size: 12px; }
    & .rkb-price-components > div { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
    & .rkb-price-components dt { color: var(--erp-muted); font-weight: 400; }
    & .rkb-price-components dd { margin: 0; font-weight: 500; font-variant-numeric: tabular-nums; }
    & .rkb-reference-fact .rkb-record-facts { gap: 8px 16px; }
    & .rkb-reference-fact dt.rkb-heading-label { color: var(--op-action); gap: 5px; }
    & .rkb-detail-supplement { margin: 0; min-width: 0; container: product-supplement / inline-size; }
    & .rkb-supplement-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr); gap: 16px 24px; align-items: start; }
    & .rkb-supplement-grid .rkb-form-section > header { min-height: 28px; margin-bottom: 8px; }
    & .rkb-supplement-grid .rkb-notes-section { grid-column: 2; grid-row: 1 / span 2; align-self: stretch; align-content: start; border-left: 1px solid var(--op-border); padding-left: 20px; }
    & .rkb-supplement-grid .rkb-measure-section { grid-column: 1; grid-row: 2; }
    & .rkb-supplement-grid .rkb-attachment-section { grid-column: 1; grid-row: 1; }
    & .rkb-supplement-grid .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    & .rkb-heading-label { margin: 0; display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
    & .rkb-section-symbol { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 5px; background: var(--op-selected); color: var(--op-action); }
    & .rkb-tab-heading .rkb-section-symbol { color: var(--op-action); }
    & .rkb-supplement-grid .rkb-form-section > header { padding-bottom: 6px; border-bottom: 1px solid var(--op-border); }
    & .rkb-notes-section { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px 14px; }
    & .rkb-notes-section > header { grid-column: 1 / -1; margin-bottom: 0; }
    & .rkb-notes-section.rkb-field-stack > .rkb-record-field + .rkb-record-field { margin-top: 0; }
    & .rkb-notes-section .rkb-record-field { align-content: start; }
    & .rkb-notes-section.rkb-field-stack textarea { min-height: 172px; height: 172px; }
    & .rkb-product-reference { padding: 6px 2px 0; }
    & .rkb-product-reference > h2 { font-size: 13px; font-weight: 600; margin-bottom: 10px; }
    & .rkb-product-reference > h2 svg { width: 16px; height: 16px; color: var(--op-action); }
    & .rkb-product-context { display: grid; gap: 8px; margin: 0; }
    & .rkb-product-context > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: baseline; }
    & .rkb-product-context dt { margin: 0; font-size: 12px; font-weight: 400; color: var(--erp-muted); }
    & .rkb-product-context dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
    & .rkb-price-fact:not(.rkb-price-fact-primary) { background: var(--erp-price-buy-surface); border-left: 3px solid #398475; }
    & .rkb-price-fact:not(.rkb-price-fact-primary) .rkb-price-fact-value { color: #216b5c; }
    & .rkb-notes-section .rkb-section-symbol { color: #77529b; background: #f3edf9; }
    & .rkb-measure-section .rkb-section-symbol { color: #936521; background: #fbf3e4; }
    & .rkb-attachment-section .rkb-section-symbol { color: #216b5c; background: #e9f5f0; }
    & .rkb-search-toolbar { margin-bottom: 12px; }
    & .rkb-record-workspace .rkb-search-toolbar .product-chip-input > input:focus-visible { outline: none; box-shadow: none; }
    & .rkb-search-toolbar .product-chip-input > input { width: 100%; min-width: 0; flex: 1 1 0; outline: none; box-shadow: none; border: 0; }
    & .rkb-search-toolbar .product-chip-input:focus-within { outline: 2px solid #235fa62e; outline-offset: 1px; border-color: var(--op-action); }
    & .rkb-activity-workspace .product-filter-footer { margin-bottom: 12px; }
    & .rkb-compact-options-dialog { width: min(420px, calc(100vw - 32px)); max-width: 420px; padding: 16px; }
    & .rkb-compact-options-dialog .rkb-info-dialog-body { padding: 12px 0; display: grid; gap: 6px; }
    & .rkb-compact-options-dialog .rkb-info-dialog-body p { margin: 0; }
    & .rkb-compact-options-dialog .rkb-dialog-actions { margin-top: 0; padding-top: 10px; }
    & .rkb-context-strip.rkb-review-metadata { display: grid; grid-template-columns: auto 1fr 1fr; gap: 10px 20px; padding: 10px 12px; border: 1px solid var(--op-border); border-radius: 5px; background: var(--op-surface); }
    & .rkb-context-strip.rkb-review-metadata > div { display: grid; gap: 3px; align-content: start; }
    & .rkb-context-strip dd { font-weight: 400; }
    & .product-detail-tabs > button { display: inline-flex; align-items: center; gap: 6px; }
    & .product-detail-tabs > button svg { width: 16px; height: 16px; flex-shrink: 0; }
    & th.numeric-cell .product-column-heading > span:first-child { flex: 1; text-align: right; }

    & .rkb-supplement-grid .rkb-record-field { gap: 5px; }
    & .rkb-supplement-grid :is(input.form-control, .rkb-input-with-unit) { min-height: 34px; }
    & .rkb-supplement-grid .rkb-input-with-unit select { flex-basis: 48px; width: 48px; }
    & .rkb-field-stack > .rkb-record-field + .rkb-record-field { margin-top: 12px; }
    & .rkb-field-stack .product-chip-input { min-width: 0; min-height: 34px; padding: 2px 6px; }
    & .rkb-field-stack .product-chip-input > input { min-width: 80px; flex: 1 1 120px; }
    & .rkb-field-stack textarea { min-height: 76px; resize: vertical; }
    & .rkb-attachment-section .rkb-upload-dropzone { min-height: 116px; padding: 12px; background: var(--op-surface); border-color: #aab9c9; color: #40566f; }
    & .rkb-attachment-section .rkb-field-help { margin: 8px 0 0; }
    & .rkb-attachment-section .rkb-file-list:empty { display: none; }
    & .rkb-detail-supplement .rkb-record-save-bar { margin-top: 16px; }

    /* Source/date/location are one group; the description stays nearby, not a tall card. */
    & .rkb-entry-fields { display: grid; grid-template-columns: minmax(140px, 170px) minmax(170px, 230px) minmax(240px, 1fr); align-items: start; gap: 12px 20px; margin-block: 14px; }
    & .rkb-entry-fields-account { grid-template-columns: minmax(140px,170px) minmax(240px,1fr) minmax(170px,230px); }
    & .rkb-entry-form .rkb-form-section > header { justify-content:flex-start; }
    & .rkb-entry-form .rkb-form-section > header > :is(label,.rkb-section-actions,button) { margin-left:auto; }
    & .rkb-entry-form .check-filter { display: flex; align-items: center; gap: 6px; min-height: 24px; margin: 0; }
    & .rkb-entry-form .check-filter input[type=checkbox] { min-height: 16px; height: 16px; width: 16px; }
    & .rkb-entry-source { display: grid; align-content: start; gap: 5px; min-width: 0; }
    & .rkb-entry-source > label { font-size: 12px; color: var(--erp-muted); margin: 0; }
    & .rkb-entry-fields > label { display: grid; align-content: start; gap: 5px; min-width: 0; font-size: 12px; color: var(--erp-muted); }
    & .rkb-entry-fields .rkb-field-wide { grid-column: 1 / -1; }
    & .rkb-entry-fields .selected-parent { min-height: 38px; margin: 0; padding: 4px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: var(--op-selected); border: 1px solid #cbdcf0; border-radius: 6px; }
    & .rkb-entry-fields .selected-parent strong { font-size: 13px; font-weight: 500; color: var(--erp-text); }
    & .rkb-entry-fields textarea { min-height: 58px; resize: vertical; }
    & .rkb-financial-metrics { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; padding: 0; margin: 0; }
    & .rkb-financial-metrics > div { display: grid; gap: 2px; }
    & .rkb-financial-metrics dt { font-size: 12px; font-weight: 400; color: var(--erp-muted); }
    & .rkb-financial-metrics dd { font-size: 16px; line-height: 22px; margin: 0; color: var(--op-action); }
    & .rkb-summary-action-toolbar > .rkb-financial-metrics { flex: 1 1 auto; }
    & .rkb-transaction-entry > .product-detail-tabs, & .rkb-transaction-entry > div > .product-detail-tabs { margin-top: -4px; }
    & .rkb-transaction-lines > header { justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
    & .rkb-entry-footer { margin-top: 16px; padding-top: 12px; justify-content: flex-end; }
    & .rkb-entry-footer > .rkb-dialog-actions { margin: 0; padding: 0; border: 0; }
    & .rkb-transaction-lines { border-bottom: 0; padding-block: 12px; }
    & .rkb-entry-footer .rkb-entry-total { margin-right: auto; }
    & .rkb-inline-actions { display: flex; align-items: center; gap: 4px; }
    & .rkb-inline-actions .btn { padding: 3px 6px; min-width: 28px; min-height: 28px; }
    & .rkb-table-editor-row > td { background: var(--op-selected); vertical-align: top; }

    /* Forecast: choices are a single row; budget context stays beside its period. */
    & .rkb-plan-modes { display: flex; flex-wrap: wrap; gap: 8px; }
    & .rkb-plan-mode { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--op-border); border-radius: 6px; background: #fff; color: #425267; font-size: 13px; }
    & .rkb-plan-mode svg { width: 18px; height: 18px; }
    & .rkb-plan-mode strong { min-width: 28px; border-radius: 4px; background: #eef1f5; padding: 2px 6px; font-size: 13px; text-align: center; font-variant-numeric: tabular-nums; }
    & .rkb-plan-mode.active { border-color: var(--op-action); color: var(--op-action); background: var(--op-selected); }
    & .rkb-plan-mode.active strong { background: #dceafb; }
    & .rkb-budget-panel { width:100%; max-width:950px; border-left:3px solid #238376; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 10px 12px; background: #fff; }
    & .rkb-budget-heading { display: grid; gap: 4px; flex: 0 1 180px; min-width: 150px; }
    & .rkb-budget-heading label { margin: 0; font-size: 12px; font-weight: 500; color: var(--erp-muted); }
    & .rkb-budget-heading input { width: 100%; max-width: none; height: 34px; }
    & .rkb-budget-panel > .rkb-budget-values { flex: 0 1 540px; margin: 0; gap: 16px; }
    & .rkb-budget-values dd { font-size: 14px; margin-top: 4px; }
    & .rkb-budget-actions { display: flex; align-items: center; gap: 6px; margin-left: 0; }
    & .rkb-plan-suppliers { gap: 12px 20px; padding-block: 12px; }
    & .rkb-plan-destination { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 5px; min-width: 0; }
    & .rkb-plan-destination > span { font-size: 12px; }
    & .rkb-plan-supplier-help { grid-column: auto; margin: 0; }
    & .rkb-budget-preview { margin: 0 0 12px; padding: 12px 0; background: none; border-radius: 0; border: 0; border-block: 1px solid var(--op-border); }

    /* Short, sparse reviews remain near their own controls rather than spanning a monitor. */
    & .rkb-stock-workspace { max-width: 780px; }
    & .rkb-stock-workspace .rkb-table-foundation > tbody > tr > td { padding-block: 8px; }
    & .rkb-stock-controls { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
    & .rkb-stock-controls .rkb-date-range-toolbar { width: 100%; justify-content: flex-start; }
    & .rkb-kontrabon-review { max-width: 1200px; }
    & .rkb-stock-workspace .product-tab-toolbar { border-bottom: 0; margin-bottom: 10px; padding-bottom: 0; }
    & .rkb-review-metadata { display: flex; flex-wrap: wrap; gap: 10px 24px; border: 0; border-bottom: 1px solid var(--op-border); border-radius: 0; background: none; padding: 0 0 12px; margin: 0 0 12px; }
    & .rkb-review-metadata > div { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
    & .rkb-review-metadata :is(dt, dd) { margin: 0; }
    & .rkb-date-range-toolbar { flex-wrap: wrap; gap: 8px; }
    & .rkb-date-range-toolbar > label { width: 150px; max-width: 100%; flex: 0 1 150px; }

    /* Report criteria are one meaningful form, followed by search and results. */
    & .rkb-report-controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; padding: 0 0 12px; }
    & .rkb-report-controls > label { flex: 0 1 150px; width: 150px; }
    & .rkb-report-controls > .rkb-report-kind { flex: 1 1 220px; max-width: 300px; width: auto; }
    & .rkb-report-controls > .rkb-detail-toolbar-actions { margin-left: 0; }
    & .rkb-report-links { display: flex; flex-wrap: nowrap; gap: 8px; justify-content: flex-end; }
    & .rkb-report-links > a { min-width: 108px; justify-content: center; }
    & .rkb-report-links > a:last-child { min-width: 132px; }

    /* Forms and dialogs use the same rhythm; controls keep readable hit targets. */
    & .form-grid { gap: 12px 20px; }
    & .two-column-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    & .form-grid > :is(label,.rkb-inset-control) { display: grid; align-content: start; gap: 5px; min-width: 0; margin: 0; }
    & :is(.form-control, .form-select) { font-size: 13px; }
    & .form-select { padding-right: 32px; }
    & :is(.rkb-info-dialog-header, .rkb-modal-header) { align-items: flex-start; gap: 16px; padding-bottom: 12px; margin-bottom: 0; }
    & :is(.rkb-info-dialog-header, .rkb-modal-header) h2 { font-size: 18px; line-height: 24px; }
    & .rkb-info-dialog-body { display: flex; flex-direction: column; gap: 14px; padding-block: 14px; }
    & :is(.rkb-dialog-actions, .rkb-modal-actions) { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--op-border); }
    & .rkb-info-dialog-body .rkb-dialog-actions { margin-top: 0; }
    /* The dialog owns its padding; nested form sections must not add a second frame. */
    & .rkb-info-dialog-body > .rkb-dialog-form.form-section { padding:0; gap:12px; }
    & .rkb-dialog-form > :is(.rkb-summary-action-toolbar,.rkb-tab-heading,.rkb-compact-reference,.rkb-field-help,.rkb-totals-row) { margin-block:0; }
    & :is(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--op-action); outline-offset: 2px; }

    /* Dashboard queues sit side by side without duplicating a large header for each item. */
    & .rkb-work-queues { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
    & .rkb-work-queues > section { min-width: 0; padding: 14px 16px; }
    & .rkb-work-queues .product-tab-toolbar { justify-content: space-between; margin: 0; }
    & .rkb-review-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 0; }
    & .rkb-review-row > div { flex: 1 1 200px; min-width: 0; }
    & .rkb-review-row p { margin: 4px 0 0; }
    & .rkb-review-row > a { margin-left: auto; }
    & .rkb-work-queues .rkb-field-help { margin-top: 12px; }


}

/* One hierarchy for every operational section, independent of markup or route. */
body:has(.page.rkb-operational-ui) .rkb-record-workspace {
 & :is(.rkb-form-section > header h2,.rkb-section-heading,.rkb-heading-label,.rkb-record-summary-card h2) { font:600 var(--erp-type-section)/var(--erp-type-section-line) var(--erp-font); letter-spacing:0; }
 & .rkb-context-grid .rkb-form-section > header h2 { font:600 var(--erp-type-section)/var(--erp-type-section-line) var(--erp-font); }
 & :is(.rkb-context-grid,.rkb-record-summary-card) :is(p,dd) { font-size:13px; line-height:20px; }
 & .rkb-record-summary-card .rkb-summary-total dd { font-size:16px; }
 & :is(.rkb-context-grid,.rkb-record-summary-card) dt { font-size:12px; line-height:20px; font-weight:400; }
 & :is(.rkb-field-help,.rkb-record-facts small,.form-grid small) { font-size:12px; line-height:18px; }
 & :is(.form-control,.form-select) { font:400 13px/20px var(--erp-font); }
 & .btn { font:500 13px/18px var(--erp-font); }
 & .rkb-account-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
 & .rkb-account-settings-grid .rkb-form-section { margin:0; padding:0; border:0; }
 & .rkb-account-settings-grid .form-grid { gap:10px 12px; }
 & .rkb-account-settings-side { display:grid; gap:16px; border-left:1px solid var(--op-border); padding-left:16px; min-width:0; }
 & .rkb-account-settings-side .rkb-editor-field { display:grid; gap:5px; margin:0 0 10px; font-size:12px; }
 & .rkb-account-settings-main { display:grid; gap:16px; min-width:0; }
 & .rkb-account-notes { margin:0; padding:0; }
 & .rkb-account-notes details { margin:0 0 10px; }
 & .rkb-transaction-entry > .rkb-entry-footer { margin-top:12px; padding-top:12px; }
 & .rkb-entry-total strong { font-size:16px; }
 & .rkb-account-settings-grid .rkb-status-select { max-width:145px; }
 & .rkb-dual-pane .rkb-accounting-entry-context { grid-template-columns:minmax(240px,.95fr) minmax(200px,1.05fr); margin:0 0 16px; }
 & .rkb-dual-pane .rkb-entry-fields-account { grid-template-columns:repeat(2,minmax(0,1fr)); }
 & .rkb-dual-pane .rkb-entry-fields-account .rkb-entry-source { grid-column:1/-1; grid-row:1; }
 & .rkb-journal-context .rkb-entry-fields { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; margin:0; }
 & .rkb-budget-composition { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,320px); gap:12px; align-items:start; }
 & .rkb-budget-composition > .panel { min-width:0; }
 & .rkb-budget-context { display:grid; gap:16px; padding:16px; }
 & .rkb-budget-context .rkb-form-section { padding:0; margin:0; border:0; }
 & .rkb-budget-context .rkb-record-facts { grid-template-columns:1fr; gap:8px; }
 & .rkb-budget-context .rkb-record-facts > div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
 & .rkb-budget-context .rkb-record-facts :is(dt,dd) { margin:0; }
 & .rkb-budget-select { max-width:100%; }
 & .rkb-budget-page-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:8px 12px; }
 & .rkb-budget-page-toolbar label { display:grid; gap:5px; margin:0; font-size:12px; }
 & .rkb-budget-page-toolbar select { width:150px; }
 & .rkb-budget-page-toolbar label:has(select[aria-label="Akun biaya"]) { flex:0 1 360px; }
 & .rkb-budget-page-toolbar select[aria-label="Akun biaya"] { width:100%; }
 & .rkb-budget-page-toolbar > .rkb-detail-toolbar-actions { margin-left:auto; }
 & .rkb-budget-context .rkb-budget-values { display:grid; grid-template-columns:1fr; gap:12px; margin:0; }
 & .rkb-budget-context .rkb-budget-values > div { display:grid; grid-template-columns:105px minmax(0,1fr); gap:4px 10px; }
 & .rkb-budget-context .rkb-budget-values :is(dt,dd) { margin:0; }
 & .rkb-budget-context .rkb-budget-values dt { font:400 12px/20px var(--erp-font); }
 & .rkb-budget-context .rkb-budget-values dd { font-size:14px; text-align:right; white-space:nowrap; }
 & .rkb-budget-context .rkb-budget-values small { grid-column:1/-1; font-size:12px; color:var(--erp-muted); }
}
@container detail-pane (max-width:600px) {
 body:has(.page.rkb-operational-ui) .rkb-dual-pane .rkb-accounting-entry-context { grid-template-columns:1fr; }
 body:has(.page.rkb-operational-ui) .rkb-dual-pane .rkb-accounting-entry-context .rkb-form-section + .rkb-form-section { padding:12px 0 0; border-left:0; border-top:1px solid var(--op-border); }
}
@media(max-width:1300px) {
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-account-settings-grid { grid-template-columns:1fr; }
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-account-settings-side { padding:12px 0 0; border-left:0; border-top:1px solid var(--op-border); }
}
@media(max-width:1100px) {
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-budget-composition { grid-template-columns:1fr; }
}

@media (max-width: 1100px) {
    .rkb-operational-ui .rkb-entry-fields { grid-template-columns: minmax(140px, 1fr) minmax(170px, 1fr); }
    .rkb-operational-ui .rkb-entry-fields > :last-child { grid-column: 1 / -1; }
    .rkb-operational-ui .rkb-work-queues { grid-template-columns: minmax(0, 1fr); }
    .rkb-operational-ui .rkb-order-overview { gap: 16px; }
    .rkb-operational-ui .rkb-budget-panel > .rkb-budget-values { flex-basis: 320px; }
    .rkb-operational-ui .rkb-budget-actions { margin-left: 0; }
}
@media (max-width: 1250px) {
    .rkb-operational-ui .rkb-comparison-layout { grid-template-columns: minmax(0, 1fr); }
    .rkb-operational-ui .rkb-comparison-layout > :is(.rkb-document-readiness,.rkb-comparison-main) { grid-column:1; grid-row:auto; }
    .rkb-operational-ui .rkb-document-readiness .rkb-record-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
    .rkb-operational-ui .content { padding-inline: 12px; }
    .rkb-operational-ui :is(.rkb-order-overview, .rkb-financial-overview) { grid-template-columns: minmax(0, 1fr); }
    .rkb-operational-ui .rkb-detail-toolbar-actions { flex-wrap: wrap; }
    .rkb-operational-ui .product-search-actions { justify-content: flex-end; }
    .rkb-operational-ui .product-filter-footer .product-selection-slot:empty { display: none; }
    .rkb-operational-ui .product-filter-footer .product-pager { margin-left: auto; }
    .rkb-operational-ui .rkb-document-readiness .rkb-record-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .rkb-operational-ui .rkb-entry-fields { grid-template-columns: minmax(0, 1fr); }
    .rkb-operational-ui :is(.two-column-form, .rkb-record-columns) { grid-template-columns: minmax(0, 1fr); }
    .rkb-operational-ui .product-search-actions { margin-left: 0; }
    .rkb-operational-ui .product-filter-footer { gap: 8px; }
    .rkb-operational-ui .rkb-budget-panel > .rkb-budget-values { flex-basis: 100%; grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .rkb-operational-ui .rkb-budget-values > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
    .rkb-operational-ui .rkb-plan-mode { flex: 1 1 100%; }
    .rkb-operational-ui .rkb-plan-mode strong { margin-left: auto; }
}

/* Approved ERP standard, October 2026. Shared by pages AND their overlay owner.
   Refines shared components only; the table foundation still owns every width,
   saved preference, sticky clone and keyboard interaction. Keep print unaffected. */
@media screen {
    .rkb-operational-ui {
        --erp-font: "Segoe UI", Arial, sans-serif;
        --op-action: #245fbd;
        --op-selected: #eaf2ff;
        --op-border: #dce3ed;
        --op-surface: #f6f8fc;
        --erp-blue: var(--op-action);
        --erp-shell-accent: var(--op-action);
        --erp-shell-accent-soft: var(--op-selected);
        --erp-checkbox-accent: var(--op-action);
        --erp-table-header-height: 40px;
        --erp-type-title: 20px;
        --erp-leading-title: 26px;
        --erp-tracking-title: 0;
        font-family: var(--erp-font);

        & :is(.rkb-styled-workspace, .rkb-record-workspace, .rkb-visual-pilot) {
            --erp-font: "Segoe UI", Arial, sans-serif;
            --erp-font-numeric: var(--erp-font);
            --rkb-accent: var(--op-action);
            --rkb-accent-soft: var(--op-selected);
            --erp-blue: var(--op-action);
        }
        & :is(button, input, select, textarea) { font-family: var(--erp-font); }
        & .btn { gap: 6px; border-radius: 5px; font-weight: 500; }
        & :is(.btn-dark, .btn-primary):hover:not(:disabled) { background: #194c9d; border-color: #194c9d; }
        & :is(.btn-outline-dark, .btn-outline-secondary) { background: #fff; border-color: #bdc9d8; color: #334b6a; }
        & :is(.btn-outline-dark, .btn-outline-secondary):hover:not(:disabled) { background: var(--op-selected); border-color: #91add3; color: #194c9d; }
        & :is(.btn-outline-dark, .btn-outline-secondary):disabled { background: #f5f7fa; color: #8190a2; border-color: var(--op-border); }
        & :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--op-action); outline-offset: 2px; }

        /* 34px controls and 8px action gaps; density comes from outer spacing. */
        & .product-filter-panel-compact { padding: 10px 12px; }
        & .product-search-actions { gap: 8px; }
        & .product-filter-footer { margin-top: 8px; padding-top: 8px; }
        & .product-chip-input { border-color: #afbdcf; border-radius: 5px; }
        & .product-chip-input:focus-within { border-color: var(--op-action); box-shadow: none; outline: none; }
        & .filter-chip { background: var(--op-selected); border-color: #cadbf6; color: #244f88; border-radius: 5px; }
        & .product-selection-compact { background: #e0edff; border-color: #b7cff1; color: #194c9d; }

        /* Stable data density. Never set column widths or impose empty rows. */
        & :is(.erp-table, .rkb-table-foundation) > tbody > tr > td { padding-block: 6px; line-height: 20px; }
        & .rkb-table-compact > tbody > tr > td { padding-block: 4px; }
        & :is(.erp-table, .rkb-table-foundation) > thead > tr > th { background: #eaf1fc; border-bottom-color: #c6d6ec; color: #344e70; font-weight: 600; }
        & :is(.erp-table, .rkb-table-foundation) > tbody > tr:hover > td { background-color: #f2f6fd; }
        & :is(.erp-table, .rkb-table-foundation) > tbody > tr.selected > td { background-color: #e2edff; }
        & .product-clickable-row td[data-column=CODE] strong { color: #245fbd; font-weight: 500; }
        & .product-sort-indicator:is(.asc, .desc) { color: #245fbd; }

        /* Ordinary, aligned figures: no decorative tracking or bold price columns. */
        & :is(.numeric-cell, .rkb-price-fact-value, .rkb-price-components dd,
              .rkb-record-price, .product-result-range, .rkb-detail-nav-count,
              td[data-column=STOCK], td[data-column=QTY], td[data-column=SELL_PRICE], td[data-column=BUY_PRICE],
              input[inputmode=decimal], input[type=number]) {
            font-family: var(--erp-font-numeric);
            font-variant-numeric: tabular-nums lining-nums;
            font-weight: 400;
            letter-spacing: 0;
        }
        & :is(.numeric-cell, td[data-column=STOCK], td[data-column=QTY], td[data-column=SELL_PRICE], td[data-column=BUY_PRICE], input[inputmode=decimal], input[type=number]) { text-align: right; }
        & :is(td[data-column=CODE], td[data-column=BARCODE]) strong { font-weight: 500; letter-spacing: 0; }
        & th:is([data-column=STOCK], [data-column=QTY], [data-column=SELL_PRICE], [data-column=BUY_PRICE]) .product-column-label { flex: 1; text-align: right; }

        /* Identity and tabs lead directly into a bounded working area. */
        & .product-identity-header { min-height: 64px; padding: 10px 14px; }
        & .product-identity-copy h1 { font-size: 20px; line-height: 26px; letter-spacing: 0; margin-block: 0 4px; }
        & .rkb-record-symbol { background: var(--op-selected); color: var(--op-action); }
        & .product-detail-tabs > :is(button, a) { min-height: 40px; padding: 8px 14px; }
        & .product-detail-tabs button.active { background: var(--op-selected); border-bottom-color: var(--op-action); color: #194c9d; font-weight: 600; }
        & .product-detail-tab-content { padding: 12px 16px; }
        & .rkb-general-workspace { width: 100%; max-width: none; min-width: 0; container: product-general / inline-size; }
        & .product-tab-toolbar { gap: 8px 16px; margin-bottom: 12px; padding-bottom: 8px; }
        & .product-detail-table-actions { gap: 8px; }
        & .rkb-fact-strip > section { padding: 10px 14px; }
        & .rkb-price-fact-value { font-size: 20px; line-height: 28px; }
        & .rkb-price-components { margin-top: 4px; }
        & .rkb-detail-supplement { margin-top: 0; }
        & .rkb-supplement-grid { gap: 16px 24px; }
        & .rkb-supplement-grid .rkb-form-section > header { min-height: 24px; margin-bottom: 6px; }
        & .rkb-record-field { font-weight: 400; }
        & .rkb-record-field :is(input, textarea), & .rkb-input-with-unit { border-color: #b9c6d6; border-radius: 5px; }
        & .rkb-input-with-unit select { background: #edf2f9; color: #425d80; }
        & .rkb-attachment-section .rkb-upload-dropzone { min-height: 104px; border-color: #94b3dc; background: #f5f8fe; }
        & .rkb-detail-supplement .rkb-record-save-bar { margin-top: 12px; }
    }
}

/* Supporting product facts form one work area, with attachments beside the fields. */
@container product-supplement (max-width: 760px) {
    .rkb-operational-ui .rkb-supplement-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .rkb-operational-ui .rkb-supplement-grid > :is(.rkb-notes-section,.rkb-measure-section,.rkb-attachment-section) { grid-column: 1; grid-row: auto; padding-left: 0; border-left: 0; }
    .rkb-operational-ui .rkb-supplement-grid .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .rkb-operational-ui .rkb-notes-section.rkb-field-stack textarea { min-height: 104px; height: 104px; }
}
@container product-supplement (min-width: 480px) and (max-width: 760px) {
    .rkb-operational-ui .rkb-supplement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 20px; }
    .rkb-operational-ui .rkb-supplement-grid .rkb-notes-section { grid-column: 2; grid-row: 1 / span 2; }
    .rkb-operational-ui .rkb-supplement-grid .rkb-measure-section { grid-column: 1; grid-row: 2; }
    .rkb-operational-ui .rkb-supplement-grid .rkb-attachment-section { grid-column: 1; grid-row: 1; }
}
@container product-general (max-width: 720px) {
    .rkb-operational-ui .rkb-detail-overview { grid-template-columns: minmax(0,1fr); gap: 20px; }
    .rkb-operational-ui .rkb-fact-strip { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
    .rkb-operational-ui .rkb-product-reference { grid-column: 1 / -1; }
    .rkb-operational-ui .rkb-product-context { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
    .rkb-operational-ui .rkb-product-context > div { grid-template-columns: minmax(0,1fr); gap: 3px; }
}
@container product-general (max-width: 460px) {
    .rkb-operational-ui .rkb-fact-strip, .rkb-operational-ui .rkb-product-context { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 800px) {
    .rkb-operational-ui .rkb-context-strip.rkb-review-metadata { grid-template-columns: 1fr 1fr; }
    .rkb-operational-ui .rkb-context-strip > div:first-child { grid-column: 1 / -1; display: flex; }
}

/* Opt-in form focus: preserve a visible focus cue without stacking border, ring and shadow. */
.rkb-operational-ui .rkb-single-focus :is(input.form-control, textarea.form-control, select.form-select):focus {
    outline: none; box-shadow: none; border-color: var(--op-action);
}
.rkb-operational-ui .rkb-single-focus :is(.product-chip-input, .rkb-input-with-unit):focus-within {
    outline: none; box-shadow: none; border-color: var(--op-action);
}
.rkb-operational-ui .rkb-single-focus :is(.product-chip-input, .rkb-input-with-unit) :is(input,select):focus {
    outline: none; box-shadow: none;
}
.rkb-operational-ui .rkb-single-focus .rkb-upload-dropzone:focus-within {
    outline: none; box-shadow: none; border-color: var(--op-action); background: var(--op-selected);
}
.rkb-operational-ui .rkb-single-focus .rkb-upload-dropzone input:focus-visible { outline: none; box-shadow: none; }
.rkb-operational-ui .rkb-single-focus :is(button,a):focus-visible { box-shadow: none; }
.rkb-operational-ui .product-detail-v2 .product-identity-copy h1:focus { outline: none; box-shadow: none; }

/* Optional companion tab: one keyed instance per tab, responsive visibility only. */
.rkb-operational-ui .rkb-transfer-route-editor { grid-template-columns: minmax(320px,1.1fr) minmax(240px,1fr); }
.rkb-operational-ui .rkb-transfer-route-editor .two-column-form { max-width: 640px; }
.rkb-operational-ui .rkb-info-dialog .rkb-transfer-route-editor { grid-template-columns:minmax(0,1fr); }
.rkb-operational-ui .rkb-forecast-context { display:flex; align-items:center; gap:8px; padding:8px 0 12px; font-size:12px; flex-wrap:wrap; }
.rkb-operational-ui .rkb-forecast-context > div { min-width:0; }
.rkb-operational-ui .rkb-forecast-context small { display:block; color:var(--erp-muted); font-size:11px; }
.rkb-operational-ui .rkb-forecast-context > a { font-size:12px; }
@media(max-width:900px){ .rkb-operational-ui .rkb-transfer-route-editor { grid-template-columns:minmax(0,1fr); } }
.rkb-operational-ui .rkb-dual-workspace { container: dual-workspace / inline-size; }
.rkb-sales-analysis .rkb-sales-layout { min-width:0; border-top: 1px solid var(--op-border); }
.rkb-sales-analysis .rkb-sales-layout.has-detail { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr); }
.rkb-sales-analysis .rkb-sales-register { min-width: 0; }
.rkb-sales-analysis .rkb-sales-detail { min-width: 0; padding: 10px 14px; border-left: 1px solid var(--op-border); }
.rkb-sales-analysis .rkb-sales-detail-line { display: flex; justify-content: space-between; gap: 12px; padding: 5px 2px; border-bottom: 1px solid var(--op-border); font-size: 12px; }
.rkb-sales-analysis .rkb-sales-detail-line > :last-child { text-align: right; }
.rkb-sales-analysis .rkb-sales-sort { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; border: 0; background: transparent; padding: 0; color: inherit; font: inherit; white-space: nowrap; cursor: pointer; }
.rkb-sales-analysis .rkb-sales-sort:hover { color: var(--op-action); }
.rkb-sales-analysis .rkb-sales-sort:focus-visible { outline: 2px solid var(--op-action); outline-offset: 2px; border-radius: 2px; }
@media (max-width: 1050px) { .rkb-sales-analysis .rkb-sales-layout.has-detail { grid-template-columns: minmax(0, 1fr); } .rkb-sales-analysis .rkb-sales-detail { border-left: 0; border-top: 1px solid var(--op-border); } }
.rkb-operational-ui .rkb-dual-toolbar { display: flex; min-width: 0; align-items: center; border-bottom: 1px solid var(--op-border); }
.rkb-operational-ui .rkb-dual-toolbar > .product-detail-tabs { flex: 1; min-width: 0; border-bottom: 0; margin: 0; }
.rkb-operational-ui .rkb-dual-controls { display: none; align-items: center; gap: 12px; padding: 6px 16px; }
.rkb-operational-ui .rkb-dual-controls > .rkb-inset-control { display:block; position:relative; flex:0 0 175px; width:175px; min-width:140px; margin:0; white-space:nowrap; }
.rkb-operational-ui .rkb-dual-controls > .rkb-inset-control > .rkb-filter-field-label { top:0; left:8px; max-width:calc(100% - 24px); padding-inline:4px; background:#fff; font:400 11px/12px var(--erp-font); white-space:nowrap; }
.rkb-operational-ui .rkb-dual-controls > .rkb-inset-control > select.form-select { width:100%; min-height:34px; height:34px; padding-top:12px; padding-bottom:0; font-size:13px; }
.rkb-operational-ui .rkb-dual-controls button { white-space: nowrap; }
.rkb-operational-ui .rkb-dual-controls button[aria-pressed=true] { color: var(--op-action); border-color: #b3c9e9; background: var(--op-selected); }
.rkb-operational-ui .rkb-dual-panes { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; }
.rkb-operational-ui .rkb-dual-pane { min-width: 0; }
.rkb-operational-ui .rkb-compact-fields { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.rkb-operational-ui .rkb-compact-fields > .rkb-inset-control { width:auto; flex:0 1 auto; margin:0; }
.rkb-operational-ui .rkb-compact-fields > .rkb-time-field { width:108px; flex:0 0 108px; }
/* A structural control owns its compact hit area, never a text ellipsis. */
body:has(.page.rkb-operational-ui) .rkb-table-foundation :is(th,td):is([data-column="SELECT" i],[data-column="CHECK" i],[data-column="ROW_CONTROL" i],[data-column="CONTROL" i]) { padding-inline:6px; text-overflow:clip; }
body:has(.page.rkb-operational-ui) .rkb-table-foundation :is(th,td)[data-column="SELECT" i] { text-align:center; }
body:has(.page.rkb-operational-ui) .rkb-table-foundation :is(th,td)[data-column="SELECT" i] > .rkb-checkbox-label { justify-content:center; margin:0; }
.rkb-operational-ui .rkb-dual-pane.is-secondary { display: none; }
.rkb-operational-ui .rkb-dual-pane[hidden] { display:none; }
/* A native modal remains usable when its companion collapses at narrow widths.
   Keep only its top-layer dialog visible; the pane itself occupies no layout space. */
@container dual-workspace (max-width:1279.98px) {
 .rkb-operational-ui .rkb-dual-pane.is-secondary:has(dialog[open]) { display:block; position:absolute; width:0; height:0; min-width:0; padding:0; visibility:hidden; overflow:visible; }
 .rkb-operational-ui .rkb-dual-pane.is-secondary dialog[open] { visibility:visible; }
}
@container dual-workspace (min-width: 1280px) {
 .rkb-operational-ui .rkb-dual-controls { display: flex; }
 .rkb-operational-ui .rkb-dual-panes.is-split { grid-template-columns: minmax(0,var(--rkb-primary-share,1fr)) minmax(0,var(--rkb-secondary-share,1fr)); }
 .rkb-operational-ui .rkb-dual-panes.is-split > .is-secondary { display: block; border-left: 1px solid var(--op-border); }
 .rkb-operational-ui .rkb-dual-panes.is-split > .is-primary { grid-column:1; grid-row:1; }
 .rkb-operational-ui .rkb-dual-panes.is-split > .is-secondary { grid-column:2; grid-row:1; }
 .rkb-operational-ui .rkb-dual-panes.is-split > [hidden] { display:none; }
}

.rkb-operational-ui .product-chip-input > .rkb-tag-add { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; min-height: 30px; min-width: 30px; padding: 0; line-height: 1; }
.rkb-operational-ui .rkb-tag-add .rkb-toolbar-label { display: inline-flex; align-items: center; justify-content: center; gap: 0; }

/* Compact inline editing and dialog composition reuse the same section vocabulary. */
.rkb-operational-ui .rkb-inline-workspace .rkb-table-editor-row .rkb-cell-input {
 min-height: 34px; height: 34px; padding: 5px 7px; border: 1px solid #b9c6d6; border-radius: 5px; background: #fff; box-shadow: none;
}
.rkb-operational-ui .rkb-inline-workspace .rkb-table-editor-row .rkb-cell-input:focus { border-color: var(--op-action); outline: none; box-shadow: none; }
.rkb-operational-ui .rkb-inline-workspace .rkb-table-editor-row td { vertical-align: middle; }
.rkb-operational-ui .rkb-inline-workspace .rkb-table-editor-row .form-select { min-height: 34px; height: 34px; padding-block: 4px; font-size: 12px; }
.rkb-operational-ui .rkb-inline-workspace .rkb-cell-actions { gap: 4px; justify-content: center; }
.rkb-operational-ui .rkb-inline-workspace .rkb-table-editor-row td[data-column="ACTIONS"] .rkb-cell-actions > .btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; min-width: 30px; height: 34px; padding: 0; }
.rkb-operational-ui .rkb-inline-workspace .rkb-table-add-row button { color: var(--op-action); }
.rkb-operational-ui .rkb-accent-violet .rkb-tab-heading .rkb-section-symbol { background: #f3edf9; color: #77529b; }
.rkb-operational-ui :is(.rkb-product-editor-dialog,.rkb-price-review-dialog) { padding: 20px; border-radius: 8px; }
.rkb-operational-ui .rkb-product-editor-dialog { width: min(900px,calc(100vw - 32px)); }
.rkb-operational-ui :is(.rkb-product-editor-dialog,.rkb-price-review-dialog) > .rkb-tab-heading { padding: 0 0 14px; margin-bottom: 16px; }
.rkb-operational-ui .rkb-editor-columns { margin-top: 0; align-items: start; gap: 24px; }
.rkb-operational-ui .rkb-editor-columns > .rkb-form-section { min-width: 0; }
.rkb-operational-ui .rkb-editor-columns > .rkb-notes-section { padding-left: 24px; border-left: 1px solid var(--op-border); align-self: stretch; align-content: start; }
.rkb-operational-ui .rkb-editor-identity > .rkb-record-field { margin-bottom: 12px; }
.rkb-operational-ui .rkb-editor-identity .rkb-record-input-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: end; }
.rkb-operational-ui .rkb-editor-identity .rkb-record-switch { min-height: 34px; padding: 0; }
.rkb-operational-ui .rkb-editor-reference { border-top: 1px solid var(--op-border); margin-top: 18px; padding-top: 14px; }
.rkb-operational-ui .rkb-editor-reference h3 { font-size: 13px; margin: 0 0 12px; }
.rkb-operational-ui .rkb-editor-reference h3 svg { width: 16px; height: 16px; color: #398475; }
.rkb-operational-ui .rkb-editor-price-pair { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 14px 0 0; }
.rkb-operational-ui .rkb-editor-price-pair dt { font-size: 12px; color: var(--erp-muted); font-weight: 400; }
.rkb-operational-ui .rkb-editor-price-pair dd { margin: 3px 0 0; font-size: 16px; font-family: var(--erp-font-numeric); font-weight: 400; color: var(--op-action); }
.rkb-operational-ui .rkb-editor-price-pair > div:nth-child(2) dd { color: #216b5c; }
.rkb-operational-ui .rkb-editor-reference .rkb-field-help { margin: 10px 0; }
.rkb-operational-ui .rkb-price-review-dialog { width: min(980px,calc(100vw - 32px)); }
.rkb-operational-ui .rkb-price-review-context { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.rkb-operational-ui .rkb-price-review-context .rkb-editor-price-pair { margin: 0; }
.rkb-operational-ui .rkb-price-review-table { width: 100%; }
.rkb-operational-ui .rkb-price-review-table td { padding-block: 10px; }
.rkb-operational-ui .rkb-price-review-table td small { display: block; margin-top: 3px; color: var(--erp-muted); font-size: 11px; }
.rkb-operational-ui .rkb-price-review-table .rkb-price-edit-cell { background: #f1f6fe; }
.rkb-operational-ui .rkb-price-review-table .form-control { width: 130px; max-width: 100%; height: 34px; min-height: 34px; border: 1px solid #b9c6d6; border-radius: 5px; }
.rkb-operational-ui .rkb-tier-label { display: flex; align-items: center; gap: 8px; }
.rkb-operational-ui .rkb-tier-label strong { font-weight: 500; }
.rkb-operational-ui .rkb-tier-suggestion { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: end; padding: 12px 0; border-bottom: 1px solid var(--op-border); }
.rkb-operational-ui .rkb-tier-suggestion > label { display: grid; gap: 4px; font-size: 12px; color: var(--erp-muted); margin: 0; width: 145px; }
.rkb-operational-ui .rkb-tier-suggestion .form-select { height: 34px; min-height: 34px; }
.rkb-operational-ui .rkb-review-check { display: flex; gap: 8px; align-items: start; font-size: 12px; margin-top: 12px; }
.rkb-operational-ui .rkb-review-check input { flex: 0 0 auto; margin-top: 2px; }
@media(max-width:800px) {
 .rkb-operational-ui .rkb-editor-columns > .rkb-notes-section { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--op-border); }
}

/* Product reference editor and consistent mixed numeric/date tables. */
.rkb-operational-ui .rkb-product-editor-dialog { width: min(520px,calc(100vw - 32px)); }
.rkb-operational-ui .rkb-editor-compact .rkb-editor-reference { margin-top: 16px; padding-top: 12px; }
.rkb-operational-ui .rkb-editor-compact .rkb-product-context { gap: 8px; }
.rkb-operational-ui .rkb-editor-compact .rkb-record-save-bar { margin-top: 14px; }
.rkb-operational-ui .product-detail-v2 { --erp-font-numeric: var(--erp-font); }
.rkb-operational-ui .product-detail-v2 :is(.rkb-data-table,.rkb-item-table) :is(th,td,input,select,.table-sort-button) { font-family: var(--erp-font); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.rkb-operational-ui .product-detail-v2 :is(.rkb-data-table,.rkb-item-table) th { text-transform: none; }
.rkb-operational-ui .rkb-compact-options-dialog { width: min(360px,calc(100vw - 32px)); padding: 16px; }
.rkb-operational-ui .rkb-compact-options-dialog > .rkb-tab-heading { margin: 0 0 12px; padding: 0 0 10px; min-height: 0; }
.rkb-operational-ui .rkb-compact-options-dialog .rkb-field-help { margin: 8px 0 12px; }
.rkb-operational-ui .rkb-compact-options-dialog .form-select { height: 34px; min-height: 34px; }

.rkb-operational-ui .rkb-operational-filter .product-advanced-filter-grid > label { margin: 0; }
.rkb-operational-ui .rkb-filter-wide-field { grid-column: 1 / -1; }

/* One filter composition: compact inset captions, paired fields and small section dividers.
   Native selects remain single-choice; RkbMultiCheck owns multi-choice state/presets. */
.rkb-filter-section.rkb-filter-section-grouped { border:0; min-width:0; margin:0; padding:0; grid-column:1/-1; }
.rkb-filter-section-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.rkb-filter-section-fields .rkb-filter-wide-field { grid-column:1/-1; }
.rkb-history-result-count { font-size:12px; color:var(--erp-muted); margin:0 0 10px; }
@media screen {
 .rkb-operational-ui {
  --erp-weight-label:400;
  --erp-tracking-label:0;
  --erp-tracking-table-heading:0;
  & :is(.erp-table,.rkb-table-foundation) :is(th,td,input,select,.table-sort-button) { font-family:var(--erp-font); letter-spacing:0; font-variant-numeric:tabular-nums; }
  & :is(.erp-table,.rkb-table-foundation) th { text-transform:none; }
  & :is(.product-column-heading,.product-column-label,.table-sort-button) { text-transform:none; letter-spacing:0; }
  & :is(.form-grid,.rkb-entry-fields,.rkb-record-field) label, & .form-grid > label { font-size:12px; font-weight:400; }
  & :is(.form-control,.form-select):not(textarea):not([type=checkbox]):not([type=radio]):not(.rkb-date-native-trigger) { min-height:34px; }
  & :is(input.form-control,textarea.form-control,select.form-select):focus { outline:none; box-shadow:none; border-color:var(--op-action); }
  & :is(.product-chip-input,.rkb-input-with-unit):focus-within { outline:none; box-shadow:none; border-color:var(--op-action); }
  & :is(.product-chip-input,.rkb-input-with-unit) :is(input,select):focus { outline:none; box-shadow:none; }
  & .rkb-search-select-input:focus-within { box-shadow:none; outline:none; border-color:var(--op-action); }
  & .rkb-form-section > header .rkb-section-icon { background:var(--op-selected); border-radius:5px; }
  & .rkb-table-toolbar { align-items:center; margin-bottom:12px; }
  & .product-filter-panel .rkb-table-toolbar { margin-bottom:0; }
  & :is(.rkb-dialog-actions,.form-actions,.rkb-record-save-actions) { gap:8px; }
  & .rkb-filter-popover.rkb-filter-compact { width:min(420px,calc(100vw - 24px)); padding:12px; }
  & .rkb-filter-popover-header { padding-bottom:8px; margin-bottom:8px; gap:8px; }
  & .rkb-filter-popover-header > strong { font-size:13px; font-weight:600; }
  & .rkb-filter-workspace > .product-detail-tabs { margin:0 0 12px; }
  & .rkb-filter-workspace > .product-detail-tabs > button { min-height:32px; padding:5px 12px; }
  & .rkb-filter-inset-labels :is(.rkb-filter-fields,.rkb-filter-section-fields,.product-advanced-filter-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; padding-top:5px; }
  & .rkb-filter-inset-labels :is(.rkb-filter-sections,.rkb-filter-section) { gap:12px; }
  & .rkb-filter-inset-labels .rkb-filter-section + .rkb-filter-section { border-top:1px solid var(--op-border); padding-top:10px; }
  & .rkb-filter-inset-labels .rkb-filter-section legend { float:none; width:auto; color:#435772; font:600 12px/16px var(--erp-font); margin:0 0 6px; padding:0; }
  & .rkb-filter-inset-labels label:has(> .rkb-filter-field-label) { position:relative; display:flex; flex-direction:column; gap:0; min-width:0; margin:0; align-items:stretch; text-align:left; }
  & .rkb-filter-inset-labels .rkb-filter-field-label { position:absolute; top:-6px; left:8px; z-index:1; max-width:calc(100% - 16px); padding:0 3px; background:#fff; font:400 11px/12px var(--erp-font); color:#52647b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  & .rkb-filter-inset-labels :is(.form-control,.form-select,.rkb-search-select-input,.rkb-multicheck-trigger):not(.rkb-date-native-trigger) { box-sizing:border-box; width:100%; min-width:0; height:34px; min-height:34px; padding-top:7px; padding-bottom:3px; font:400 13px/20px var(--erp-font); }
  & .rkb-filter-inset-labels :is(.form-select,.rkb-search-select-input) { padding-right:28px; }
  & .rkb-filter-inset-labels .rkb-date-input { width:100%; min-width:0; }
  & .rkb-filter-inset-labels .rkb-multicheck-trigger { display:flex; justify-content:space-between; text-align:left; color:var(--erp-text); }
  & .rkb-check-menu .rkb-status-options { display:grid; grid-template-columns:1fr; gap:2px; padding:0; }
  & .rkb-check-menu .rkb-status-options label { font:400 13px/18px var(--erp-font); min-height:30px; padding:4px 6px; gap:8px; border-radius:4px; }
  & .rkb-check-menu .rkb-status-options label:hover { background:var(--op-selected); }
  & .rkb-filter-workspace .rkb-filter-popover-actions { gap:6px; margin-top:10px; padding-top:10px; }
  & .rkb-filter-workspace .rkb-filter-popover-actions .btn { min-height:34px; height:34px; padding:4px 8px; font-size:13px; white-space:nowrap; }
 }
 /* Filter tabs/footer stay visible. Only the criteria scroll; nested choice menus keep their own ownership. */
 .rkb-filter-popover:not([hidden]):has(> .rkb-filter-workspace) { flex-direction:column; overflow:hidden; }
 .rkb-filter-popover:not([popover]):not([hidden]):has(> .rkb-filter-workspace),
 .rkb-filter-popover:popover-open:has(> .rkb-filter-workspace) { display:flex; }
 .rkb-filter-popover > .rkb-filter-popover-header { flex:none; }
 .rkb-filter-popover > .rkb-filter-workspace { display:flex; flex-direction:column; min-height:0; }
 .rkb-filter-workspace > .product-detail-tabs, .rkb-filter-workspace > .rkb-filter-popover-actions { flex:none; }
 .rkb-filter-workspace > :is(.rkb-filter-manual,.rkb-filter-saved) { min-height:0; overflow:auto; padding:2px 2px 0; }
}
@media screen and (max-width:440px) {
 .rkb-operational-ui .rkb-filter-inset-labels :is(.rkb-filter-fields,.rkb-filter-section-fields,.product-advanced-filter-grid) { grid-template-columns:minmax(0,1fr); }
}

/* One status treatment for lists, record headers, owned overlays and workflow steps.
   Colors identify existing states; text remains the primary accessible label. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & :is(.status-badge, .rkb-stage-strip .current) { --status-text:#526174; --status-bg:#f1f4f7; --status-border:#d5dde6; }
  & :is(.status-badge.stage-draft, .status-badge.status-draft, .rkb-stage-strip .current[data-stage=DRAFT]) { --status-text:#825d08; --status-bg:#fff5cc; --status-border:#e5cd77; }
  & :is(.status-badge.blue, .status-badge.status-submitted, .status-badge.stage-ordered, .rkb-stage-strip .current[data-stage=ORDERED]) { --status-text:#164f94; --status-bg:#e5effd; --status-border:#b6d1f4; }
  & :is(.status-badge.stage-received, .rkb-stage-strip .current[data-stage=RECEIVED]) { --status-text:#126b75; --status-bg:#e2f4f5; --status-border:#a8d5d9; }
  & :is(.status-badge.purple, .status-badge.status-ownerreview, .status-badge.stage-checked, .rkb-stage-strip .current[data-stage=CHECKED]) { --status-text:#674191; --status-bg:#f0eafa; --status-border:#d8c8ee; }
  & :is(.status-badge.stage-bill, .rkb-stage-strip .current[data-stage=BILLED]) { --status-text:#98460f; --status-bg:#fff0e4; --status-border:#ecc3a3; }
  & :is(.status-badge.green, .status-badge.status-approved, .status-badge.status-approvedwithreduction, .status-badge.status-active, .status-badge.status-bdclimitupdated, .status-badge.stage-paid, .rkb-stage-strip .current[data-stage=PAID]) { --status-text:#21623d; --status-bg:#e5f4ea; --status-border:#aed4bc; }
  & :is(.status-badge.stage-complete, .rkb-stage-strip .current[data-stage=COMPLETE]) { --status-text:#fff; --status-bg:#246447; --status-border:#246447; }
  & .status-badge:is(.amber,.status-financeprocessing,.status-revisionrequested) { --status-text:#875510; --status-bg:#fff3dc; --status-border:#e9ce98; }
  & .status-badge:is(.red,.status-rejected) { --status-text:#a12d37; --status-bg:#fdebed; --status-border:#e8b4ba; }
  & .status-badge {
   display:inline-flex; align-items:center; justify-content:center; gap:4px;
   min-height:24px; padding:2px 8px; border:1px solid var(--status-border); border-radius:4px;
   color:var(--status-text); background:var(--status-bg); font:500 12px/18px var(--erp-font,"Segoe UI",Arial,sans-serif);
   letter-spacing:0; text-transform:none; white-space:nowrap; vertical-align:middle; box-shadow:none;
  }
  & :is(button,a).status-badge { min-height:30px; cursor:pointer; text-decoration:none; }
  & :is(button,a).status-badge:hover { border-color:var(--status-text); }
  & :is(button,a).status-badge:focus-visible { outline:2px solid var(--op-action,#235fa6); outline-offset:2px; }
  & .status-badge:disabled { cursor:default; opacity:.65; }
  & .rkb-stage-strip .current { color:var(--status-text); }
  & .rkb-stage-strip .current .rkb-stage-number { color:var(--status-text); background:var(--status-bg); border-color:var(--status-border); }
  & .rkb-stage-strip .current .rkb-stage-link { color:var(--status-text); }
  & .rkb-stage-strip .current[data-stage=COMPLETE] > :is(a,span:not(.rkb-stage-number)) { color:#246447; }
  & .rkb-status-details { display:inline-flex; flex-wrap:wrap; gap:4px; align-items:center; }
  & span.po-row-control-cell { display:inline-flex; align-items:center; gap:6px; }
  & .po-row-control-cell .rkb-item-check { display:inline-flex; align-items:center; margin:0; }
  & .rkb-table-foundation :is(th,td):is([data-column=QTY i],[data-column=PRICE i],[data-column=SUBTOTAL i],[data-column=ESTIMATE i],[data-column=TOTAL i],[data-column=AMOUNT i],[data-column=KOLI i],[data-column=VALUE i],[data-column=NET i],[data-column=PPN i],[data-column=PO_QTY i],[data-column=INV_QTY i],[data-column=PO_PRICE i],[data-column=INV_PRICE i],[data-column=STOCK i],[data-column=SALES i],[data-column=FORECAST i]) { text-align:right; font-variant-numeric:tabular-nums; }
  & .rkb-table-foundation th:is([data-column=QTY i],[data-column=PRICE i],[data-column=SUBTOTAL i],[data-column=ESTIMATE i],[data-column=TOTAL i],[data-column=AMOUNT i],[data-column=KOLI i],[data-column=VALUE i],[data-column=NET i],[data-column=PPN i],[data-column=PO_QTY i],[data-column=INV_QTY i],[data-column=PO_PRICE i],[data-column=INV_PRICE i],[data-column=STOCK i],[data-column=SALES i],[data-column=FORECAST i]) .table-sort-button { justify-content:flex-end; }
 }
}

/* Shared record composition: compact fields, one focus boundary, separate actions. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & :is(.warning-badge,.urgency-badge,.account-type-badge,.merge-main-badge) { border-radius:4px; }
  & :is(.form-control,.form-select,.rkb-cell-input,.po-inline-editable):focus {
   border-color:#245fbd; outline:none; box-shadow:none;
  }
  & .product-chip-input input:focus { outline:none; box-shadow:none; }
  & .rkb-table-foundation :is(th,td):is([data-column=PO_QTY],[data-column=INV_QTY],[data-column=PO_PRICE],[data-column=INV_PRICE]) { text-align:right; font-variant-numeric:tabular-nums; }
  & .rkb-table-foundation td:is([data-column=PO_PRICE],[data-column=INV_PRICE],[data-column=SUBTOTAL]) strong { font-weight:500; }
  & .rkb-editor-dialog { width:min(560px,calc(100vw - 32px)); }
  & .rkb-editor-dialog-wide { width:min(860px,calc(100vw - 32px)); }
  & :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) { padding:16px; }
  & :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  & :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .rkb-single-column { grid-template-columns:minmax(0,1fr); }
  & :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .rkb-dialog-actions { margin-top:16px; padding-top:12px; }
  & .rkb-editor-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #dce3ed; }
  & .rkb-editor-heading strong { font-size:16px; font-weight:600; }
  & .rkb-editor-heading > span { font-size:12px; color:#64748b; }
  & .rkb-editor-heading > button { margin-left:auto; }
  & .rkb-record-overview { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr); gap:20px; margin-bottom:20px; }
  & .rkb-record-overview > section { min-width:0; }
  & .rkb-record-overview > section + section { border-left:1px solid #dce3ed; padding-left:20px; }
  & .rkb-record-overview .rkb-record-facts { gap:10px 16px; }
  & .rkb-form-stack { display:grid; gap:12px; }
  & .rkb-form-stack > label { display:grid; gap:5px; margin:0; font-size:12px; color:#526174; }
  & .rkb-form-stack > label:has(input[type=checkbox]) { display:flex; align-items:center; gap:8px; min-height:30px; }
  & :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .form-grid > label { text-align:left; }
  & .rkb-record-overview .rkb-dialog-actions { padding-top:8px; margin-top:8px; }
  & .rkb-record-overview .rkb-record-note { margin:8px 0 0; }
  & .rkb-toolbar-action-group { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
  & .rkb-toolbar-action-group + .rkb-toolbar-action-group { padding-left:12px; margin-left:4px; border-left:1px solid #dce3ed; }
  & .rkb-cell-actions > .btn:has(.rkb-toolbar-label) { padding:4px; min-width:30px; justify-content:center; }
 }
}
@media screen and (max-width:1100px) {
 body:has(.page.rkb-operational-ui) .rkb-record-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.page.rkb-operational-ui) .rkb-record-overview > section:last-child { grid-column:1 / -1; border-left:0; border-top:1px solid #dce3ed; padding:16px 0 0; }
}
@media screen and (max-width:600px) {
 body:has(.page.rkb-operational-ui) :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .form-grid { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) :is(.rkb-editor-dialog,.rkb-editor-dialog-wide) .form-grid > * { grid-column:auto; }
 body:has(.page.rkb-operational-ui) .rkb-record-overview { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-record-overview > section + section { border-left:0; border-top:1px solid #dce3ed; padding:16px 0 0; }
}

/* Row actions share the density of status cells, without shrinking editor controls. */
.rkb-operational-ui table .rkb-row-action-trigger { min-height:24px; height:24px; min-width:28px; padding:0 5px; vertical-align:middle; display:inline-flex; align-items:center; justify-content:center; }
.rkb-operational-ui .rkb-form-section > header .rkb-section-icon[data-tone="teal"] { color:#26796f; background:#eaf6f2; }
.rkb-operational-ui .rkb-form-section > header .rkb-section-icon[data-tone="violet"] { color:#77529b; background:#f3edf9; }
.rkb-operational-ui table .rkb-popover-control:has(> .rkb-row-action-trigger) { vertical-align:middle; }

/* Operational context is a bounded reading area; item tables own the wider workspace. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & :is(.rkb-context-width,.rkb-context-card) { width:100%; max-width:none; min-width:0; box-sizing:border-box; }
  & .rkb-context-width { flex-wrap:wrap; gap:12px; }
  & .rkb-context-width .product-identity-copy { flex:1 1 240px; min-width:0; }
  & .rkb-context-width .rkb-detail-navigator { margin-left:auto; flex-shrink:0; }
    & .rkb-context-layout { display:grid; width:100%; max-width:none; grid-template-columns:minmax(0,1fr) 260px; gap:12px; align-items:stretch; min-width:0; }
  & .rkb-record-summary-card { padding:12px 16px; min-width:0; margin:0; }
  & .rkb-record-summary-card h2 { display:flex; align-items:center; gap:8px; margin:0 0 10px; min-height:36px; padding:5px 8px; border-radius:4px; background:#f2f6fc; font:500 13px/20px var(--erp-font); }
  & .rkb-record-summary-card dl { display:grid; gap:10px; margin:0; }
  & .rkb-record-summary-card dl > div { display:flex; gap:12px; align-items:baseline; justify-content:space-between; min-width:0; }
  & .rkb-record-summary-card dt { font:400 12px/20px var(--erp-font); color:var(--erp-muted); }
  & .rkb-record-summary-card dd { margin:0; font:400 14px/20px var(--erp-font); font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:anywhere; }
  & .rkb-record-summary-card .rkb-summary-total { padding-top:10px; border-top:1px solid var(--op-border); }
  & .rkb-record-summary-card .rkb-summary-total dd { color:#245fbd; font-size:16px; font-weight:500; }
  & .rkb-context-card { container:record-context / inline-size; padding:12px 16px; }
  & .rkb-context-grid { display:grid; grid-template-columns:minmax(220px,300px) minmax(240px,300px) minmax(220px,1fr); align-items:stretch; gap:16px; padding:0; }
  & .rkb-context-grid-paired { grid-template-columns:minmax(260px,380px) minmax(220px,1fr); }
  & .rkb-context-grid > .rkb-form-section { min-width:0; padding:0; border:0; background:none; }
  & .rkb-context-grid > .rkb-form-section + .rkb-form-section { padding-left:16px; border-left:1px solid var(--op-border); }
  & .rkb-context-grid .rkb-record-facts { grid-template-columns:minmax(0,1fr); gap:6px; margin:0; }
  & .rkb-context-grid .rkb-record-facts > div { display:grid; grid-template-columns:116px minmax(0,1fr); gap:10px; align-items:baseline; }
  & .rkb-context-grid .rkb-record-facts :is(dt,dd) { margin:0; }
  & .rkb-context-grid .rkb-record-facts dd { font-weight:400; line-height:20px; }
  & .rkb-context-grid .rkb-record-facts dd small { display:block; color:var(--erp-muted); font-size:12px; }
  & .rkb-context-grid .rkb-form-section > header { margin-bottom:10px; }
  & .rkb-context-card .rkb-detail-header-info { padding:0; border-top:0; }
  & .rkb-context-card .rkb-detail-header-info.rkb-context-grid { padding-top:0; }
  & .rkb-context-card .rkb-detail-toolbar { margin:0; padding:0 0 10px; gap:12px 20px; }
 }
}
@container record-context (max-width:960px) {
 body:has(.page.rkb-operational-ui) .rkb-context-grid:not(.rkb-context-grid-paired):not(.rkb-context-grid-record) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.page.rkb-operational-ui) .rkb-context-grid:not(.rkb-context-grid-paired):not(.rkb-context-grid-record) > .rkb-form-section:last-child { grid-column:1 / -1; border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
}
@container record-context (max-width:620px) {
 body:has(.page.rkb-operational-ui) :is(.rkb-context-grid,.rkb-context-grid:not(.rkb-context-grid-paired)) { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-context-grid > .rkb-form-section + .rkb-form-section { grid-column:1 / -1; border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
 body:has(.page.rkb-operational-ui) .rkb-context-grid .two-column-form { grid-template-columns:minmax(0,1fr); }
}

/* Bounded reference sections keep label/value pairs together on wide monitors. */
.rkb-operational-ui .rkb-record-overview-bounded { max-width:1320px; gap:16px; }
body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-context-layout.rkb-record-overview-bounded { max-width:960px; }
body:has(.page.rkb-operational-ui) .rkb-record-overview .rkb-facts-inline { grid-template-columns:minmax(0,1fr); gap:4px; }
.rkb-operational-ui .rkb-facts-inline > div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:12px; align-items:baseline; min-height:24px; }
.rkb-operational-ui .rkb-facts-inline dt { margin:0; }
.rkb-operational-ui .rkb-facts-inline dd { margin:0; overflow-wrap:anywhere; }

.rkb-operational-ui .rkb-tag-editor > input { flex:1 1 120px; min-width:100px; width:120px; }
.rkb-operational-ui .rkb-tag-editor > .rkb-tag-add { margin-left:auto; flex:0 0 30px; }

/* Overview: two working columns, with notes spanning below both. */
.rkb-operational-ui .rkb-supplement-grid.rkb-overview-grid { grid-template-columns:minmax(300px,1fr) minmax(0,1.15fr); gap:16px 24px; }
.rkb-operational-ui .rkb-overview-grid > .rkb-fact-strip { grid-column:1; grid-row:1; display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.rkb-operational-ui .rkb-overview-grid > .rkb-product-media-column { grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:12px; min-width:0; }
.rkb-operational-ui .rkb-overview-grid > .rkb-notes-section { grid-column:1 / -1; grid-row:2; padding:14px 0 0; border-left:0; border-top:1px solid var(--op-border); }
.rkb-operational-ui .rkb-overview-grid .rkb-notes-section textarea { height:80px; min-height:80px; }
.rkb-operational-ui .rkb-overview-grid .rkb-product-context { grid-template-columns:minmax(0,1fr); }
.rkb-operational-ui .rkb-overview-grid .rkb-product-context > div { grid-template-columns:1fr 1fr; }
.rkb-operational-ui .rkb-supplier-general { container:supplier-general / inline-size; }
@container supplier-general (max-width:950px) {
 body:has(.page.rkb-operational-ui) .rkb-record-overview-bounded { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
 body:has(.page.rkb-operational-ui) .rkb-record-overview-bounded > section:last-child { grid-column:1 / -1; border-left:0; border-top:1px solid var(--op-border); padding:14px 0 0; }
}
@container product-general (max-width:600px) {
 .rkb-operational-ui .rkb-supplement-grid.rkb-overview-grid { grid-template-columns:minmax(0,1fr); }
 .rkb-operational-ui .rkb-overview-grid > .rkb-fact-strip { grid-column:1; grid-row:1; }
 .rkb-operational-ui .rkb-overview-grid > .rkb-product-media-column { grid-column:1; grid-row:2; }
 .rkb-operational-ui .rkb-overview-grid > .rkb-notes-section { grid-column:1; grid-row:3; }
}
@container supplier-general (max-width:500px) {
 body:has(.page.rkb-operational-ui) .rkb-record-overview-bounded { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-record-overview-bounded > section + section { grid-column:1; border-left:0; border-top:1px solid var(--op-border); padding:14px 0 0; }
}

.rkb-operational-ui .rkb-overview-grid .rkb-price-fact > header { border-bottom:0; padding-bottom:0; min-height:24px; }
/* Price roles share neutral lightness/chroma; headings remain part of the same surface. */
.rkb-operational-ui .rkb-price-fact { --rkb-price-surface:var(--erp-price-buy-surface); }
.rkb-operational-ui .rkb-price-fact-primary { --rkb-price-surface:var(--erp-price-sell-surface); }
body:has(.page.rkb-operational-ui) .rkb-fact-strip > .rkb-price-fact { background:var(--rkb-price-surface); }
body:has(.page.rkb-operational-ui) .rkb-fact-strip > .rkb-price-fact > header { position:relative; padding:0 36px 0 0; min-height:28px; background:transparent; }
body:has(.page.rkb-operational-ui) .rkb-price-fact > header > :is(.rkb-section-actions,.rkb-popover-control) { position:absolute; top:0; right:0; flex-direction:column; align-items:center; gap:4px; }
.rkb-operational-ui .rkb-price-fact .rkb-hpp-disclosure-trigger { width:28px; height:22px; min-height:22px; font:600 18px/18px var(--erp-font); }
body:has(.page.rkb-operational-ui) .rkb-price-fact-switchable > header > .rkb-section-actions { flex-direction:column;align-items:center;gap:4px; }
body:has(.page.rkb-operational-ui) .rkb-price-fact-switchable > header { padding-right:36px; }
body:has(.page.rkb-operational-ui) .rkb-fact-strip > .rkb-price-fact-hpp { --rkb-price-surface:#f1f5fb;border-left-color:#587cad; }
body:has(.page.rkb-operational-ui) .rkb-price-fact-hpp .rkb-price-fact-value { color:#365f90; }
.rkb-operational-ui .rkb-hpp-inline-error{align-items:center;font-size:12px;margin-top:4px}
.rkb-operational-ui .rkb-hpp-inline-error .btn{height:26px;min-height:26px;padding:2px 7px}
.rkb-operational-ui .rkb-hpp-cost-disclosure { margin-top:8px; padding-top:8px; border-top:1px solid var(--erp-border-subtle,#dbe3e9); color:var(--erp-text); font-size:var(--erp-type-small,12px); }
.rkb-operational-ui .rkb-hpp-cost-disclosure > strong { display:block; color:var(--op-action); font-weight:600; margin-bottom:4px; }
.rkb-operational-ui .rkb-hpp-cost-disclosure dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 10px; margin:0 0 4px; }
.rkb-operational-ui .rkb-hpp-cost-disclosure dl > div { display:flex; justify-content:space-between; gap:6px; }
.rkb-operational-ui .rkb-hpp-cost-disclosure dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-hpp-cost-disclosure small { color:var(--erp-text-muted,#667085); }
/* A unit is part of its value, not a smaller caption; keep the shared34px outer frame. */
.rkb-operational-ui .rkb-measure-section .rkb-input-with-unit :is(input.form-control,select) { height:32px; min-height:32px; font:400 var(--erp-type-value)/20px var(--erp-font-numeric); }


/* Shared operational sections: color identifies function, not decorative containers. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & :is(.rkb-section-symbol,.rkb-section-icon)[data-tone="teal"] { color:#216b5c; background:#e9f5f0; }
  & :is(.rkb-section-symbol,.rkb-section-icon)[data-tone="violet"] { color:#77529b; background:#f3edf9; }
  & :is(.rkb-section-symbol,.rkb-section-icon)[data-tone="amber"] { color:#875e18; background:#fff4dc; }
  & :is(.rkb-section-symbol,.rkb-section-icon)[data-tone="slate"] { color:#596575; background:#f0f2f5; }
  & .rkb-section-heading { display:flex; align-items:center; gap:8px; font-size:13px; }
  & :is(.rkb-tab-heading[data-section-tone],.rkb-info-dialog-header[data-section-tone]) { --section-tint:#f2f6fc; }
  & :is(.rkb-tab-heading,.rkb-info-dialog-header)[data-section-tone=teal] { --section-tint:#eef8f5; }
  & :is(.rkb-tab-heading,.rkb-info-dialog-header)[data-section-tone=violet] { --section-tint:#f6f2fa; }
  & :is(.rkb-tab-heading,.rkb-info-dialog-header)[data-section-tone=amber] { --section-tint:#fff9eb; }
  & .rkb-tab-heading[data-section-tone] > .rkb-tab-heading-copy { padding:5px 8px; border-radius:4px; background:var(--section-tint); }
  & .rkb-info-dialog-header[data-section-tone] { background:var(--section-tint); }
  & .rkb-tab-heading[data-framed=true] { background:var(--section-tint); border:1px solid var(--erp-border,#d7e1ed); border-radius:4px; padding:5px 8px; min-height:40px; }
  & .rkb-tab-heading[data-framed=true] > .rkb-tab-heading-copy { padding:0; background:none; }
  & .rkb-section-heading { padding:5px 8px; border-radius:4px; background:#f2f6fc; }
  & .rkb-section-heading:has([data-tone=teal]) { background:#eef8f5; }
  & .rkb-section-heading:has([data-tone=violet]) { background:#f6f2fa; }
  & .rkb-section-heading:has([data-tone=amber]) { background:#fff9eb; }
  & .rkb-form-section > header { padding:5px 8px; background:#f2f6fc; border-radius:4px; border-bottom:0; }
  & .rkb-form-section > header:has([data-tone="teal"]) { background:#eff8f5; }
  & .rkb-form-section > header:has([data-tone="violet"]) { background:#f6f2fa; }
  & .rkb-form-section > header:has([data-tone="amber"]) { background:#fff8eb; }
  & .rkb-form-section > header h2 { font-size:13px; line-height:20px; margin:0; }
  & .rkb-form-workspace { max-width:1120px; align-items:start; }
  & .rkb-order-overview { padding:4px 0; gap:16px 24px; }
  & .rkb-order-overview .rkb-record-facts { gap:8px 16px; }
  & .rkb-order-overview .rkb-record-facts > div { display:grid; grid-template-columns:minmax(95px,.65fr) minmax(0,1.35fr); gap:8px; align-items:baseline; }
  & .rkb-order-overview .rkb-record-facts dt { margin:0; }
  & .rkb-order-overview .rkb-record-facts dd { margin:0; }
  & :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) :is(.form-grid,.two-column-form) { gap:12px 16px; }
  & .rkb-info-dialog:not(.rkb-info-dialog-wide):not(.rkb-info-dialog-table) .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; }
  & .rkb-info-dialog .form-grid > * { min-width:0; max-width:100%; }
  & :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) :is(.form-grid,.two-column-form) > label { font-size:12px; line-height:18px; gap:5px; min-width:0; }
  & :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) :is(input.form-control,select.form-select) { height:34px; min-height:34px; font-size:13px; }
  & :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) textarea.form-control { min-height:64px; font-size:13px; }
  & .rkb-modal-header { margin-bottom:12px; padding-bottom:10px; gap:12px; align-items:start; }
  & .rkb-modal-header h2 { font-size:16px; line-height:22px; margin:0; }
  & .rkb-modal-header p { font-size:12px; line-height:18px; margin:6px 0 0; color:#64748b; }
  & :is(.rkb-modal-actions,.rkb-dialog-actions) { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; }
  & .rkb-filter-section legend { letter-spacing:0; text-transform:none; }
  & .rkb-summary-action-toolbar .rkb-line-summary > strong { color:#245fbd; }
 }
}
@media screen and (max-width:600px) {
 body:has(.page.rkb-operational-ui) .rkb-info-dialog:not(.rkb-info-dialog-wide):not(.rkb-info-dialog-table) .form-grid { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-info-dialog:not(.rkb-info-dialog-wide):not(.rkb-info-dialog-table) .form-grid > * { grid-column:auto; }
}
@media screen and (max-width:1100px) {
 body:has(.page.rkb-operational-ui) .rkb-order-overview .rkb-record-facts { grid-template-columns:minmax(0,1fr); }
}
@media screen {
 body:has(.page.rkb-operational-ui) {
  & :is(.rkb-editor-heading,.rkb-modal-header,.rkb-info-dialog-header) { border-bottom-color:#d7e2ef; }
  & :is(.rkb-editor-heading > strong,.rkb-modal-header h2,.rkb-info-dialog-header h2) { color:#244f83; }
  & .rkb-record-workspace .form-grid { align-items:start; }
  & .rkb-form-workspace :is(input.form-control,select.form-select) { height:34px; min-height:34px; }
  & .rkb-form-workspace .form-grid { gap:12px 16px; }
 }
}
@media screen {
 body:has(.page.rkb-operational-ui) :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) input[type=date]:not(.rkb-date-native-trigger) {
  height:34px; min-height:34px; min-width:0; max-width:100%; box-sizing:border-box;
  border:1px solid #cbd5e1; border-radius:4px; padding:5px 9px; color:#243247; background:#fff; font:400 13px/20px var(--erp-font);
 }
 body:has(.page.rkb-operational-ui) :is(.rkb-record-dialog,.rkb-modal,.rkb-info-dialog) input[type=date]:focus { border-color:#245fbd; outline:none; box-shadow:none; }
}

/* Bounded information and short forms share width ownership, independent of operational tables. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & .rkb-context-process { padding:10px 16px; margin-bottom:0; min-width:0; }
  & .rkb-context-process:empty { display:none; }
  & .rkb-context-process .rkb-detail-toolbar { margin:0; padding:0; border:0; gap:12px 20px; flex-wrap:wrap; }
  & .rkb-context-layout-form { max-width:none; grid-template-columns:minmax(0,1fr) 260px; }
  & .rkb-context-layout-compact { max-width:none; grid-template-columns:minmax(0,1fr) 280px; }
  & .rkb-receiving-correction-layout { max-width:none; grid-template-columns:minmax(0,2fr) minmax(0,3fr); align-items:start; }
  & .rkb-correction-unit { display:flex; align-items:center; gap:6px; white-space:nowrap; }
  & .rkb-receiving-correction-workspace { min-width:0; }
  & .rkb-receiving-correction-table-wrap { width:100%; overflow-x:auto; }
  & .rkb-receiving-correction-table { min-width:1040px; table-layout:fixed; }
  & .rkb-receiving-correction-table th,
  & .rkb-receiving-correction-table td { vertical-align:middle; }
  & .rkb-receiving-correction-table .rkb-correction-number { width:42px; text-align:center; }
  & .rkb-receiving-correction-table .rkb-correction-code { width:110px; }
  & .rkb-receiving-correction-table .rkb-correction-name { width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  & .rkb-receiving-correction-table th.numeric-cell { width:116px; text-align:right; }
  & .rkb-receiving-correction-table .rkb-correction-before { color:#59677a; font-variant-numeric:tabular-nums; }
  & .rkb-receiving-correction-table .rkb-correction-code-actions { display:flex; align-items:center; justify-content:space-between; gap:5px; }
  & .rkb-receiving-correction-table .rkb-correction-code-actions .rkb-icon-button,
  & .rkb-receiving-correction-table .rkb-correction-unit .rkb-icon-button { width:28px; min-width:28px; height:28px; padding:3px; }
  & .rkb-receiving-correction-table .rkb-correction-row-changed > td { background:#f6f9fe; }
  & .rkb-receiving-correction-table .rkb-correction-row-changed > .rkb-correction-cell-changed { background:#eaf2ff; box-shadow:inset 0 -1px #a9c4f2; }
  & .rkb-receiving-correction-table :is(input.form-control,select.form-select) { min-width:0; width:100%; max-width:none; height:28px; min-height:28px; padding:2px 5px; }
  & .rkb-receiving-correction-table .rkb-correction-search-row > td { padding:8px 12px; background:#f8fafd; }
  & .rkb-receiving-correction-table .rkb-correction-search-row .rkb-inline-search { display:flex; align-items:center; gap:8px; max-width:520px; }
  & .rkb-correction-controls { display:grid; grid-template-columns:minmax(210px,320px) minmax(0,1fr); gap:12px; align-items:start; margin:12px 0; }
  & .rkb-correction-reasons { display:grid; gap:6px; }
  & .rkb-correction-reasons .rkb-filter-field-label { font-size:12px; color:#59677a; }
  & .rkb-correction-reasons > .rkb-popover-control { justify-self:start; }
  & .rkb-correction-source { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; min-width:0; padding:7px 10px; border:1px solid #dce4ef; border-radius:5px; background:#f8fafc; font-size:12px; }
  & .rkb-correction-source > span { min-width:0; overflow-wrap:anywhere; color:#526177; }
  & .rkb-context-grid .rkb-form-section > header { min-height:36px; box-sizing:border-box; }
  & .rkb-record-summary-card h2 .rkb-section-icon { width:26px; height:26px; background:transparent; color:#245fbd; }
  & .rkb-modal.rkb-dialog-compact { width:min(440px,calc(100vw - 32px)); max-width:440px; padding:18px; }
  & .rkb-dialog-compact .rkb-bulk-fields { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  & .rkb-dialog-compact .rkb-bulk-fields label { font-size:12px; gap:5px; }
 }
}

@media (max-width: 760px) {
 body:has(.page.rkb-operational-ui) .rkb-correction-controls { grid-template-columns:minmax(0,1fr); }
}

@media screen {
 body:has(.page.rkb-operational-ui) {
  & .rkb-context-notice { max-width:none; }
  & .rkb-context-notice:empty { display:none; }
  & .rkb-context-notice .rkb-readiness-note { margin:0; }
  & .rkb-context-width .rkb-request-actions { margin:0; padding:0; border:0; }
 }
}

@media screen {
 body:has(.page.rkb-operational-ui) {
  & .rkb-document-readiness .rkb-record-facts > div { display:grid; grid-template-columns:102px minmax(0,1fr); gap:8px; align-items:baseline; }
  & .rkb-document-readiness .rkb-record-facts :is(dt,dd) { margin:0; font-size:12px; line-height:20px; font-weight:400; }
  & .rkb-finance-panel > .rkb-inline-action-toolbar { max-width:1000px; margin-top:0; margin-bottom:16px; gap:8px; flex-wrap:wrap; }
  & .rkb-info-dialog-body > .product-search-main-row { margin-bottom:12px; }
 }
}

/* Compact detail composition. Shared by small operational and master workspaces. */
body:has(.page.rkb-operational-ui) {
 & .rkb-context-grid-record { grid-template-columns:minmax(480px,620px) minmax(220px,1fr); }
 & .rkb-context-facts-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; min-width:0; }
 & .rkb-po-note-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; align-items:start; }
 & .rkb-po-note-pair.rkb-po-note-single { grid-template-columns:minmax(0,1fr); max-width:620px; }
 & .rkb-po-note-pair > .rkb-form-section { min-width:0; }
 & .rkb-context-facts-pair > .rkb-form-section { padding:0; border:0; min-width:0; }
 & .rkb-context-facts-pair > .rkb-form-section + .rkb-form-section { padding-left:16px; border-left:1px solid var(--op-border); }
 & .rkb-context-card-inset { max-width:none; margin-bottom:12px; }
 & .rkb-context-card-inset .rkb-record-facts { grid-template-columns:minmax(0,1fr); }
 & .rkb-detail-tab-section-flush { margin-top:0; border-top:0; padding-top:0; }
 & .rkb-role-editor { width:min(760px,calc(100vw - 32px)); }
 & .rkb-role-editor .product-detail-tab-content { padding:12px 0; }
 & .rkb-dual-pane { container:detail-pane / inline-size; }
 & .rkb-dual-pane :is(.rkb-record-columns,.rkb-financial-overview) { gap:16px; }
 & .rkb-dual-pane .rkb-financial-overview { grid-template-columns:minmax(0,1fr) minmax(210px,260px); }
 & .rkb-dual-pane .rkb-financial-overview .rkb-record-facts { grid-template-columns:minmax(0,1fr); gap:8px; }
 & .rkb-dual-pane .rkb-financial-overview .rkb-record-facts > div { display:grid; grid-template-columns:116px minmax(0,1fr); gap:8px; }
 & .rkb-dual-pane .rkb-financial-overview .rkb-record-facts :is(dt,dd) { margin:0; }
 & .rkb-dual-pane .request-lines-panel { padding:0; margin:0; border:0; }
 & .rkb-dual-pane .rkb-summary-action-toolbar { flex-wrap:wrap; gap:8px 12px; }
 & .rkb-dual-pane .rkb-line-summary { gap:8px 14px; flex-wrap:wrap; }
 & .rkb-issues-workspace { width:100%; min-width:0; }
 & .rkb-issues-workspace .rkb-table-wrap { width:100%; min-width:0; }
 & .rkb-issues-workspace table { width:100%; }
 & .rkb-issues-workspace td small { display:block; font-size:12px; color:var(--erp-muted); line-height:18px; }
 & .rkb-issues-workspace td { padding-block:6px; vertical-align:top; }
 & .rkb-document-workspace { width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
 & .rkb-document-workspace .rkb-table-wrap { width:100%; min-width:0; }
 & .rkb-panel-fill-table { width:100%; min-width:100%; }
 & .rkb-document-workspace .rkb-inline-action-toolbar { margin:0; }
 & .rkb-upload-dropzone { margin-bottom:12px; min-height:84px; padding:12px; }
 & .rkb-invoice-comparison { min-width:560px; }
 & .rkb-invoice-comparison :is(th,td):nth-child(3) { background:#edf4ff; }
 & .rkb-invoice-comparison thead th { white-space:normal; }
 & .rkb-receipt-entry { padding:10px 12px; border:1px solid #c6d8ef; border-radius:4px; background:#f5f9ff; margin:0 0 12px; max-width:660px; }
 & .rkb-receipt-entry .form-grid { grid-template-columns:minmax(140px,180px) minmax(0,1fr); }
 & .rkb-entry-cell { background:#edf4ff; }
 & .rkb-entry-cell .po-inline-editable { border:1px solid #9bbce7 !important; border-radius:3px !important; background:#fff !important; padding:3px 6px !important; }
 & .rkb-entry-cell .po-inline-editable:focus { border:1px solid #245fbd !important; outline:0; box-shadow:none !important; }
 & .rkb-document-checklist { display:grid; gap:12px; }
}
/* Two record columns fit once the card can hold 620px facts, 330px notes, the gap and padding. */
@container record-context (max-width:1000px) {
 body:has(.page.rkb-operational-ui) .rkb-context-grid-record { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-context-grid-record .rkb-context-facts-pair { width:min(100%,620px); }
}
@container record-context (min-width:1001px) and (max-width:1190px) {
 body:has(.page.rkb-operational-ui) .rkb-context-grid-record .rkb-po-note-pair { grid-template-columns:minmax(0,1fr); }
}
@container record-context (max-width:620px) {
 body:has(.page.rkb-operational-ui) .rkb-po-note-pair { grid-template-columns:minmax(0,1fr); }
}
@container detail-pane (max-width:600px) {
 body:has(.page.rkb-operational-ui) .rkb-dual-pane :is(.rkb-record-columns,.rkb-financial-overview) { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
 body:has(.page.rkb-operational-ui) :is(.rkb-context-facts-pair,.rkb-receipt-entry .form-grid) { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-context-facts-pair > .rkb-form-section + .rkb-form-section { padding:12px 0 0; border-left:0; }
}

@media screen {
 body:has(.page.rkb-operational-ui) {
  & .rkb-comparison-main { min-width:0; grid-column:1; grid-row:1; }
  & .rkb-comparison-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:12px 0 0; padding-top:12px; border-top:1px solid var(--op-border); }
  & .rkb-comparison-totals > div { min-width:0; }
  & .rkb-comparison-totals dt { font-size:12px; font-weight:400; color:var(--erp-muted); margin:0 0 4px; }
  & .rkb-comparison-totals dd { font-size:14px; margin:0; font-variant-numeric:tabular-nums; }
  & .rkb-comparison-totals .rkb-link-button { padding:0; font-size:12px; }
  & .rkb-comparison-totals .rkb-amount-total { color:#216b5c; }
  & .rkb-finance-panel > .rkb-inline-action-toolbar { margin-top:12px; }
  & .rkb-finance-panel > .rkb-inline-action-toolbar > .status-badge { margin-right:auto; }
  & .rkb-item-table td[data-column=ACTION] .status-badge { white-space:nowrap; text-align:left; max-width:100%; }
 }
}
@media screen and (max-width:1000px) {
 body:has(.page.rkb-operational-ui) .rkb-comparison-main { grid-column:auto; grid-row:auto; }
}
@media screen and (max-width:700px) {
 body:has(.page.rkb-operational-ui) .rkb-comparison-totals { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Approved composition, 14 October. Shared geometry and purpose-based accents.
   The workspace owns composition; the table foundation still owns every column. */
body:has(.page.rkb-operational-ui) {
 --op-blue:#245fbc; --op-blue-soft:#eaf2ff;
 --op-teal:#216f65; --op-teal-soft:#edf7f3;
 --op-amber:#875e18; --op-amber-soft:#fff6e3;
 --op-violet:#7653a1; --op-violet-soft:#f5eff9;
 --op-gap-control:8px; --op-gap-section:16px;
 --op-border:#dfe5eb; --op-action:#235fa6;
 font-family:"Segoe UI",Arial,sans-serif;

 & :is(.rkb-section-symbol,.rkb-section-icon) { --section-color:var(--op-blue); --section-soft:var(--op-blue-soft); color:var(--section-color); background:var(--section-soft); }
 & [data-tone=teal] { --section-color:var(--op-teal); --section-soft:var(--op-teal-soft); }
 & [data-tone=violet] { --section-color:var(--op-violet); --section-soft:var(--op-violet-soft); }
 & [data-tone=amber] { --section-color:var(--op-amber); --section-soft:var(--op-amber-soft); }
 & :is(.rkb-section-symbol,.rkb-section-icon)[data-tone] { color:var(--section-color); background:var(--section-soft); }
 & .rkb-tab-heading[data-heading-level=parent] > .rkb-tab-heading-copy { padding:0; background:none; }
 & .rkb-tab-heading[data-heading-level=parent] .rkb-section-symbol { background:none; color:#617084; width:20px; flex-basis:20px; }
 & .rkb-info-dialog-header[data-heading-level=parent] { background:transparent; }
 & .rkb-info-dialog-header[data-heading-level=parent] .rkb-section-symbol { background:transparent; color:#617084; }
 & .rkb-record-summary-card { padding:12px 16px; --summary-color:var(--op-teal); --summary-soft:var(--op-teal-soft); }
 & .rkb-record-summary-card[data-section-tone=blue] { --summary-color:var(--op-blue); --summary-soft:var(--op-blue-soft); }
 & .rkb-record-summary-card[data-section-tone=amber] { --summary-color:var(--op-amber); --summary-soft:var(--op-amber-soft); }
 & .rkb-record-summary-card[data-section-tone=violet] { --summary-color:var(--op-violet); --summary-soft:var(--op-violet-soft); }
 & .rkb-record-summary-card h2 { background:var(--summary-soft); }
 & .rkb-record-summary-card h2 .rkb-section-icon { background:none; color:var(--summary-color); }
 & .rkb-record-summary-card .rkb-summary-total dd { color:var(--summary-color); }
 & .rkb-record-summary-card dl { gap:6px; }
 & .rkb-record-summary-card dl:has(> .rkb-summary-count) { grid-template-columns:repeat(3,minmax(0,1fr)); }
 & .rkb-record-summary-card dl:has(> .rkb-summary-count) > div:not(.rkb-summary-count) { grid-column:1/-1; }
 & .rkb-record-summary-card .rkb-summary-count { display:block; }
 & .rkb-record-summary-card .rkb-summary-count dd { text-align:left; margin-top:2px; }
 & .rkb-record-summary-card dd { white-space:nowrap; }
 & .rkb-record-summary-card .rkb-summary-total { padding-top:8px; }
 & .rkb-context-grid .rkb-record-facts > div { grid-template-columns:minmax(92px,112px) minmax(0,1fr); gap:8px; }
 & .rkb-context-grid .rkb-record-facts dd { max-width:36ch; }
 & .rkb-context-layout :is(input.form-control,select.form-select) { max-width:360px; }
 /* The selector owns its clear button and popup anchor, so bound the owner too. */
 & .rkb-context-layout .rkb-search-select { max-width:360px; }
 & .rkb-context-card .rkb-form-section { align-content:start; }
 & .rkb-context-card-inset { padding-inline:0; }
 & .rkb-invoice-context .rkb-record-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
 & .rkb-invoice-context .po-meta-primary { grid-column:1/-1; }
 & .rkb-record-facts dd { font-weight:400; }
 & :is(.rkb-inline-action-toolbar,.rkb-summary-action-toolbar) { gap:var(--op-gap-control) var(--op-gap-section); }
 & .rkb-record-workspace { container:operational-workspace / inline-size; }
 & .rkb-table-note { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; color:#66758a; padding:10px 0 0; font-size:12px; }
 & .rkb-table-note > svg { width:16px; height:16px; align-self:center; color:var(--op-violet); }
 & .rkb-table-note > .rkb-expandable-note { color:#273548; }
 & .rkb-table-totals > td { font:500 13px/20px "Segoe UI",Arial,sans-serif; font-variant-numeric:tabular-nums; background:var(--op-teal-soft); border-top:1px solid #bddbd2; padding-block:8px; }
 & .rkb-review-workspace { width:100%; max-width:1120px; }
 & .rkb-review-workspace.rkb-workspace-full { max-width:none; }
 /* The sort symbol is already a flex child; reserving it again clips short labels. */
 & .product-column-heading.sortable:has(> .product-sort-indicator) { padding-right:0; }
 & .rkb-entry-surface { min-height:0; container:entry-surface / inline-size; }
 & .rkb-transaction-entry { min-height:0; }
 & .rkb-entry-fields-account { grid-template-columns:minmax(140px,170px) minmax(240px,420px) minmax(170px,230px); max-width:1100px; }
 & .rkb-transaction-entry .rkb-financial-metrics dd { color:var(--op-teal); }
 & .rkb-input-short { width:180px; max-width:100%; }

 /* Three task choices and a related budget use the same row when they fit. */
 & .rkb-planning-overview { display:flex; flex-wrap:wrap; gap:12px; align-items:stretch; min-width:0; }
 & .rkb-planning-overview .rkb-plan-modes { flex:1 1 500px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
 & .rkb-plan-mode { display:grid; grid-template-columns:24px minmax(0,1fr); grid-template-rows:auto auto; gap:4px 8px; align-content:center; align-items:center; padding:12px; border:1px solid var(--op-border); border-top:3px solid var(--section-color,var(--op-blue)); border-radius:4px; text-align:left; background:var(--section-soft,var(--op-blue-soft)); color:var(--section-color,var(--op-blue)); }
 & .rkb-plan-mode .rkb-section-icon { width:24px; height:24px; grid-row:1/3; background:none; }
 & .rkb-plan-mode > span:nth-child(2) { font:500 13px/20px "Segoe UI",Arial,sans-serif; }
 & .rkb-plan-mode strong { grid-column:2; margin:0; padding:0; background:none; font:400 20px/26px "Segoe UI",Arial,sans-serif; text-align:left; font-variant-numeric:tabular-nums; }
 & .rkb-plan-mode.active { border-color:var(--op-blue); box-shadow:inset 0 -3px var(--op-blue); color:var(--section-color,var(--op-blue)); background:var(--section-soft,var(--op-blue-soft)); }
 & .rkb-plan-mode.active strong { background:none; }
 & .rkb-planning-overview :is(.rkb-budget-panel,.rkb-transfer-plan-panel) { display:grid; grid-template-columns:minmax(0,1fr) auto; flex:1.1 1 540px; max-width:none; width:auto; min-height:120px; margin:0; padding:10px 12px; gap:8px 16px; border-left:3px solid var(--op-teal); }
 & .rkb-budget-heading { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
 & .rkb-budget-heading label { display:inline-flex; align-items:center; gap:8px; color:var(--op-teal); font-size:13px; }
 & .rkb-budget-heading svg { width:18px; height:18px; }
 & .rkb-budget-heading input { width:150px; max-width:150px; margin-left:auto; }
 & :is(.rkb-budget-panel,.rkb-transfer-plan-panel) > .rkb-budget-values { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:baseline; gap:12px 24px; margin:0; }
 & .rkb-budget-values > div { display:block; border:0; padding:0; min-width:0; }
 & .rkb-budget-values dt { font-size:12px; }
 & .rkb-budget-values dd { margin:3px 0 0; font:400 14px/20px "Segoe UI",Arial,sans-serif; font-variant-numeric:tabular-nums; }
 & :is(.rkb-budget-panel,.rkb-transfer-plan-panel) > .rkb-field-help { grid-column:1/-1; margin:0; }
 & .rkb-budget-actions { grid-column:2; grid-row:1; margin:0; gap:6px; }
 & .rkb-budget-plan-summary .rkb-budget-values { display:flex; flex-wrap:wrap; gap:16px 32px; }
 & .rkb-budget-page-toolbar h2 { font-size:14px; }

 /* Comparison, payable and examination are separate, adjacent responsibilities. */
 & .rkb-bill-review { container:bill-review / inline-size; }
 & .rkb-bill-review .rkb-comparison-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); max-width:none; gap:16px; align-items:stretch; margin:0; }
 & .rkb-bill-review :is(.rkb-comparison-main,.rkb-payable-breakdown) { min-width:0; grid-column:auto; grid-row:auto; }
 & .rkb-bill-review h3 { font-size:13px; line-height:20px; margin:0 0 10px; }
 & .rkb-bill-review .rkb-invoice-comparison { width:100%; min-width:560px; max-width:none; table-layout:fixed; }
 & .rkb-invoice-comparison :is(th,td) { font-size:13px; font-weight:400; padding:5px 8px; }
 & .rkb-invoice-comparison th:first-child { width:25%; }
 & .rkb-invoice-comparison th small { display:block; font-size:11px; color:#66758a; }
 & .rkb-invoice-comparison .money-input { width:100%; min-width:0; }
 & .rkb-comparison-main > .rkb-field-help { margin:8px 0 0; }
 & .rkb-payable-breakdown { border-left:1px solid var(--op-border); padding-left:16px; }
 & .rkb-payable-lines { display:grid; gap:8px; margin:0; }
 & .rkb-payable-lines > div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
 & .rkb-payable-lines dt { font-size:12px; font-weight:400; color:#617084; }
 & .rkb-payable-lines dd { margin:0; text-align:right; font:400 14px/20px "Segoe UI",Arial,sans-serif; font-variant-numeric:tabular-nums; }
 & .rkb-payable-lines .rkb-link-button { padding:0; font-size:12px; }
 & .rkb-payable-lines .rkb-amount-total { margin-top:2px; padding:10px; background:var(--op-teal-soft); border-left:3px solid var(--op-teal); border-radius:3px; }
 & .rkb-payable-lines .rkb-amount-total :is(dt,dd) { color:var(--op-teal); }
 & .rkb-payable-lines .rkb-amount-total dd { font-size:16px; font-weight:500; }
 & .rkb-value-match { color:var(--op-teal); }
 & .rkb-value-difference { color:#9b4f12; background:#fff6e3; }
 & .rkb-checking-strip { display:flex; align-items:center; flex-wrap:wrap; gap:10px 24px; border-block:1px solid var(--op-border); margin-top:12px; padding:10px 0; }
 & .rkb-checking-strip .rkb-document-readiness { grid-column:auto; grid-row:auto; min-width:0; }
 & .rkb-check-facts { display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; margin:0; }
 & .rkb-check-facts > div { display:flex; align-items:baseline; gap:8px; }
 & .rkb-check-facts :is(dt,dd) { margin:0; font-size:12px; font-weight:400; }
 & .rkb-check-facts dt { color:#66758a; }
 & .rkb-check-lock { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--op-violet); }
 & .rkb-check-lock svg { width:14px; height:14px; }
 & .rkb-finance-panel > .rkb-inline-action-toolbar { max-width:none; justify-content:flex-end; margin:8px 0 12px; padding:0; gap:8px; }
 & .rkb-finance-panel + .rkb-summary-action-toolbar { padding:8px 0; margin-bottom:12px; }
}
@container entry-surface (max-width:900px) {
 body:has(.page.rkb-operational-ui) .rkb-entry-fields-account { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.page.rkb-operational-ui) .rkb-entry-fields-account > .rkb-field-wide { grid-column:1/-1; }
}
@container entry-surface (max-width:560px) {
 body:has(.page.rkb-operational-ui) .rkb-entry-fields-account { grid-template-columns:minmax(0,1fr); }
}
@container bill-review (max-width:940px) {
 body:has(.page.rkb-operational-ui) .rkb-bill-review .rkb-comparison-layout { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-payable-breakdown { border-left:0; padding:12px 0 0; border-top:1px solid var(--op-border); }
 body:has(.page.rkb-operational-ui) .rkb-payable-lines { max-width:560px; }
}
@container record-context (max-width:1200px) {
 body:has(.page.rkb-operational-ui) .rkb-invoice-context .rkb-record-facts { grid-template-columns:minmax(0,1fr); }
}
@container operational-workspace (max-width:900px) {
 body:has(.page.rkb-operational-ui) .rkb-context-layout { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-record-summary-card dl { display:flex; flex-wrap:wrap; gap:12px 24px; }
 body:has(.page.rkb-operational-ui) .rkb-record-summary-card .rkb-summary-total { padding:0; border:0; }
}
@media(max-width:640px) {
 body:has(.page.rkb-operational-ui) .rkb-planning-overview .rkb-plan-modes { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-planning-overview :is(.rkb-budget-panel,.rkb-transfer-plan-panel) { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-budget-actions { grid-column:1; grid-row:auto; }
}

/* Purchasing task composition: keep the comparison's actions with the values. */
body:has(.page.rkb-operational-ui) {
 & .rkb-planning-overview .rkb-plan-modes { min-height:120px; }
 & .rkb-transfer-plan-panel .rkb-budget-heading { color:var(--op-teal); font-size:13px; }
 & .rkb-transfer-plan-panel > .rkb-budget-values { grid-column:1; grid-row:2; }
 & .rkb-transfer-plan-panel > .rkb-field-help { grid-column:2; grid-row:2; max-width:240px; align-self:center; }
 & .rkb-section-actions { display:flex; align-items:center; gap:6px; margin-left:auto; }
 & .rkb-section-actions .btn { height:28px; min-height:28px; padding:3px 6px; }
 & .rkb-section-actions .rkb-anchored-popover-trigger { padding:0; }
 & .rkb-field-pending { color:var(--op-amber); font-size:12px; }
 & .rkb-toolbar-related-link { margin-left:16px; font-size:12px; }
 & .rkb-invoice-context-three .rkb-context-grid-record { grid-template-columns:minmax(250px,320px) minmax(250px,320px) minmax(240px,1fr); }
 & .rkb-invoice-context-three .rkb-record-facts { grid-template-columns:minmax(0,1fr); }
 & .rkb-invoice-context-three .rkb-record-facts > div { grid-template-columns:102px minmax(0,1fr); }
 & .rkb-bill-check-grid { display:grid; grid-template-columns:minmax(520px,640px) minmax(230px,1fr) minmax(250px,1fr); max-width:1400px; gap:16px; align-items:start; }
 & .rkb-check-section { min-width:0; grid-column:auto; grid-row:auto; }
 & .rkb-finance-panel { container-type:inline-size; container-name:invoice-workspace; }
 & .rkb-bill-context-grid { grid-template-columns:minmax(200px,1fr) minmax(260px,1.1fr) minmax(270px,1.1fr) minmax(150px,1fr) minmax(230px,1fr); gap:16px; }
 & .rkb-bill-context-grid .rkb-form-section > header { flex-wrap:nowrap; gap:6px; }
 & .rkb-bill-context-grid .rkb-section-icon { flex:0 0 24px; width:24px; }
 & .rkb-bill-context-grid .rkb-form-section > header h2 { min-width:0; }
 & .rkb-bill-context-grid .rkb-record-facts { grid-template-columns:minmax(0,1fr); }
 & .rkb-bill-context-grid .rkb-record-facts > div { grid-template-columns:92px minmax(0,1fr); }
 & .rkb-bill-context-grid .rkb-examination-section { padding-left:0; border-left:0; }
 & .rkb-bill-context-grid .rkb-section-heading { min-height:32px; margin-bottom:8px; }
 & .rkb-bill-context-grid .rkb-examination-facts { gap:4px; }
 & .rkb-finance-panel > .rkb-companion-workspace { margin-top:12px; }
 & .rkb-finance-panel .rkb-comparison-main { width:100%; max-width:740px; }
 & .rkb-comparison-main .rkb-invoice-comparison { min-width:500px; }
 & .rkb-bill-money-field { display:flex; align-items:center; gap:4px; min-width:0; }
 & .rkb-bill-money-field > input.form-control:not([type=checkbox]):not([type=radio]) { flex:1 1 0; min-width:0; width:100%; height:28px; min-height:28px; padding:3px 5px; text-align:right; border:1px dotted var(--op-border); background:transparent; }
 & .rkb-bill-money-field > .form-control:focus { border-style:solid; border-color:var(--op-blue); }
 & .rkb-invoice-comparison .rkb-comparison-subtotal > :is(th,td) { background:#edf2f7; font-weight:600; border-top:1px solid var(--op-border); border-bottom:2px solid var(--op-border); }
 & .rkb-comparison-adjustment-label > .rkb-action-control { margin-left:auto; }
 & .rkb-dialog-context-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; padding:0 0 12px; border-bottom:1px solid var(--op-border); }
 & .rkb-dialog-context-summary > .rkb-compact-reference { flex:1 1 270px; margin:0; gap:4px 12px; }
 & .rkb-dialog-context-summary > .rkb-summary-strip { margin:0; }
 & .rkb-adjustment-workspace .rkb-dialog-context-summary { align-items:flex-start; flex-direction:column; gap:8px; padding-bottom:8px; }
 & .rkb-adjustment-workspace .rkb-dialog-context-summary > .rkb-compact-reference { flex:none; font:400 13px/20px var(--erp-font); }
 & .rkb-adjustment-table-toolbar { margin-bottom:8px; }
 & .rkb-adjustment-table-toolbar > .rkb-detail-toolbar-actions { margin-left:auto; }
 & .rkb-inline-cell-actions { display:flex; align-items:center; gap:4px; flex-wrap:nowrap; }
 & .rkb-table-entry-details > td { white-space:normal; overflow:visible; }
 & .rkb-table-entry-details .rkb-inline-entry-support { justify-content:flex-start; align-items:start; }
 & .rkb-table-entry-details .rkb-inline-entry-support > .rkb-inset-control { flex:1 1 240px; width:auto; min-width:180px; margin:0; }
 & .rkb-table-entry-details .rkb-support-evidence { flex:0 1 210px; min-width:180px; margin:0; }
 & .rkb-table-entry-details .rkb-inline-entry-support > .invalid-feedback { flex-basis:100%; }
 & .rkb-checked-review { display:grid; gap:12px; }
 & .rkb-review-status-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
 & .rkb-review-status-list li { display:flex; align-items:center; gap:8px; }
 & .rkb-review-status-list .status-badge { min-width:100px; }

 & .rkb-check-section .rkb-section-heading { min-height:36px; padding:5px 8px; margin:0 0 12px; border-radius:4px; background:var(--op-blue-soft); }
 & .rkb-check-section .rkb-section-heading:has([data-tone=teal]) { background:var(--op-teal-soft); }
 & .rkb-check-section .rkb-section-heading:has([data-tone=violet]) { background:var(--op-violet-soft); }
 & .rkb-bill-check-grid .rkb-invoice-comparison { min-width:520px; width:100%; }
 & .rkb-bill-check-grid .rkb-invoice-comparison :is(th,td) { padding:5px 8px; }
 & .rkb-bill-check-grid .rkb-invoice-comparison th:first-child { width:25%; }
 & .rkb-bill-check-grid .rkb-payable-breakdown { padding-left:16px; border-left:1px solid var(--op-border); border-top:0; }
 & .rkb-examination-section { padding-left:16px; border-left:1px solid var(--op-border); }
 & .rkb-examination-facts { display:grid; gap:8px; margin:0; }
 & .rkb-examination-facts > div { display:grid; grid-template-columns:minmax(90px,1fr) minmax(0,1.1fr); align-items:baseline; gap:8px; }
 & .rkb-examination-facts :is(dt,dd) { margin:0; font:400 12px/20px "Segoe UI",Arial,sans-serif; }
 & .rkb-examination-facts dt { color:#617084; }
 & .rkb-check-section-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
 & .rkb-check-section-actions .btn { white-space:normal; }
 & .rkb-check-section .rkb-check-lock { margin:12px 0 0; }
 & .rkb-invoice-difference-note { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; }
 & .rkb-examination-section .rkb-popover-document { padding:10px 0 0; margin-top:12px; border-top:1px solid var(--op-border); font-size:12px; }
 & .rkb-hold-summary { display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; margin-top:8px; font:400 12px/20px var(--erp-font); }
 & .rkb-hold-summary > .rkb-inline-reference { min-width:0; max-width:100%; }
 & .rkb-hold-note { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:180px; }
 & .rkb-hold-summary .rkb-heading-help { flex:none; }
}
@container bill-review (max-width:1150px) {
 body:has(.page.rkb-operational-ui) {
  & .rkb-bill-check-grid { grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); }
  & .rkb-bill-check-grid .rkb-comparison-main { grid-column:1; grid-row:1/3; }
  & .rkb-bill-check-grid .rkb-payable-breakdown { grid-column:2; grid-row:1; }
  & .rkb-bill-check-grid .rkb-examination-section { grid-column:2; grid-row:2; }
 }
}
@container bill-review (max-width:900px) {
 body:has(.page.rkb-operational-ui) {
  & .rkb-bill-check-grid { grid-template-columns:minmax(0,1fr); }
  & .rkb-bill-check-grid :is(.rkb-comparison-main,.rkb-payable-breakdown,.rkb-examination-section) { grid-column:auto; grid-row:auto; }
  & .rkb-bill-check-grid :is(.rkb-payable-breakdown,.rkb-examination-section) { border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
 }
}
@container record-context (max-width:1000px) {
 body:has(.page.rkb-operational-ui) .rkb-invoice-context-three .rkb-context-grid-record { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.page.rkb-operational-ui) .rkb-invoice-context-three .rkb-context-grid-record > section:last-child { grid-column:1/-1; border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
}
@container record-context (max-width:680px) {
 body:has(.page.rkb-operational-ui) .rkb-invoice-context-three .rkb-context-grid-record { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-invoice-context-three .rkb-context-grid-record > section + section { grid-column:1/-1; border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
}
@media(max-width:640px) {
 body:has(.page.rkb-operational-ui) .rkb-transfer-plan-panel > :is(.rkb-budget-values,.rkb-field-help) { grid-column:1; grid-row:auto; }
}
/* Short status labels stay on one line, including user-resized columns. */
body:has(.page.rkb-operational-ui) .status-badge {
 max-width:100%; min-width:0; box-sizing:border-box; height:auto;
 white-space:nowrap; overflow-wrap:normal; text-align:center;
}
body:has(.page.rkb-operational-ui) span.status-badge { display:inline-block; overflow:hidden; text-overflow:ellipsis; }
/* Invoice adjustments share one review dialog and a compact inline entry form. */
body:has(.page.rkb-operational-ui) .rkb-adjustment-workspace { container:adjustment-review / inline-size; display:grid; grid-template-columns:minmax(0,1fr); gap:12px; min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-workspace > * { min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-dual-pane .rkb-summary-action-toolbar { min-height:55px; box-sizing:border-box; }
/* Related references are one bounded toolbar group, separate from table management. */
body:has(.page.rkb-operational-ui) .rkb-inline-reference-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-reference-action-group { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-reference-action-group > :is(button,a) { flex:none; }
body:has(.page.rkb-operational-ui) .rkb-fieldset-plain { border:0; padding:0; margin:0; min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-context-grid .rkb-form-section > header > .btn { min-height:26px; height:26px; padding:2px 7px; margin-left:auto; font-size:12px; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-row-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px 12px; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-comparison-row th small { display:block; font-weight:400; color:var(--erp-muted); }
body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:12px; border:1px solid var(--op-border); border-radius:4px; background:var(--erp-surface,#fff); }
body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip > div { min-width:0; }
body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip dt { font:400 12px/18px var(--erp-font); color:var(--erp-muted); margin-bottom:4px; }
body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip dd { font:500 14px/20px var(--erp-font); font-variant-numeric:tabular-nums; margin:0; overflow-wrap:anywhere; }
body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip > div:last-child dd { color:#147568; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-editor { display:grid; gap:12px; min-width:0; padding:12px; margin-bottom:12px; background:#f6fafb; border:1px solid #cbdde0; border-radius:4px; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-editor fieldset { min-width:0; border:0; padding:0; margin:0; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-editor .rkb-upload-dropzone { margin-top:12px; min-height:72px; padding:12px; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-editor .rkb-dialog-actions { margin:0; padding-top:0; border:0; }
body:has(.page.rkb-operational-ui) .rkb-adjustment-editor > .rkb-section-heading { margin:0; }
body:has(.page.rkb-operational-ui) .rkb-info-dialog .rkb-adjustment-editor > .rkb-dialog-actions { padding:0; }
/* Width follows the information: bounded facts, flexible notes, compact totals. */
body:has(.page.rkb-operational-ui) {
 & .rkb-context-grid.rkb-transfer-route-editor { grid-template-columns:minmax(320px,620px) minmax(220px,1fr); }
 & .rkb-info-dialog .rkb-context-grid.rkb-transfer-route-editor { grid-template-columns:minmax(0,1fr); }
 & .rkb-status-trigger { display:inline-flex; align-items:center; gap:4px; min-height:24px; padding:2px 6px; border:1px solid transparent; font:400 12px/18px var(--erp-font); }
 & .rkb-status-trigger svg { width:13px; height:13px; }
 & .rkb-context-grid .rkb-link-button svg { width:14px; height:14px; vertical-align:middle; }
 & .rkb-context-grid .rkb-link-button:has(svg) { display:inline-flex; align-items:center; gap:4px; }
 & .rkb-planning-overview { --plan-color:var(--op-blue); --plan-soft:var(--op-blue-soft); }
 & .rkb-planning-overview[data-plan-tone=teal] { --plan-color:var(--op-teal); --plan-soft:var(--op-teal-soft); }
 & .rkb-planning-overview[data-plan-tone=amber] { --plan-color:var(--op-amber); --plan-soft:var(--op-amber-soft); }
 & .rkb-planning-overview :is(.rkb-budget-panel,.rkb-transfer-plan-panel) { border-left-color:var(--plan-color); background:var(--plan-soft); }
 & .rkb-planning-overview :is(.rkb-budget-heading,.rkb-budget-heading label) { color:var(--plan-color); }
 & .rkb-inline-entry-support { display:flex; align-items:start; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; margin-top:8px; }
 & .rkb-inline-entry-support > .rkb-support-evidence { flex:1 1 320px; max-width:560px; }
 & .rkb-inline-entry-support > .rkb-dialog-actions { padding:0; margin:0; border:0; }
 & .rkb-support-evidence > summary { cursor:pointer; display:flex; align-items:center; gap:6px; color:var(--op-blue); font-size:12px; }
 & .rkb-support-evidence > summary svg { width:16px; height:16px; }
 & .rkb-support-evidence label { display:grid; gap:4px; margin-top:8px; font-size:12px; }
 & .rkb-inline-entry-support .rkb-upload-dropzone { min-height:64px; padding:8px; margin-top:8px; }
 & .rkb-credit-entry-grid { grid-template-columns:190px minmax(0,1fr); gap:8px 12px; }
 & .rkb-credit-workspace[data-entry-active=true] > :is(.rkb-summary-action-toolbar,.rkb-credit-empty-note,.rkb-credit-ledger,.rkb-column-chooser-control-row) { display:none; }
 & .rkb-adjustment-editor { gap:8px; padding:10px; margin-bottom:0; }
 & .rkb-adjustment-editor .rkb-upload-dropzone { min-height:64px; padding:8px; margin-top:8px; }
 & .rkb-accounting-entry-context { display:grid; grid-template-columns:minmax(380px,680px) minmax(260px,1fr); gap:16px; margin:12px 0 16px; }
 & .rkb-accounting-entry-context .rkb-form-section { min-width:0; margin:0; padding:0; }
 & .rkb-accounting-entry-context .rkb-form-section > header { justify-content:flex-start; }
 & .rkb-accounting-entry-context .rkb-form-section + .rkb-form-section { padding-left:16px; border-left:1px solid var(--op-border); }
 & .rkb-accounting-entry-context .rkb-entry-fields-account { display:grid; grid-template-columns:160px minmax(0,1fr); gap:8px 12px; padding:0; margin:0; max-width:none; }
 & .rkb-accounting-entry-context .rkb-entry-source { grid-column:2; grid-row:1/3; }
 & .rkb-accounting-entry-context .rkb-entry-source .selected-parent { margin:0; }
 & .rkb-accounting-entry-context textarea { min-height:96px; }
 & .rkb-preparation-state { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; padding:10px 12px; font-size:12px; }
 & .rkb-preparation-state > a { margin-left:auto; }
 & .rkb-worksheet-product-search { max-width:560px; margin:0 0 12px; }
 & .rkb-row-action-group { display:flex; align-items:center; gap:6px; }
 & .rkb-row-action-group .rkb-icon-button { width:28px; min-height:28px; height:28px; padding:4px; }
 & .rkb-pending-file { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
 & .rkb-process-checklist { padding-left:20px; display:grid; gap:8px; margin:12px 0; font-size:13px; }
}
@media(max-width:1100px) {
 body:has(.page.rkb-operational-ui) .rkb-accounting-entry-context { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-accounting-entry-context .rkb-form-section + .rkb-form-section { border-left:0; border-top:1px solid var(--op-border); padding:12px 0 0; }
}
@container record-context (max-width:680px) {
 body:has(.page.rkb-operational-ui) .rkb-context-grid.rkb-transfer-route-editor { grid-template-columns:minmax(0,1fr); }
}
@container adjustment-review (max-width:580px) {
 body:has(.page.rkb-operational-ui) .rkb-financial-summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body:has(.page.rkb-operational-ui) .rkb-adjustment-editor .two-column-form { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-adjustment-editor .form-span-2 { grid-column:auto; }
}
/* Dialog titles form one level above their ordinary 13px section headings. */
body:has(.page.rkb-operational-ui) :is(dialog.rkb-record-dialog,dialog.rkb-info-dialog,dialog.rkb-styled-workspace,.rkb-modal) > header :is(h2,.rkb-heading-label) { font:600 16px/22px var(--erp-font); letter-spacing:0; }

/* Entry headers share bounded facts, useful notes and an adjacent amount summary. */
body:has(.page.rkb-operational-ui) .rkb-record-workspace {
 & .rkb-field-caption { display:flex; align-items:center; gap:5px; min-height:20px; }
 & .rkb-field-caption label { margin:0; }
 & .rkb-editor-field { display:grid; gap:5px; min-width:0; }
 & .rkb-help-button { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border:0; padding:0; background:transparent; color:var(--op-blue); font:400 15px/1 var(--erp-font); border-radius:4px; }
 & .rkb-help-button:hover { background:var(--op-blue-soft); }
 & .rkb-help-button:focus-visible { outline:1px solid var(--op-blue); outline-offset:1px; }
 & .rkb-accounting-entry-context.rkb-accounting-context-three { grid-template-columns:minmax(200px,280px) minmax(200px,1fr) minmax(190px,220px); gap:16px; margin:0 0 16px; }
 & .rkb-accounting-context-three > :is(.rkb-form-section,.rkb-record-summary-card) { min-width:0; padding:0; margin:0; border:0; border-radius:0; background:none; box-shadow:none; }
 & .rkb-accounting-context-three > :is(.rkb-form-section,.rkb-record-summary-card) + :is(.rkb-form-section,.rkb-record-summary-card) { padding:0 0 0 16px; border-left:1px solid var(--op-border); border-top:0; }
 & .rkb-accounting-context-three .rkb-entry-fields { display:grid; grid-template-columns:1fr; gap:8px; padding:0; margin:0; }
 & .rkb-accounting-context-three .rkb-entry-source { grid-column:auto; grid-row:auto; }
 & .rkb-accounting-context-three .rkb-record-facts { grid-template-columns:1fr; gap:6px; margin:0; }
 & .rkb-accounting-context-three .rkb-field-help { margin:8px 0 0; }
 & .rkb-accounting-context-three textarea { width:100%; min-height:96px; }
 & .rkb-accounting-context-three .rkb-record-summary-card h2 { min-height:36px; padding:5px 8px; margin:0 0 10px; }
 & .rkb-accounting-context-three .rkb-record-summary-card dl { display:grid; grid-template-columns:1fr; gap:8px; }
 & .rkb-accounting-context-three .rkb-record-summary-card dl > div { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
 & .rkb-accounting-context-three .rkb-record-summary-card dd { text-align:right; margin:0; white-space:normal; }
 & .rkb-accounting-context-three .rkb-record-summary-card .rkb-summary-field { display:grid; gap:5px; }
 & .rkb-accounting-context-three .rkb-record-summary-card .rkb-summary-total { padding-top:8px; border-top:1px solid var(--op-border); }
 & .rkb-accounting-context-three .rkb-summary-field dd { white-space:normal; }
 & .rkb-entry-table-toolbar > .rkb-detail-toolbar-actions:first-child { margin-left:0; }
 & .rkb-accounting-context-three .rkb-transfer-details-column .form-grid { grid-template-columns:1fr; gap:8px; }
 & .rkb-accounting-context-three .rkb-transfer-details-column .rkb-form-section + .rkb-form-section { padding:0; border:0; }
 & .rkb-journal-reference { display:grid; gap:8px; padding-top:10px; margin-top:12px; border-top:1px solid var(--op-border); }
 & .rkb-journal-reference > div { display:grid; gap:3px; min-width:0; }
 & .rkb-journal-reference strong { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
 & .rkb-journal-reference small { font-size:12px; color:var(--erp-muted); }
 & .rkb-journal-reference > a { justify-self:start; }
 & .coa-access-grid { gap:12px; margin-top:12px; }
 & .coa-access-options > label { padding:7px 9px; font-size:13px; }
 & .coa-access-options strong { font-weight:500; }
}
@container detail-pane (max-width:760px) {
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-accounting-entry-context.rkb-accounting-context-three { grid-template-columns:minmax(0,1fr); }
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-accounting-context-three > :is(.rkb-form-section,.rkb-record-summary-card) + :is(.rkb-form-section,.rkb-record-summary-card) { padding:12px 0 0; border-left:0; border-top:1px solid var(--op-border); }
 body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-accounting-context-three .rkb-record-summary-card dl { display:flex; flex-wrap:wrap; gap:12px 24px; }
}

/* Consolidated owner roles also apply to owned top-layer and portal surfaces. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  --erp-font:"Segoe UI",Arial,sans-serif;
  --erp-font-numeric:var(--erp-font);
  --erp-type-value:13px; --erp-leading-value:20px;
  --erp-type-action:13px; --erp-type-action-sm:13px; --erp-leading-action-sm:18px;
  --erp-type-table:13px; --erp-type-table-compact:13px;
  --erp-type-table-heading:12px; --erp-leading-table-heading:18px;
  --erp-control-height:34px; --erp-control-height-sm:34px;
  --erp-type-nav:13px; --erp-type-nav-child:13px;
  & :is(.rkb-shared-popover,.rkb-column-chooser-popover,.rkb-filter-popover,.rkb-record-dialog,.rkb-confirm-dialog,.rkb-modal,.rkb-search-select-options) { font-family:var(--erp-font); color:var(--erp-text); }
  & :is(.rkb-shared-popover,.rkb-record-dialog,.rkb-confirm-dialog,.rkb-modal) { font-size:13px; line-height:20px; }
  & :is(.btn,.rkb-row-action-list button,.rkb-column-chooser-popover button) { font-family:var(--erp-font); letter-spacing:0; }
  & :is(.rkb-record-dialog,.rkb-confirm-dialog,.rkb-modal,.rkb-shared-popover) :is(input,select,textarea) { font-family:var(--erp-font); font-size:13px; }
  & :is(.erp-table,.rkb-data-table) > tbody > tr > td { height:36px; box-sizing:border-box; }
  & :is(.rkb-item-table,[data-rkb-density=dense]) > tbody > tr > td { height:34px; }
  & :is(.rkb-shared-popover,.rkb-record-dialog,.rkb-confirm-dialog) :is(.rkb-field-help,small):not(.text-danger):not(.invalid-feedback):not([role=alert]) { font-size:12px; line-height:18px; color:var(--erp-muted); }
  & .rkb-help-section p { font:400 14px/20px var(--erp-font); color:var(--erp-text); }
  & .rkb-help-section h3 { font:600 13px/20px var(--erp-font); letter-spacing:0; color:var(--erp-text); }
  & .rkb-confirm-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
  & .rkb-confirm-header h2 { font:600 16px/22px var(--erp-font); letter-spacing:0; margin:0; }
  & .rkb-confirm-header .rkb-icon-button { flex:none; }
  & .rkb-confirm-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
  & :is(.rkb-confirm-header,.rkb-filter-popover-header,.rkb-row-action-trigger,.rkb-close-button) .rkb-toolbar-label svg { width:18px; height:18px; }
  & .rkb-close-button { display:inline-flex; align-items:center; justify-content:center; }
  & .rkb-info-dialog-header p { margin:4px 0 0; }
  & .rkb-information-inline { display:flex; align-items:center; gap:6px; min-width:0; }
  & .rkb-information-inline > .rkb-popover-control { flex:none; }
  & .rkb-info-dialog-body .rkb-form-section { min-width:0; }
  & :is(input,textarea)[readonly] { color:var(--erp-text); background:var(--erp-surface-soft); }
  & :is(input,textarea,select)::placeholder { color:#68778d; opacity:1; }
  & :is(.numeric-cell,.text-end) .table-sort-button { justify-content:flex-end; }
  & :is(.rkb-upload-dropzone,.rkb-dropzone) { color:var(--erp-text); }
  & .rkb-upload-dropzone:focus-within { border-color:var(--op-action); outline:0; box-shadow:none; }
  & .rkb-upload-dropzone input:focus-visible { outline:0; }
  & .rkb-upload-dropzone.is-busy { cursor:progress; }
  & :is(.rkb-upload-dropzone.is-busy,.rkb-upload-dropzone:has(input:disabled)) { color:var(--erp-muted); background:var(--erp-surface-soft); }
  & :is(.rkb-document-preview,.rkb-attachment-preview,.rkb-image-preview) img { object-fit:contain; max-width:100%; }
 }
}
@media (prefers-reduced-motion:reduce) {
 .rkb-operational-ui :is(button,a,input,select,textarea,.status-badge,.panel) { transition:none; animation:none; }
}

/* Ignore the subpixel edge of an otherwise fitting table. Genuine overflow keeps local scrolling. */
@media screen {
 .rkb-operational-ui .rkb-table-wrap.fits-without-horizontal-scroll { overflow-x:hidden; }
 body:has(.page.rkb-operational-ui) .rkb-price-review-dialog .rkb-entry-table-toolbar { justify-content:flex-end; gap:8px; }
 body:has(.page.rkb-operational-ui) .rkb-column-chooser-popover > .rkb-filter-popover-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; }
}

@media screen {
 .rkb-transfer-auth-dialog { width:min(980px,calc(100vw - 32px)); }
 .rkb-transfer-auth-shell .login-panel { width:min(980px,calc(100vw - 32px)); max-width:none; }
 .rkb-transfer-auth-grid { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:20px; }
 .rkb-transfer-auth-grid > .rkb-form-section { min-width:0; }
 .rkb-dispatch-facts { display:flex; flex-wrap:wrap; gap:8px 20px; margin:12px 0; }
 .rkb-dispatch-facts > div { display:flex; gap:6px; }
 .rkb-dispatch-facts dt { font-size:12px; font-weight:400; color:var(--erp-muted); }
 .rkb-dispatch-facts dd { margin:0; font-size:13px; }
 .rkb-dispatch-items { max-height:320px; overflow:auto; }
 .rkb-dispatch-items thead { position:sticky; top:0; z-index:1; background:var(--erp-surface-soft); }
 .rkb-transfer-auth-dialog .rkb-form-section > header { margin:0; }
 .rkb-transfer-auth-dialog .rkb-dialog-actions { margin-top:16px; }
 @media(max-width:760px){.rkb-transfer-auth-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.rkb-dispatch-items{max-height:240px;} }
}

/* Batch dispatch uses the same verification-beside-document composition as
   single dispatch. Keep the form and summary readable without taller rows. */
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid { grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:20px; align-items:start; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid > .rkb-form-section { min-width:0; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid .rkb-form-stack { gap:12px; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid form > .rkb-dialog-actions { margin-top:16px; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid .rkb-summary-strip { margin:2px 0 12px; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid .rkb-register-scroll { max-height:min(48dvh,420px); overflow:auto; }
dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid .rkb-register-scroll thead { position:sticky; top:0; z-index:2; }
@media(max-width:1100px){
 dialog.rkb-transfer-batch-dispatch-dialog .rkb-transfer-batch-auth-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
}

@media screen {
 body:has(.page.rkb-operational-ui) .rkb-record-dialog.rkb-transfer-dispatch-dialog { width:min(980px,calc(100vw - 32px)); max-width:980px; }
 body:has(.page.rkb-operational-ui) .rkb-transfer-dispatch-dialog .rkb-record-facts { margin:12px 0; }
 body:has(.page.rkb-operational-ui) .rkb-dispatch-actor { color:var(--op-blue); font-weight:600; }
}

@media screen {
 body:has(.page.rkb-operational-ui) .rkb-tab-heading:not(:has(.rkb-close-button)) .rkb-tab-heading-copy:has(.rkb-header-metadata:not(:empty)) { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
 body:has(.page.rkb-operational-ui) .rkb-tab-heading:not(:has(.rkb-close-button)) .rkb-header-metadata { margin:0; font:400 12px/18px var(--erp-font); color:var(--erp-muted); }
}

@media screen {
 body:has(.page.rkb-operational-ui) :is(button,a,summary):focus-visible { box-shadow:none; outline:2px solid var(--op-action); outline-offset:2px; }
}

/* Owner refinement: table metrics, captions and edit affordances share one geometry. */
@media screen {
 .rkb-operational-ui .rkb-table-foundation tr.rkb-row-discrepancy > td { background-color:#fff8e9; }
 .rkb-operational-ui .rkb-table-foundation tr.rkb-row-discrepancy:is(.selected,[aria-selected=true]) > td { background-color:#eaf1fc; }
 .rkb-operational-ui .rkb-receipt-observation-history { margin-top:12px; }
 .rkb-operational-ui .rkb-receipt-observation-history > summary { color:var(--op-blue); cursor:pointer; font:500 13px/20px var(--erp-font); }
 .rkb-operational-ui .rkb-form-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 @media(max-width:600px){.rkb-operational-ui .rkb-form-pair {grid-template-columns:minmax(0,1fr);}}
}
@media screen {
 .rkb-operational-ui :is(.rkb-line-summary,.product-result-range) {
  display:inline-flex; align-items:center; flex-wrap:wrap; gap:0; max-width:100%;
  min-height:30px; padding:4px 0; border:1px solid var(--op-border); border-radius:5px;
  background:#fff; color:var(--erp-text-secondary); font:400 13px/20px var(--erp-font);
 }
 .rkb-operational-ui .rkb-line-summary > :is(span,strong,div) {
  display:inline-flex; align-items:center; gap:5px; margin:0; padding:0 10px;
  border:0; white-space:normal; min-width:0;
 }
 .rkb-operational-ui .rkb-line-summary > :is(span,strong,div)+:is(span,strong,div) { border-left:1px solid var(--op-border); }
 .rkb-operational-ui :is(.rkb-line-summary,.product-result-range) strong { color:var(--erp-text); font:500 13px/20px var(--erp-font); }
 .rkb-operational-ui .product-result-range { padding:4px 10px; }
 .rkb-operational-ui .rkb-summary-action-toolbar { gap:8px 16px; padding:0; border:0; margin:0 0 12px; }
 .rkb-operational-ui .rkb-document-checklist > .rkb-summary-action-toolbar { margin-bottom:0; }
 .rkb-operational-ui .rkb-dual-pane .rkb-line-summary { gap:0; }
 .rkb-operational-ui .rkb-summary-strip { width:fit-content; }
 .rkb-operational-ui .rkb-summary-strip .rkb-heading-help { width:20px; height:20px; min-height:20px; padding:0; }
 .rkb-operational-ui .po-line-cancelled td:is([data-column="ACTION"],[data-column="INFO"]) { display:table-cell; text-decoration:none; }
 .rkb-operational-ui .po-line-cancelled :is(.status-badge,.rkb-inline-reference) { white-space:nowrap; }
 .rkb-operational-ui .rkb-info-dialog-body > .rkb-summary-action-toolbar { margin:0; }
 .rkb-operational-ui .rkb-review-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0; }
 .rkb-operational-ui .rkb-review-controls .rkb-review-pager { margin-left:auto; }
 .rkb-operational-ui .rkb-inset-control { position:relative; display:flex; align-items:stretch; min-width:0; margin:0; gap:0; }
 .rkb-operational-ui .rkb-inset-control > .rkb-filter-field-label {
  position:absolute; top:-6px; left:8px; z-index:1; padding:0 3px; background:#fff;
  color:var(--erp-text-secondary); font:400 11px/12px var(--erp-font);
 }
 .rkb-operational-ui .rkb-inset-control :is(.form-select,.form-control,.rkb-date-text) { height:34px; min-height:34px; padding-top:7px; padding-bottom:3px; font:400 13px/20px var(--erp-font); }
 .rkb-operational-ui .rkb-inset-control .rkb-date-input { min-width:0; width:100%; }
 .rkb-operational-ui .rkb-report-date-range:has(.rkb-inset-control) { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-top:2px; }
 .rkb-operational-ui .rkb-report-date-range > .rkb-inset-control { flex:0 1 150px; }
 .rkb-operational-ui td[data-rkb-editable=true] { position:relative; }
 .rkb-operational-ui td[data-rkb-editable=true]::after {
  content:""; position:absolute; inset:auto 8px 4px; border-bottom:1px dotted #8399b5;
  pointer-events:none; z-index:1;
 }
 .rkb-operational-ui td[data-rkb-editable=true]:focus-visible { outline:1px solid var(--op-action); outline-offset:-1px; }
 .rkb-operational-ui :is(.po-inline-editable,.rkb-cell-input):not([readonly]):not(:disabled) { border-bottom-style:dotted; border-bottom-width:1px; }
 .rkb-operational-ui .rkb-check-all { display:inline-flex; align-items:center; gap:5px; margin:0; white-space:nowrap; cursor:pointer; }
 .rkb-operational-ui .rkb-check-all input { width:14px; height:14px; margin:0; accent-color:var(--op-action); }
 .rkb-operational-ui .po-row-control-cell > .rkb-receiving-check-controls { display:inline-flex; align-items:center; gap:4px; margin:0; vertical-align:middle; overflow:visible; }
 .rkb-operational-ui .rkb-receiving-check-controls .rkb-item-check { display:inline-flex; justify-content:center; width:20px; min-width:20px; height:24px; min-height:24px; padding:0; margin:0; flex:none; }
 .rkb-operational-ui .rkb-receiving-check-controls .rkb-item-check input { width:14px; height:14px; margin:0; flex:none; }
 .rkb-operational-ui .rkb-receiving-check-controls .rkb-row-number { min-width:2ch; }
 .rkb-operational-ui .rkb-readiness-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
 .rkb-operational-ui .rkb-readiness-breakdown { display:grid; gap:8px; min-width:240px; }
 .rkb-operational-ui .rkb-readiness-breakdown button { text-align:left; }
 .rkb-operational-ui .rkb-table-totals [data-rkb-total-caption] { font:500 12px/16px var(--erp-font); white-space:normal; overflow-wrap:normal; }
 .rkb-operational-ui .rkb-table-totals [data-rkb-total-caption]:not([hidden]) { display:block; text-align:right; }
 .rkb-operational-ui .rkb-table-totals td:has([data-rkb-total-caption]:not([hidden])) { text-align:right; }
 .rkb-operational-ui .rkb-deduction { color:#b42332; }
 body:has(.page.rkb-operational-ui) .text-warning { color:var(--op-amber,#875e18)!important; }
 .rkb-operational-ui .rkb-line-summary strong.rkb-deduction { color:#b42332; }
 body:has(.page.rkb-operational-ui) .rkb-adjustment-row-actions { gap:6px; max-width:100%; }
 body:has(.page.rkb-operational-ui) .rkb-adjustment-row-actions .btn { min-width:0; max-width:100%; white-space:normal; text-align:center; }
 body:has(.page.rkb-operational-ui) .rkb-invoice-comparison th .rkb-heading-help { vertical-align:middle; }
}

@media screen {
 .rkb-operational-ui .product-filter-footer > span:first-child:not(.product-result-range) {
  display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; padding:4px 10px;
  min-height:30px; border:1px solid var(--op-border); border-radius:5px;
  font:400 13px/20px var(--erp-font); color:var(--erp-text-secondary); background:#fff;
 }
 body:has(.page.rkb-operational-ui) .rkb-table-wrap td :is(input.form-control,select.form-select,input.po-inline-editable,input[data-rkb-money],input[data-rkb-quantity]):not([readonly]):not(:disabled):not([type=checkbox]) { border-bottom:1px dotted #8399b5; }
 :is(.rkb-operational-ui,dialog.rkb-info-dialog-table) .rkb-table-foundation tr:is(.rkb-table-editor-row,.po-inline-editor-row,.rkb-inline-editor) > td { padding-block:3px!important; vertical-align:middle; }
 :is(.rkb-operational-ui,dialog.rkb-info-dialog-table) .rkb-table-foundation tr:is(.rkb-table-editor-row,.po-inline-editor-row,.rkb-inline-editor) :is(input:not([type=checkbox]):not([type=radio]),select,.btn,.rkb-search-select-input) { min-height:28px; height:28px; padding-block:3px; }
 :is(.rkb-operational-ui,dialog.rkb-info-dialog-table) .rkb-table-foundation tr:is(.rkb-table-editor-row,.po-inline-editor-row,.rkb-inline-editor) .rkb-inline-edit-actions > button { min-height:28px; height:28px; }
 .rkb-operational-ui .rkb-report-date-range > label:has(> span:first-child) { position:relative; display:flex; align-items:center; margin:0; }
 .rkb-operational-ui .rkb-report-date-range > label > span:first-child { position:absolute; top:-6px; left:8px; z-index:1; padding:0 3px; background:#fff; font:400 11px/12px var(--erp-font); }
 .rkb-operational-ui .rkb-report-date-range > label :is(.form-control,.form-select,.rkb-date-text) { height:34px; min-height:34px; }
}

@media screen {
 .rkb-operational-ui .rkb-summary-strip.rkb-summary-operational { background:var(--op-blue-soft,#f2f6fd); border-color:#cbdaf1; }
 .rkb-operational-ui .rkb-summary-strip.rkb-summary-financial { background:var(--op-teal-soft,#edf7f3); border-color:#c9e2db; }
}

/* Shared state and field composition. Does not reserve rows or change table geometry. */
@media screen {
 body:has(.rkb-operational-ui) :is(.rkb-empty-state,.product-tab-empty,.empty-state.compact-empty:not(td)) {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  width:100%; min-height:0; max-width:100%; margin:6px 0; padding:16px 12px;
  border:1px dashed var(--erp-border,#d6dde6); border-radius:5px;
  background:var(--erp-surface-soft,#f8fafc); text-align:center;
  color:var(--erp-text,#26384d); font:400 13px/20px var(--erp-font,"Segoe UI",Arial,sans-serif);
 }
 body:has(.rkb-operational-ui) .rkb-empty-state .rkb-empty-title { font:500 13px/20px var(--erp-font); margin:0; }
 body:has(.rkb-operational-ui) .rkb-empty-state .rkb-empty-title>strong { font:inherit; }
 body:has(.rkb-operational-ui) .rkb-empty-state.is-compact {min-height:32px;margin:0;padding:5px 8px;border:0;border-radius:0;background:transparent;}
 body:has(.rkb-operational-ui) :is(.rkb-empty-guidance,.empty-state.compact-empty>span) { color:var(--erp-muted,#617084); font:400 12px/18px var(--erp-font); }
 body:has(.rkb-operational-ui) div.rkb-empty-state[data-state=error] { border-color:#dfb4b8; }
 body:has(.rkb-operational-ui) div.rkb-empty-state[data-state=loading] { border-style:solid; }
 .rkb-operational-ui :is(.rkb-line-summary,.product-result-range) { background:var(--op-blue-soft,#f2f6fd); border-color:#cbdaf1; }
 .rkb-operational-ui .rkb-inset-control { align-self:start; margin:4px 0 0; width:100%; }
 .rkb-operational-ui .rkb-detail-toolbar-actions > .rkb-inset-control { width:180px; max-width:100%; flex:0 1 180px; align-self:center; margin:0; }
 .rkb-operational-ui .rkb-inset-control :is(.rkb-search-select,.rkb-date-input) { width:100%; min-width:0; }
 .rkb-operational-ui .rkb-inset-control>textarea.form-control { height:auto; min-height:68px; padding-top:10px; }
 .rkb-operational-ui .rkb-inset-control>.rkb-filter-field-label { z-index:2; pointer-events:none; }
 .rkb-operational-ui .rkb-inset-control>.rkb-filter-field-label:has(label) { display:inline-flex; align-items:center; gap:3px; }
 .rkb-operational-ui .rkb-inset-control>.rkb-filter-field-label>label { margin:0; font:inherit; color:inherit; }
 .rkb-operational-ui .rkb-inset-control>.rkb-filter-field-label :is(.rkb-popover-control,button) { pointer-events:auto; }
 .rkb-operational-ui .rkb-inset-control>.rkb-filter-field-label .rkb-heading-help { width:16px; height:16px; min-height:16px; padding:0; }
 .rkb-operational-ui .rkb-inset-control :is(.rkb-checkbox-label,input[type=checkbox]) { height:auto; }
 .rkb-operational-ui .rkb-inset-control>.rkb-input-with-unit { height:34px; min-height:34px; }
 body:has(.page.rkb-operational-ui) .rkb-inset-control>.rkb-input-with-unit > :is(input.form-control[type=number],select) { height:32px; min-height:32px; }
 .rkb-operational-ui .rkb-inset-control>.rkb-tag-editor { min-height:34px; padding:2px 6px; }
 .rkb-operational-ui .rkb-inset-control>.rkb-tag-editor :is(input,.rkb-tag-add) { height:28px; min-height:28px; }
 .rkb-operational-ui .rkb-upload-dropzone { border-radius:5px; }
 .rkb-operational-ui .rkb-upload-dropzone:hover { outline:0; box-shadow:none; }
 .rkb-operational-ui .rkb-upload-dropzone input:disabled { cursor:not-allowed; }
 .rkb-operational-ui .rkb-dashboard-columns { grid-template-columns:minmax(0,1fr) minmax(280px,380px); }
 .rkb-operational-ui .rkb-dashboard-task-list { grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr)); column-gap:20px; }
 .rkb-operational-ui a.rkb-dashboard-task { gap:12px; padding:8px 0; }
 .rkb-operational-ui .rkb-dashboard .rkb-record-facts { max-width:360px; }
 @container (max-width:950px) { .rkb-operational-ui .rkb-dashboard-columns { grid-template-columns:minmax(0,1fr); } }
}
@container (min-width:951px) {
 .rkb-operational-ui .rkb-dashboard:has(.rkb-dashboard-reports) .rkb-dashboard-columns { grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); }
}
.rkb-operational-ui .rkb-dashboard-reports .rkb-dashboard-task-list { grid-template-columns:minmax(0,1fr); }
.rkb-operational-ui .rkb-dashboard-task-list + .rkb-summary-strip { display:flex; width:fit-content; max-width:100%; margin-top:8px; }

/* Column grip reserves horizontal space only; normal row/header height is unchanged. */
body:has(.rkb-operational-ui) th:has(>.rkb-column-grip),
body:has(.rkb-operational-ui) .rkb-table-reorderable th[data-column]:not([data-column-locked="true"]):not([data-column="select" i],[data-column="action" i],[data-column="actions" i],[data-column="row_control" i],[data-column="control" i],[data-column="expand" i],[data-column="check" i]) { position:relative; padding-left:10px; padding-right:30px; }
body:has(.rkb-operational-ui) .rkb-column-grip { position:absolute; right:9px; top:50%; transform:translateY(-50%); width:16px; height:20px; display:grid; place-items:center; cursor:grab; color:#65758a; opacity:.55; }
body:has(.rkb-operational-ui) .rkb-column-grip svg { width:8px; height:14px; pointer-events:none; }
body:has(.rkb-operational-ui) .rkb-column-grip:is(:hover,:focus-visible) { color:var(--op-blue); opacity:1; }
body:has(.rkb-operational-ui) .rkb-column-grip:active { cursor:grabbing; }
.rkb-operational-ui th.column-drop-target { background:var(--op-blue-soft); box-shadow:inset 3px 0 var(--op-blue); }
.rkb-operational-ui th.column-dragging { opacity:.55; }
.rkb-operational-ui .rkb-upload-dropzone.is-dragover { border-color:var(--op-blue); background:#e8f1ff; }
@keyframes rkb-loading-turn { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){body:has(.page.rkb-operational-ui) .rkb-loading-indicator { animation:none !important; }}
.rkb-operational-ui .rkb-card-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:6px; margin-top:8px; }
.rkb-operational-ui .rkb-read-feedback { display:flex; align-items:center; gap:10px; padding:7px 10px; margin:8px 0; border:1px solid var(--op-border); border-radius:5px; background:var(--op-blue-soft); font:400 13px/20px var(--erp-font); }
.rkb-read-feedback[hidden] { display:none !important; }
.rkb-loading-content { min-width:0; margin:0; padding:0; border:0; }
.rkb-operational-ui .rkb-read-feedback[data-state=error] { background:#fff5f4; border-color:#e3bfc1; }
.rkb-operational-ui .rkb-read-feedback .btn { flex:none; margin-left:auto; }

.rkb-column-drag-preview { position:fixed; z-index:2147483000; pointer-events:none; padding:4px 8px; border:1px solid #b9cdeb; border-radius:4px; background:#eef4ff; color:#234c85; font:500 13px/20px "Segoe UI",Arial,sans-serif; }
body:has(.rkb-operational-ui) .rkb-column-grip {touch-action:none;user-select:none;}

/* Owner feedback cycle: shared references, bounded tags, gallery and clear controls. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  & .rkb-section-actions { display:flex; align-items:center; gap:8px; }
  & .rkb-search-select { position:relative; min-width:0; }
  & .rkb-search-select:has(>.rkb-search-select-clear)>.rkb-search-select-input { padding-right:32px; }
  & .rkb-search-select-clear { position:absolute; right:4px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:4px; color:var(--op-muted,#64748b); background:transparent; font:18px/1 'Segoe UI',sans-serif; z-index:1; }
  & .rkb-search-select-clear:hover { background:#edf3fc; color:#245ca6; }
  & :is(.rkb-reference-search,.rkb-master-create-form,.rkb-master-reference) { position:relative; min-width:0; }
  & .rkb-module-tabs { margin:0 0 10px; border-bottom:1px solid var(--op-border); }
  & .rkb-module-tabs>a { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; color:var(--op-text,#253248); text-decoration:none; border-bottom:3px solid transparent; }
  & .rkb-module-tabs>a.active { color:#245ca6; background:#edf3fc; border-bottom-color:#2864bc; }
  & .rkb-master-create-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; container:master-create / inline-size; }
  & .rkb-master-reference { padding:12px; }
  & .rkb-master-reference-tools { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:10px; }
  & .rkb-master-reference-tools>.rkb-inset-control { flex:1; min-width:140px; }
  & .rkb-master-reference>.rkb-summary-strip { margin-bottom:10px; }
  & .rkb-master-reference .rkb-reference-table { width:100%; table-layout:fixed; }
  & .rkb-reference-table th:first-child { width:25%; }
  & .rkb-reference-table th:last-child { width:85px; }
  & .rkb-reference-table td { overflow-wrap:anywhere; }
  & .rkb-master-create-form .rkb-record-columns { grid-template-columns:minmax(0,1fr); }
  /* The companion pane owns the width; fields and its save bar share the gutter. */
  & .rkb-master-create-form .rkb-master-form { max-width:none; }
  & .rkb-master-create-dialog { width:min(1120px,calc(100vw - 32px)); max-width:none; }
  & .rkb-tag-editor { width:100%; max-width:100%; min-width:0; box-sizing:border-box; overflow:hidden; }
  & .rkb-tag-editor>.filter-chip { min-width:0; max-width:calc(100% - 8px); white-space:normal; overflow-wrap:anywhere; }
  & .rkb-tag-editor>input { flex:1 1 150px; min-width:60px; width:0; max-width:100%; }
  & .rkb-tag-editor>.rkb-search-select { flex:1 1 150px; min-width:60px; width:0; max-width:100%; }
  & .rkb-tag-editor>.rkb-search-select>.rkb-search-select-input { width:100%; min-width:0; border:0; background:transparent; box-shadow:none; }
  & .rkb-tag-editor>.rkb-tag-add { margin-left:0; display:grid; place-items:center; padding:0; }
  & .rkb-overview-grid .rkb-reference-heading { display:flex; align-items:center; margin:0; min-height:36px; box-sizing:border-box; padding:5px 8px; border:0; border-radius:4px; background:var(--op-blue-soft,#f2f6fc); }
  & .rkb-overview-grid .rkb-product-context>div { grid-template-columns:minmax(105px,max-content) minmax(0,1fr); gap:10px; }
  & .rkb-overview-grid .rkb-fact-strip { gap:10px; }
  & .rkb-file-gallery { position:relative; min-width:0; }
  & .rkb-file-gallery.has-files>.rkb-upload-dropzone { position:absolute; inset:0; z-index:3; visibility:hidden; pointer-events:none; margin:0; }
  & .rkb-file-gallery.has-files.is-dragover>.rkb-upload-dropzone { visibility:visible; pointer-events:auto; background:#edf4ffed; border:2px dotted #386fc0; }
  & .rkb-image-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(95px,1fr)); gap:8px; }
  & .rkb-image-thumbnail { min-width:0; max-width:150px; padding:4px; border:1px solid var(--op-border); border-radius:5px; background:#fff; color:inherit; text-align:left; }
  & .rkb-image-thumbnail img { display:block; width:100%; height:95px; object-fit:contain; }
  & .rkb-image-thumbnail span { display:block; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  & .rkb-upload-dropzone.rkb-upload-compact { width:34px; height:34px; min-height:34px; margin:0; padding:6px; display:grid; place-items:center; border:1px solid var(--op-border); border-radius:5px; }
  & .rkb-upload-compact>strong,& .rkb-upload-compact>span { display:none; }
  & .rkb-upload-compact>svg { width:18px; height:18px; margin:0; }
  & .rkb-product-documents { margin-top:12px; }
  & .rkb-product-documents .rkb-file-list { display:grid; gap:6px; }
  & .rkb-image-preview { width:min(1040px,calc(100vw - 40px)); max-width:calc(100vw - 40px); }
  & .rkb-image-preview>img { display:block; width:100%; height:min(640px,65dvh); object-fit:contain; margin:auto; }
  & .rkb-editor-reference .rkb-product-context { grid-template-columns:minmax(0,1fr); }
  & .rkb-editor-reference .rkb-product-context>div { grid-template-columns:minmax(105px,max-content) minmax(0,1fr); gap:10px; }
  & .rkb-image-preview::backdrop { background:#142133b3; }
  & .product-column-heading { min-width:0; }
  & .product-column-heading>.product-column-label { min-width:0; flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; }
  & .product-column-heading>.product-sort-indicator { flex:0 0 18px; margin-right:4px; opacity:1; }
  & :is(.rkb-toast,.transient-message-success,.transient-message-info,.transient-message-warning) { position:fixed; top:var(--rkb-feedback-top,68px); bottom:auto; left:var(--rkb-feedback-left,50%); right:auto; transform:translateX(-50%); z-index:3000; display:flex; align-items:center; gap:8px; width:max-content; max-width:min(560px,var(--rkb-feedback-width,calc(100vw - 32px))); margin:0; padding:9px 12px; font:400 13px/20px 'Segoe UI',sans-serif; background:#eaf2ff; border:1px solid #a9c5eb; color:#183e72; border-radius:5px; box-shadow:0 3px 12px #18354f26; }
  & :is(.rkb-toast,.transient-message) .rkb-toolbar-label { flex:none; }
  & :is(.rkb-toast,.transient-message)[hidden] { display:none!important; }
  & :is(.rkb-toast,.transient-message) button { flex:none; color:inherit; }
  & .transient-message-warning { background:#fff5df; border-color:#d5b16a; color:#745013; }
  & :is(.rkb-toast[data-tone=success],.transient-message-success) { background:#eaf5f0; border-color:#9dcbbb; color:#245c49; }
  & dialog :is(.rkb-toast,.transient-message-success,.transient-message-info,.transient-message-warning) { position:sticky; top:0; left:auto; transform:none; margin:0 auto 8px; max-width:100%; }
  & .transient-message-error { display:flex; align-items:flex-start; gap:8px; padding:8px 12px; font:400 13px/20px 'Segoe UI',sans-serif; }
  & .rkb-read-feedback[hidden] { display:none; }
  & .rkb-read-feedback-floating { position:fixed; top:var(--rkb-feedback-top,72px); left:var(--rkb-feedback-left,50%); transform:translateX(-50%); z-index:1100; width:max-content; max-width:min(var(--rkb-feedback-width,calc(100vw - 32px)),620px); margin:0; padding:10px 16px; border-color:#8aabd8; background:#e4eefb; color:#244f8a; font-weight:600; box-shadow:0 4px 16px #18283d30; }
  & .rkb-loading-indicator { flex:0 0 18px; width:18px; height:18px; border:2px solid #a9bedb; border-top-color:#285ba6; border-radius:50%; animation:rkb-loading-turn .8s linear infinite; }
  & .rkb-plan-route-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
  & .rkb-plan-route-toolbar>.rkb-inset-control { width:240px; max-width:100%; margin:0; }
  & .product-search-actions>.rkb-toolbar-inset { flex:0 0 220px; width:220px; max-width:100%; margin:0; }
  & .rkb-transfer-planning-context { margin:0 0 10px; }
  & .rkb-transfer-route-overview { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
  & .rkb-transfer-route-overview>.rkb-summary-strip { width:auto; max-width:100%; margin:0; }
  & .rkb-transfer-route-overview>.rkb-popover-control { flex:none; }
  & .rkb-transfer-route-popover { box-sizing:border-box; width:min(520px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:min(65vh,560px); overflow:auto; }
  & .rkb-transfer-route-popover>.rkb-filter-popover-header { position:sticky; top:0; z-index:1; box-sizing:border-box; min-height:36px; flex:none; background:var(--erp-surface,#fff); }
  & .rkb-planning-context-links { display:grid; gap:4px; margin:6px 0; }
  & .rkb-planning-context-links>a { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:4px 8px; border:1px solid var(--op-border); border-radius:4px; text-decoration:none; }
  & .rkb-planning-context-links>a>strong { min-width:120px; }
  & .rkb-route-line-summary { flex-basis:100%; color:var(--erp-text-secondary); font:400 12px/18px var(--erp-font); }
 }
}
@media(max-width:1050px){body:has(.page.rkb-operational-ui) .rkb-master-create-layout{grid-template-columns:minmax(0,1fr);}body:has(.page.rkb-operational-ui) .rkb-master-create-form{grid-row:1;}}
@media screen{body:has(.page.rkb-operational-ui){
 & .rkb-plan-supplier-entry{display:flex;gap:6px;align-items:center;min-width:0;}
 & .rkb-plan-supplier-entry>.rkb-inset-control{flex:1;min-width:0;}
 & .rkb-plan-supplier-state{display:grid;place-items:center;flex:0 0 18px;color:#956b25;}
 & .rkb-plan-suppliers>.rkb-plan-destination{margin:0;display:block;}
}}
@media screen{body:has(.page.rkb-operational-ui){
 & .rkb-master-reference-tools>.rkb-inset-control{width:auto;max-width:none;flex:1 1 0;}
 & .rkb-reference-table th:last-child{width:110px;}
 & .rkb-audit-human-value{white-space:pre-line;overflow-wrap:anywhere;}
 & .rkb-audit-compact-value{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;}
 & .rkb-audit-value-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 & .rkb-audit-compact-value>.rkb-popover-control{flex-shrink:0;}
 & .rkb-audit-raw{display:block;color:var(--erp-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font:12px/18px var(--erp-font);}
 & .rkb-audit-pair{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;}
 & .rkb-price-review-dialog{width:min(920px,calc(100vw - 32px));}
 & .rkb-price-review-dialog > .rkb-tab-heading{margin-bottom:10px;padding-bottom:8px;}
 & .rkb-price-review-dialog > .rkb-tab-heading > .rkb-tab-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;}
 & .rkb-price-review-dialog > .rkb-tab-heading .rkb-header-metadata{margin-left:36px;min-width:0;overflow-wrap:anywhere;font:400 12px/18px var(--erp-font);color:var(--erp-muted);}
 & .rkb-price-review-dialog .rkb-price-review-context{margin-bottom:8px;min-width:0;}
 & .rkb-price-review-dialog .rkb-editor-price-pair{display:flex;flex-wrap:wrap;gap:0;margin:0;border:1px solid var(--erp-border,#d7e1ed);border-radius:4px;background:#f5f8fc;}
 & .rkb-price-review-dialog .rkb-editor-price-pair > div{min-width:150px;padding:5px 10px;}
 & .rkb-price-review-dialog .rkb-editor-price-pair dt{line-height:17px;}
 & .rkb-price-review-dialog .rkb-editor-price-pair dd{margin-top:1px;line-height:21px;}
 & .rkb-price-review-dialog .rkb-tier-suggestion{padding:8px 0;}
 & .rkb-price-review-table td{padding-block:4px;}
 & .rkb-price-review-table td small{font-size:12px;}
 & .rkb-price-review-table .form-control{width:100%;}
}}
@media screen{body:has(.page.rkb-operational-ui){
 & .rkb-search-clear{flex:0 0 26px;display:grid;place-items:center;align-self:center;width:26px;height:26px;padding:0;border:0;border-radius:4px;background:transparent;color:#64748b;font:18px/1 'Segoe UI',sans-serif;}
 & .rkb-search-clear:hover{color:#245ca6;background:#edf3fc;}
 & .rkb-tag-display{display:flex;min-width:0;max-width:100%;}
 & .rkb-tag-display>.filter-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
}}
body:has(.page.rkb-operational-ui) .rkb-product-image{min-width:0;max-width:150px;} body:has(.page.rkb-operational-ui) .rkb-media-retire-dialog{width:440px;} body:has(.page.rkb-operational-ui) .rkb-media-retire-dialog>.rkb-inset-control{margin-block:10px;}
body:has(.page.rkb-operational-ui) .rkb-plan-supplier-entry>.rkb-inset-control{margin:0;}
body:has(.page.rkb-operational-ui) .rkb-reference-search{flex:1 1 0;width:100%;} body:has(.page.rkb-operational-ui) .rkb-reference-search>input{width:100%;max-width:none;} body:has(.page.rkb-operational-ui) .rkb-master-reference .rkb-table-wrap{max-height:min(65dvh,680px);overflow:auto;} body:has(.page.rkb-operational-ui) .rkb-reference-table thead th{position:sticky;top:0;z-index:1;background:var(--erp-table-header-bg,#edf3fc);}

/* Equivalent workspace controls share one owner, including native top-layer dialogs. */
@media screen {
 body:has(.page.rkb-operational-ui) {
  --rkb-results-bg:#f2f6fd; --rkb-results-border:#cbdaf1;
  & .product-detail-tabs { display:flex; align-items:stretch; gap:2px; margin:0; padding:0; min-width:0; border-bottom:1px solid var(--op-border); background:#fff; overflow-x:auto; }
  & :is(.product-detail-tabs > :is(button,a),.product-detail-tabs > .rkb-action-control > button) { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:38px; margin:0; padding:7px 12px; border:0; border-bottom:2px solid transparent; border-radius:0; white-space:nowrap; font:400 13px/20px var(--erp-font); color:var(--erp-text-secondary); background:transparent; }
  & :is(.product-detail-tabs > :is(button,a),.product-detail-tabs > .rkb-action-control > button):is(.active,[aria-selected=true]) { background:var(--op-selected); border-bottom-color:var(--op-action); color:#194c9d; font-weight:600; }
  & :is(.product-detail-tabs > :is(button,a),.product-detail-tabs > .rkb-action-control > button) svg { width:16px; height:16px; flex:none; }
  & .rkb-module-tabs { margin:0 0 12px; }
  & :is(.product-master-page,.rkb-register-workspace,.rkb-list-editor-list)>.rkb-module-tabs { margin-bottom:0; }
  & .product-detail-tab-card>.rkb-module-tabs { margin-bottom:0; }
  & .rkb-module-tabs+.product-detail-tab-content, & .rkb-dual-pane { padding-top:12px; }
  & .rkb-dual-toolbar { align-items:stretch; }
  & .rkb-dual-toolbar > .product-detail-tabs { border-bottom:0; }
  & .rkb-dual-controls { align-self:center; padding:2px 12px; }
  & .rkb-dual-controls>.rkb-inset-control { margin:0; }
  & .rkb-filter-workspace-tabs { margin-bottom:10px; }
  & :is(.rkb-filter-workspace-tabs > :is(button,a),.rkb-filter-workspace-tabs > .rkb-action-control > button) { min-height:32px; padding:5px 12px; }
  & :is(.rkb-line-summary,.product-result-range,.product-filter-footer>span:first-child:not(:empty)):not(.rkb-summary-financial) { background:var(--rkb-results-bg); border-color:var(--rkb-results-border); color:var(--erp-text-secondary); font:400 13px/20px var(--erp-font); }
  & :is(.rkb-line-summary,.product-result-range):not(.rkb-summary-financial) strong { color:var(--erp-text); font:500 13px/20px var(--erp-font); }
  & .rkb-line-summary > :is(span,strong,div)+:is(span,strong,div) { border-left-color:var(--rkb-results-border); }
  & :is(.rkb-section-edit,.rkb-section-secondary,.rkb-form-section>header button:has(>.rkb-toolbar-label[data-icon=edit]),.rkb-tab-heading button:has(>.rkb-toolbar-label[data-icon=edit])) { background:#fff; color:var(--rkb-section-action-color,var(--op-blue)); border:1px solid var(--rkb-section-action-border,#bccbdf); border-radius:4px; box-shadow:none; height:28px; min-height:28px; min-width:28px; padding:var(--rkb-section-edit-padding,3px 6px); font:400 12px/20px var(--erp-font); }
  & :is(.rkb-section-edit,.rkb-section-secondary,.rkb-form-section>header button:has(>.rkb-toolbar-label[data-icon=edit]),.rkb-tab-heading button:has(>.rkb-toolbar-label[data-icon=edit])):hover:not(:disabled) { background:#edf3fc; border-color:var(--op-blue); }
  & :is(.rkb-section-edit,.rkb-section-secondary,.rkb-form-section>header button:has(>.rkb-toolbar-label[data-icon=edit]),.rkb-tab-heading button:has(>.rkb-toolbar-label[data-icon=edit])):focus-visible { outline:1px solid var(--op-blue); outline-offset:2px; box-shadow:none; }
  & :is(.rkb-section-edit,.rkb-section-secondary,.rkb-form-section>header button:has(>.rkb-toolbar-label[data-icon=edit]),.rkb-tab-heading button:has(>.rkb-toolbar-label[data-icon=edit])):disabled { opacity:.5; }
  & th[data-column=CODE] :is(.product-column-label,.table-sort-button) { white-space:nowrap; overflow-wrap:normal; }
  & .rkb-stock-controls { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; margin:0 0 12px; padding-top:2px; }
  & .rkb-stock-controls>.rkb-inset-control { flex:0 0 142px; margin:0; }
  & .rkb-product-image { position:relative; }
  & button.rkb-image-remove { position:absolute; top:4px; right:4px; z-index:1; display:grid; place-items:center; width:28px; height:28px; min-height:28px; padding:4px; border:1px solid #bec9d7; border-radius:4px; background:#fff; color:#52637a; }
  & button.rkb-image-remove:hover:not(:disabled) { background:#fff1f2; border-color:#bc4653; color:#a62e3b; }
  & button.rkb-image-remove:disabled { opacity:.5; }
  & button.rkb-image-main { height:28px; min-height:28px; padding:3px 5px; font:400 12px/18px var(--erp-font); }
  & .rkb-upload-dropzone.rkb-upload-compact { width:28px; height:28px; min-height:28px; padding:4px; }
  & .rkb-upload-dropzone.rkb-upload-compact.rkb-upload-compact-labelled { width:100%; height:34px; min-height:34px; box-sizing:border-box; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:7px; padding:5px 9px; text-align:left; overflow:hidden; }
  & .rkb-upload-dropzone.rkb-upload-compact-labelled>svg { flex:0 0 17px; width:17px; height:17px; }
  & .rkb-upload-dropzone.rkb-upload-compact-labelled>strong { display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font:600 12px/18px var(--erp-font); }
  & .rkb-audit-changes { min-width:0; position:relative; padding-right:20px; }
  & .rkb-audit-changes>.rkb-popover-control { position:absolute; top:0; right:0; }
  & :is(.rkb-audit-change-head,.rkb-audit-change-row) { display:grid; grid-template-columns:minmax(90px,.85fr) repeat(2,minmax(100px,1fr)); gap:8px; }
  & .rkb-audit-change-head { color:var(--erp-muted); font:400 12px/18px var(--erp-font); margin-bottom:3px; }
  & .rkb-audit-change-row { font:400 13px/20px var(--erp-font); padding-block:2px; }
  & .rkb-audit-change-row>span { min-width:0; white-space:pre-line; overflow-wrap:break-word; }
  & .rkb-audit-changes details>summary { color:var(--op-blue); font:400 12px/18px var(--erp-font); cursor:pointer; }
 }
}

/* Attribution timestamps remain separate from the responsible name in detail and dialog facts. */
.rkb-operational-ui .rkb-record-facts dd > small { display:block; color:var(--erp-muted); font-size:12px; line-height:18px; }

/* Inline editor focus is local; the shared row band and dotted idle cue remain separate. */
.rkb-operational-ui .rkb-table-foundation :is(.po-inline-editable,.rkb-cell-input):focus {
 border:1px solid #245fbd !important; outline:0; box-shadow:none !important;
}

/* Bounded destination selectors are shared by operational review toolbars. */
.rkb-styled-workspace .rkb-review-controls .rkb-destination-control { flex: 0 1 240px; width: 240px; max-width: 100%; }

/* Shared table-review dialogs retain actions while their owned body/table scrolls. */
dialog.rkb-info-dialog-table[open] { display:flex; flex-direction:column; overflow:hidden; width:min(var(--rkb-dialog-max-width,1220px),calc(100vw - 32px)); }
dialog.rkb-info-dialog-table > :is(.rkb-info-dialog-header,.rkb-dialog-actions) { flex:none; }
dialog.rkb-info-dialog-table > .rkb-info-dialog-body { min-height:0; overflow:auto; }
dialog.rkb-info-dialog-table .rkb-info-dialog-body > .rkb-table-wrap { flex:0 1 auto; min-height:0; max-height:min(44dvh,420px); overflow:auto; }
dialog.rkb-info-dialog-table .rkb-info-dialog-body > .rkb-table-wrap > table > thead { position:sticky; top:0; z-index:2; }
/* Explicit owned scrolling for nested review tables; retain reasons and actions. */
dialog.rkb-info-dialog-table .rkb-review-table-scroll { min-height:0; max-height:min(44dvh,420px); overflow:auto; }
dialog.rkb-info-dialog-table .rkb-review-table-scroll > table > thead { position:sticky; top:0; z-index:2; }
/* A searchable chooser ahead of form fields owns a shorter scroll region. */
dialog.rkb-info-dialog-table .rkb-modal-chooser-scroll { max-height:min(28dvh,240px); }
.rkb-review-stack { display:grid; gap:12px; min-width:0; }
fieldset.rkb-review-stack { border:0; padding:0; margin:0; }
.rkb-review-stack .merge-source-chip { border-radius:3px; border-left-width:2px; padding:1px 5px; }

/* Connected selection actions share one compact control and existing popup owner. */
.rkb-selection-actions{display:inline-flex;align-items:stretch;gap:0;height:34px;border:1px solid #bad0f1;border-radius:4px;background:#edf4ff;white-space:nowrap;color:#2359a0;font-size:var(--rkb-font-size,13px)}
.rkb-selection-count{display:flex;align-items:center;padding:0 10px;font-weight:400}.rkb-selection-actions .rkb-selection-clear{height:32px;min-width:28px;padding:0 6px;border:0;border-radius:0;color:#466385;background:transparent;font-size:18px;line-height:1}.rkb-selection-actions>.rkb-popover-control{display:inline-flex;border-left:1px solid #cbdaf0}.rkb-selection-actions>.rkb-popover-control>.btn{height:32px;min-height:32px;min-width:34px;margin:0;border:0;border-radius:0 3px 3px 0;background:#fff}.rkb-selection-actions button:focus-visible{outline:2px solid var(--erp-primary,#2861b5);outline-offset:-2px}.rkb-mat-settings{width:100%;min-width:0;container:mat-settings / inline-size}.rkb-mat-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;margin:10px 0}.rkb-mat-settings-grid>.rkb-form-section:first-child{grid-row:span 2}.rkb-mat-settings-grid .rkb-inset-control{min-width:0}.rkb-mat-settings-grid>.rkb-form-section{padding:0;border:0}.rkb-mat-settings-grid textarea{min-height:110px;resize:vertical}.rkb-mat-settings-grid dd{overflow-wrap:anywhere}.rkb-mat-settings-actions{border-top:1px solid var(--op-border,#d6dde6);padding-top:12px;margin-top:12px}@container mat-settings (max-width:900px){.rkb-mat-settings-grid{grid-template-columns:minmax(0,1fr)}.rkb-mat-settings-grid>.rkb-form-section:first-child{grid-row:auto}}@container mat-settings (max-width:600px){.rkb-mat-settings-grid{grid-template-columns:minmax(0,1fr)}}.rkb-bulk-source{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.rkb-bulk-source .rkb-inset-control{width:min(360px,100%)}@media(max-width:720px){.rkb-mat-settings-grid{grid-template-columns:minmax(0,1fr)}.rkb-mat-settings-grid>.rkb-form-section:first-child{grid-row:auto}}

/* 19 Oct: gallery frame owns its controls; optional header metrics share the toolbar. */
body:has(.page.rkb-operational-ui) .rkb-thumbnail-frame{position:relative;border:1px solid var(--op-border);border-radius:4px;background:#fff;overflow:hidden}
body:has(.page.rkb-operational-ui) .rkb-thumbnail-frame.is-main{border-color:var(--op-teal);box-shadow:inset 0 0 0 1px var(--op-teal)}
body:has(.page.rkb-operational-ui) .rkb-thumbnail-frame .rkb-image-thumbnail{display:block;width:100%;max-width:none;border:0;border-radius:0;padding:3px;background:transparent}
body:has(.page.rkb-operational-ui) .rkb-thumbnail-frame .rkb-image-thumbnail:focus-visible{outline:1px solid var(--op-blue);outline-offset:-3px}
body:has(.page.rkb-operational-ui) .rkb-image-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12px/20px var(--erp-font);color:var(--op-text)}
body:has(.page.rkb-operational-ui) .rkb-image-preview-state{flex:1;min-width:0;font:400 12px/18px var(--erp-font);color:var(--op-blue)}
body:has(.page.rkb-operational-ui) .rkb-image-preview-state p{margin:0}
body:has(.page.rkb-operational-ui) .rkb-tab-heading-copy.rkb-heading-has-summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
body:has(.page.rkb-operational-ui) .rkb-heading-has-summary>.rkb-summary-strip{width:auto;flex:0 1 auto;margin:0;padding:2px 7px;min-height:26px}
body:has(.page.rkb-operational-ui) .rkb-section-secondary{height:28px;min-height:28px;padding:3px 6px;border:1px solid #bccbdf;border-radius:4px;background:#fff;box-shadow:none;font:400 12px/20px var(--erp-font)}
body:has(.page.rkb-operational-ui) .rkb-section-secondary[data-intent="warning"]{--rkb-section-action-color:#935b12;--rkb-section-action-border:#ccb998;color:var(--rkb-section-action-color);border-color:var(--rkb-section-action-border);background:#fff8eb}
body:has(.page.rkb-operational-ui) .rkb-section-secondary[data-intent="positive"]{--rkb-section-action-color:#176b55;color:var(--rkb-section-action-color);border-color:#a6c9bd;background:#eef7f3}
body:has(.page.rkb-operational-ui) .rkb-section-secondary:hover:not(:disabled){background:#f3f6fa;border-color:var(--op-blue)}
body:has(.page.rkb-operational-ui) .rkb-section-secondary:focus-visible{outline:1px solid var(--op-blue);outline-offset:2px}
body:has(.page.rkb-operational-ui) .rkb-section-secondary:disabled{opacity:.55}
/* Refresh remains a secondary action, visibly distinct from column tools. */
body:has(.page.rkb-operational-ui) .rkb-refresh-action{color:#216b5c;border-color:#a6c9bd;background:#eef7f3}
body:has(.page.rkb-operational-ui) .rkb-refresh-action:hover:not(:disabled){color:#185344;border-color:#639d89;background:#e3f1eb}
body:has(.page.rkb-operational-ui) .product-action-menu{gap:4px}
body:has(.page.rkb-operational-ui) .product-action-menu>.btn{border:1px solid #bccbdf;text-align:left}

/* Card editor: one accessible pencil at the card's trailing edge. */
body:has(.page.rkb-operational-ui) .rkb-section-edit-icon{--rkb-section-edit-padding:0px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;margin-left:auto}

/* A list and its create form retain separate DOM/scroll owners while resizing. */
.rkb-operational-ui .rkb-list-editor-workspace { container:list-editor / inline-size; min-width:0; }
.rkb-operational-ui .rkb-list-editor-panes, .rkb-operational-ui .rkb-list-editor-list, .rkb-operational-ui .rkb-list-editor-form { min-width:0; }
.rkb-operational-ui .rkb-list-editor-panes { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }
.rkb-operational-ui .rkb-list-editor-tabs { margin-bottom:10px; }
.rkb-operational-ui .rkb-list-editor-list .rkb-table-wrap { max-height:70dvh; overflow:auto; scrollbar-gutter:stable; }
/* Shared master form composition: the available pane, not the monitor, owns
   card/field wrapping. Short fields stay paired; notes can use the whole row. */
.rkb-master-form { min-width:0; container:master-form / inline-size; }
.rkb-master-form-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.rkb-master-form-sections-single { grid-template-columns:minmax(0,1fr); }
.rkb-master-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.rkb-master-fields > * { min-width:0; }
.rkb-master-form-wide, .rkb-master-fields > :is(.form-span-2,.rkb-span-all) { grid-column:1 / -1; }
.rkb-master-form-sections > .rkb-form-section { padding:0; border:0; }
.rkb-master-form-sections .rkb-form-section > header > .status-badge { margin-left:auto; align-self:center; }
.rkb-master-form-sections .rkb-form-section > header > .rkb-action-control:has(.rkb-section-edit-icon) { margin-left:auto; }
@container master-form (max-width:700px) { .rkb-master-form-sections { grid-template-columns:minmax(0,1fr); } }
@container master-form (max-width:380px) { .rkb-master-fields { grid-template-columns:minmax(0,1fr); } }
.rkb-operational-ui .rkb-list-editor-list thead th { position:sticky; top:0; z-index:2; background:var(--erp-table-header-bg,#edf3fc); }
@container list-editor (min-width:1280px) {
 .rkb-operational-ui .rkb-list-editor-workspace.is-editing > .product-detail-tabs.rkb-list-editor-tabs { display:none; }
 .rkb-operational-ui .is-editing > .rkb-list-editor-panes { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container list-editor (max-width:1279.98px) {
 .rkb-operational-ui .is-editing > [data-active-pane=EDITOR] > .rkb-list-editor-list,
 .rkb-operational-ui .is-editing > [data-active-pane=LIST] > .rkb-list-editor-form { display:none; }
}
.rkb-operational-ui tr.rkb-special-demand > td:first-child { box-shadow:inset 3px 0 var(--op-amber,#b47b20); }
.rkb-operational-ui .rkb-demand-reference { display:inline-flex; gap:5px; align-items:center; }

/* A date owns ten characters, its calendar target and inset caption clearance.
   Parent form grids/toolbars must not give it descriptive-field surplus width. */
@media screen {
 /* The date owns its width, not its parent's flex axis (filter labels are columns). */
 .rkb-operational-ui .rkb-date-input { width:148px; max-width:100%; flex:0 1 auto; height:34px; min-height:34px; }
 .rkb-operational-ui .rkb-date-input > .form-control { height:34px; min-height:34px; }
 .rkb-operational-ui .rkb-date-input > .rkb-date-calendar-trigger { top:1px; bottom:auto; height:32px; }
 .rkb-operational-ui .rkb-date-native-trigger { height:100%; min-height:0; padding:0; border:0; }
 .rkb-operational-ui .rkb-date-native-trigger::-webkit-calendar-picker-indicator { position:absolute; inset:0; width:auto; height:auto; margin:0; padding:0; cursor:pointer; }
 .rkb-operational-ui .rkb-date-calendar-trigger:focus-within { box-shadow:none; }
 .rkb-operational-ui .rkb-date-input:focus-within > .form-control { border-color:var(--erp-primary,#2861b5); box-shadow:none; }
 .rkb-operational-ui .rkb-filter-inset-labels .rkb-date-input { width:148px; max-width:100%; }
 body:has(.page.rkb-operational-ui) .rkb-field-date-pair { display:grid; grid-template-columns:minmax(0,1fr) 148px; align-items:start; gap:12px; }
 body:has(.page.rkb-operational-ui) .rkb-field-quantity-pair { display:grid; grid-template-columns:148px minmax(0,1fr); align-items:center; gap:12px; }
 @media(max-width:480px){body:has(.page.rkb-operational-ui) :is(.rkb-field-date-pair,.rkb-field-quantity-pair){grid-template-columns:minmax(0,1fr);}}
 /* Warning is incomplete/pending work, with readable amber ink rather than pale yellow. */
 body:has(.page.rkb-operational-ui) .btn-outline-warning {
   --bs-btn-color:var(--erp-amber,#92400e); --bs-btn-border-color:#d8b66c;
   --bs-btn-hover-color:var(--erp-amber,#92400e); --bs-btn-hover-bg:var(--erp-amber-soft,#fffbeb); --bs-btn-hover-border-color:#b98935;
   --bs-btn-active-color:var(--erp-amber,#92400e); --bs-btn-active-bg:var(--erp-amber-soft,#fffbeb); --bs-btn-active-border-color:#b98935;
   --bs-btn-disabled-color:var(--erp-amber,#92400e); --bs-btn-disabled-border-color:#d8b66c; --bs-btn-focus-shadow-rgb:146,64,14;
 }
 .rkb-operational-ui .rkb-inset-control:has(> .rkb-date-input,> input[type=date]) {
  width:148px; max-width:100%; min-width:0; flex:0 0 148px; justify-self:start;
 }
 .rkb-operational-ui .rkb-inset-control > input[type=date] { width:148px; max-width:100%; min-width:0; }
 .rkb-operational-ui .rkb-report-date-range > .rkb-inset-control {
  width:max-content; flex:0 0 auto; margin:0;
 }
 .rkb-operational-ui .rkb-report-date-range > .rkb-inset-control:has(> .rkb-date-input) { width:148px; flex-basis:148px; }
 .rkb-operational-ui .rkb-report-date-range { min-width:0; gap:8px; }
 .rkb-operational-ui .rkb-report-date-range > :is(button,a) { flex:none; white-space:nowrap; }
 .rkb-operational-ui .rkb-tab-heading:has(.rkb-report-date-range) { flex-wrap:wrap; align-items:center; }
 .rkb-operational-ui .rkb-tab-heading:has(.rkb-report-date-range) > .product-detail-table-actions { flex:0 1 auto; min-width:0; max-width:100%; margin-left:auto; }
 .rkb-operational-ui .rkb-report-date-range :is(.rkb-date-input > .form-control,select.form-select) { padding-top:7px; padding-bottom:3px; }
 .rkb-operational-ui .rkb-plan-route-toolbar .rkb-inset-control { width:fit-content; flex:0 1 auto; }
}

/* Creation uses RkbToolbarLabel's single plus SVG, including menus and row entry.
   Upload has its own semantic role; it is never inferred from translated text. */
.rkb-toolbar-label[data-icon=add] > svg { flex:none; }
/* Upload/import/OCR are the same muted file-action family. Reports are a
   separate navigation family. Infer roles from the shared symbol, never text. */
body:has(.rkb-operational-ui) {
 --erp-file-action:#315e54; --erp-file-action-hover:#24493f;
 --erp-report-action:#556381; --erp-report-action-hover:#3f4d6a;
}
body:has(.rkb-operational-ui) .btn:is(.rkb-upload-action,:has(>.rkb-toolbar-label:is([data-icon=upload],[data-icon=import],[data-icon=ocr]))) {
 background:var(--erp-file-action);border-color:var(--erp-file-action);color:#fff;
}
body:has(.rkb-operational-ui) .btn:is(.rkb-upload-action,:has(>.rkb-toolbar-label:is([data-icon=upload],[data-icon=import],[data-icon=ocr]))):hover:not(:disabled) {
 background:var(--erp-file-action-hover);border-color:var(--erp-file-action-hover);color:#fff;
}
body:has(.rkb-operational-ui) .btn:has(>.rkb-toolbar-label[data-icon=reports]) {
 background:var(--erp-report-action);border-color:var(--erp-report-action);color:#fff;
}
body:has(.rkb-operational-ui) .btn:has(>.rkb-toolbar-label[data-icon=reports]):hover:not(:disabled) {
 background:var(--erp-report-action-hover);border-color:var(--erp-report-action-hover);color:#fff;
}
body:has(.rkb-operational-ui) .btn:is(.rkb-upload-action,:has(>.rkb-toolbar-label:is([data-icon=upload],[data-icon=import],[data-icon=ocr],[data-icon=reports]))):focus-visible {
 outline:2px solid var(--op-blue);outline-offset:2px;box-shadow:none;
}
body:has(.rkb-operational-ui) .btn:is(.rkb-upload-action,:has(>.rkb-toolbar-label:is([data-icon=upload],[data-icon=import],[data-icon=ocr],[data-icon=reports]))):disabled {
 background:#edf0f4;border-color:var(--op-border,#d6dde6);color:#6c798a;opacity:1;
}
body:has(.rkb-operational-ui) .rkb-upload-dropzone[data-upload-tone=teal] { border-color:#a5c8c1; background:var(--op-teal-soft,#edf7f3); }
body:has(.rkb-operational-ui) .rkb-upload-dropzone[data-upload-tone=teal] > svg { color:var(--op-teal,#216f65); }
body:has(.rkb-operational-ui) .rkb-upload-dropzone[data-upload-tone=teal]:is(:hover,:focus-within,.is-dragover) { border-color:var(--op-teal,#216f65); background:#e4f2ed; outline:0; box-shadow:none; }
body:has(.rkb-operational-ui) .rkb-upload-dropzone[data-upload-tone=teal]:has(input:focus-visible) { outline:0; border-style:solid; border-color:var(--op-teal,#216f65); box-shadow:none; }
body:has(.rkb-operational-ui) .rkb-upload-dropzone[data-upload-tone=teal]:has(input:disabled) { background:var(--erp-surface-soft,#f8fafc); border-color:var(--op-border,#d6dde6); color:var(--erp-muted,#617084); cursor:not-allowed; }
body:has(.page.rkb-operational-ui) .rkb-file-gallery.has-files.is-dragover > .rkb-upload-dropzone[data-upload-tone=teal] { background:#e4f2eded; border-color:var(--op-teal,#216f65); }

/* Shared bill comparison: source amounts stay under their monetary column. */
.rkb-operational-ui .rkb-comparison-heading { display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.rkb-operational-ui th[scope=row] > .rkb-comparison-heading { justify-content:flex-start; white-space:nowrap; }
.rkb-operational-ui .rkb-comparison-heading > .btn { width:24px; height:24px; min-height:24px; padding:0; flex:none; }
.rkb-operational-ui .rkb-invoice-amount-review { min-width:560px; }
.rkb-operational-ui .rkb-invoice-amount-review col.comparison-label,
.rkb-operational-ui .rkb-invoice-amount-review th:first-child { width:34%; }
.rkb-operational-ui .rkb-comparison-adjustment-label > .rkb-action-control { margin-left:0; min-width:0; }
.rkb-operational-ui .rkb-invoice-adjustment-action { display:inline-flex; align-items:center; justify-content:center; max-width:100%; height:26px; min-height:26px; padding:2px 6px; font:500 12px/20px var(--erp-font); white-space:nowrap; }
.rkb-operational-ui .rkb-bill-compare-actions { margin-top:8px; }
.rkb-operational-ui .rkb-invoice-comparison .rkb-heading-help { width:22px; height:22px; min-height:22px; padding:0; }
.rkb-operational-ui .rkb-comparison-source { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; margin-top:6px; font-size:12px; color:var(--erp-muted,#617084); }
.rkb-operational-ui .rkb-comparison-source strong { font-weight:500; color:var(--erp-text,#172033); font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-comparison-source strong.rkb-value-match { color:var(--op-teal,#216f65); }
.rkb-operational-ui .rkb-comparison-source strong.rkb-value-difference { color:#9b4f12; }
.rkb-operational-ui .rkb-comparison-source strong.rkb-deduction { color:#b42332; }
.rkb-operational-ui .rkb-comparison-total :is(th,td) { border-top:1px solid var(--op-border,#d6dde6); font-weight:600; }
/* Structural controls retain their target in saved narrow order/number cells. */
.erp-table :is(th,td):is([data-column="NO"],[data-column="ORDER"]):has(input[type="checkbox"],.rkb-drag-handle){padding-inline:6px;text-overflow:clip;}

.rkb-operational-ui .rkb-detail-heading {display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;}
.rkb-operational-ui .rkb-purchasing-name-switch{flex:none;min-height:30px;border:1px solid var(--op-border,#d6dde6);background:#f5f7fa;padding:2px;border-radius:4px}
.rkb-operational-ui .rkb-purchasing-name-switch button{min-height:24px;padding:2px 9px;font:500 12px/20px var(--erp-font,"Segoe UI",sans-serif)}
.rkb-operational-ui .rkb-purchasing-name-switch button:focus-visible{outline:2px solid var(--op-blue,#2865b6);outline-offset:1px}
.rkb-operational-ui .rkb-purchasing-item-name{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--erp-text,#172033)}
.rkb-operational-ui .rkb-purchasing-item-name.is-fallback{color:#66758a;font-weight:400}
.rkb-operational-ui .rkb-purchasing-item-name.is-editable{cursor:text;text-decoration:underline dotted #8ba5c9;text-underline-offset:3px}
.rkb-operational-ui .rkb-purchasing-item-name.is-editable:focus-visible{outline:2px solid #2865b6;outline-offset:2px;border-radius:2px}
.rkb-operational-ui td:has(.rkb-purchasing-name-editor){position:relative;overflow:visible}
.rkb-operational-ui .rkb-purchasing-name-editor{position:absolute;top:0;left:0;z-index:60;display:grid;gap:5px;width:min(360px,calc(100vw - 52px));padding:8px;border:1px solid #a8bdd8;border-radius:5px;background:#fff;box-shadow:0 8px 20px #233b5a26;font:12px/1.35 "Segoe UI",sans-serif;text-align:left;white-space:normal}
.rkb-operational-ui .rkb-purchasing-name-editor .rkb-purchasing-name-context{color:#546479;font-weight:500}
.rkb-operational-ui .rkb-purchasing-name-editor .rkb-purchasing-name-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:5px}
.rkb-operational-ui .rkb-purchasing-name-editor .form-control,.rkb-operational-ui .rkb-purchasing-name-editor .form-select{height:30px;min-height:30px;font:12px/1.2 "Segoe UI",sans-serif}
.rkb-operational-ui .rkb-purchasing-name-editor .rkb-purchasing-name-editor-actions{display:flex;justify-content:flex-end;gap:6px}
.rkb-operational-ui .rkb-purchasing-name-editor .rkb-field-error{color:#a73535}
@media(max-width:650px){.rkb-operational-ui .rkb-purchasing-name-editor .rkb-purchasing-name-fields{grid-template-columns:minmax(0,1fr)}}
body:has(.page.rkb-operational-ui) .rkb-table-foundation :is(th,td):is([data-column="ACTION" i],[data-column="ACTIONS" i],[data-column="AKSI" i]) {padding-inline:4px;text-align:center;text-overflow:clip;}
/* Column controls keep one square geometry in page toolbars and in dialogs
   rendered outside the .rkb-operational-ui page subtree. */
body :is(.rkb-column-chooser-button,button:has(> .rkb-toolbar-label[data-icon="columns-reset"] > .visually-hidden)) {box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:3px;display:inline-flex;align-items:center;justify-content:center;flex:none;}
/* Register pager arrows share the compact square target of adjacent icon
   controls; the page number itself remains a readable text target. */
body:has(.page.rkb-operational-ui) .product-pager .product-page-arrow {box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;}
/* Product tabs share one compact icon target for filter, refresh and columns. */
.product-master-page .product-search-main-row :is(button,a):not(.rkb-heading-help):has(> .rkb-toolbar-label > .visually-hidden) {box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;padding:3px;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.product-master-page .product-search-main-row button:has(> .rkb-toolbar-label[data-icon="filter"] > .rkb-toolbar-count) {width:32px;min-width:32px;padding:3px;}
/* The same compact icon controls appear in detail search rows and companion
   workspaces; a popover trigger has one wrapper between the row and button. */
body:has(.page.rkb-operational-ui) .rkb-compact-search .product-search-actions > button:has(> .rkb-toolbar-label > .visually-hidden),
body:has(.page.rkb-operational-ui) .rkb-compact-search .product-search-actions > .rkb-popover-control > button:has(> .rkb-toolbar-label > .visually-hidden),
body:has(.page.rkb-operational-ui) .rkb-compact-search > button:has(> .rkb-toolbar-label > .visually-hidden),
body:has(.page.rkb-operational-ui) .rkb-compact-search > .rkb-popover-control > button:has(> .rkb-toolbar-label > .visually-hidden) {
  box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;
  padding:3px;display:inline-flex;align-items:center;justify-content:center;flex:none;
}
body:has(.page.rkb-operational-ui) .rkb-compact-search .product-search-actions > .rkb-popover-control > button:has(> .rkb-toolbar-label[data-icon="filter"] > .rkb-toolbar-count),
body:has(.page.rkb-operational-ui) .rkb-compact-search > .rkb-popover-control > button:has(> .rkb-toolbar-label[data-icon="filter"] > .rkb-toolbar-count) {
  width:32px;min-width:32px;padding:3px;
}
/* Filter counts float at the icon corner. They do not widen the trigger or
   move the filter glyph away from the center of its 32px toolbar target. */
body .rkb-popover-control > button:has(> .rkb-toolbar-label[data-icon="filter"] > .visually-hidden):has(> .rkb-toolbar-label > .rkb-toolbar-count) {
  box-sizing:border-box;width:32px;min-width:32px;height:32px;min-height:32px;
  padding:3px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;
}
body .rkb-toolbar-label[data-icon="filter"]:has(> .rkb-toolbar-count) {
  width:16px;height:16px;gap:0;justify-content:center;
}
body .rkb-toolbar-label[data-icon="filter"] > .rkb-toolbar-count {
  position:absolute;top:-7px;right:-6px;z-index:1;pointer-events:none;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:15px;height:15px;padding:0 3px;border:1px solid #fff;
  border-radius:8px;background:#dceafe;color:#174777;
  font:650 10px/1 "Segoe UI",sans-serif;
}
/* Operational filter sections own the popover width. Nested field grids should
   divide that width once, so two dates retain their text and calendar trigger. */
.rkb-operational-filter .product-advanced-filter-grid { grid-template-columns:minmax(0,1fr); }
.rkb-operational-filter .rkb-filter-section-fields > :is(.rkb-filter-fields,.rkb-field-error) { grid-column:1/-1; }
.rkb-operational-filter .rkb-filter-section-fields > .rkb-field-error { margin:2px 0 0; }
.rkb-table-foundation .rkb-split-quantity-editor .invalid-feedback { white-space:normal; line-height:1.2; font-size:11px; margin-top:2px; }
body:has(.page.rkb-operational-ui) .rkb-table-foundation .rkb-split-quantity-editor input.form-control.is-invalid:focus { border-color:#b42318; }

/* Shared register composition: the whole selection group owns the middle slot.
   At reduced width it wraps deliberately, never over the summary or pager. */
.rkb-operational-ui .rkb-register-toolbar .product-filter-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 12px}
.rkb-operational-ui .rkb-register-toolbar .product-selection-slot{justify-self:center;display:flex;align-items:center;justify-content:center}
.rkb-operational-ui .rkb-register-controls{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.rkb-operational-ui .rkb-register-toolbar .rkb-summary-strip{flex-wrap:wrap;max-width:100%}
.rkb-operational-ui .rkb-filter-date-pair{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1;align-items:center}
.rkb-operational-ui .rkb-filter-date-pair>.rkb-inset-control{flex:0 1 148px;width:148px;min-width:130px}
.rkb-operational-ui .rkb-filter-section-grouped{grid-column:1/-1;min-width:0}
@media(max-width:1200px){.rkb-operational-ui .rkb-register-toolbar .product-filter-footer{grid-template-columns:minmax(0,1fr) auto}.rkb-operational-ui .rkb-register-toolbar .product-selection-slot:not(:empty){grid-column:1/-1;grid-row:2}.rkb-operational-ui .rkb-register-controls{grid-column:2;grid-row:1}}
@media(max-width:640px){.rkb-operational-ui .rkb-register-toolbar .product-filter-footer{display:flex}.rkb-operational-ui .rkb-register-toolbar .product-selection-slot:not(:empty){flex:1 0 100%;order:3}.rkb-operational-ui .rkb-register-controls{margin-left:auto}}

.rkb-operational-ui .rkb-change-reason.is-compact{display:flex;align-items:start;gap:6px;min-width:0}.rkb-operational-ui .rkb-change-reason.is-compact>.form-select{flex:0 1 180px;min-width:100px;margin:0}.rkb-operational-ui .rkb-change-reason.is-compact>:is(input,textarea){flex:1 1 160px;min-width:100px;margin:0}.rkb-operational-ui td .rkb-change-reason.is-compact>.form-select{flex-basis:110px}
/* A reason editor owns its inset field; generic short-control widths must not
   squeeze its explanation. Only multiline forms may wrap; table cues stay compact. */
.rkb-operational-ui .rkb-inset-control>.rkb-change-reason{flex:1 1 auto;width:100%;max-width:100%}
.rkb-operational-ui .rkb-change-reason.is-compact.is-multiline{flex-wrap:wrap}
.rkb-operational-ui .rkb-change-reason.is-compact.is-multiline>textarea{flex-basis:240px}

/* Independent companion registers retain their own toolbar, columns and scroll.
   At small widths both remain accessible in a single vertical workspace. */
.rkb-operational-ui .rkb-companion-workspace{container:companion-panels / inline-size;min-width:0}
.rkb-operational-ui .rkb-companion-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.rkb-operational-ui .rkb-companion-panes.rkb-companion-panes-60-40{grid-template-columns:repeat(2,minmax(0,1fr))}
.rkb-operational-ui .rkb-companion-panes-bounded-left{grid-template-columns:minmax(500px,min(740px,45%)) minmax(0,1fr)}
.rkb-operational-ui .rkb-kasbon-evidence-table{table-layout:fixed;min-width:640px;width:100%}
.rkb-operational-ui .rkb-kasbon-evidence-table :is(th,td):nth-child(1){width:148px}
.rkb-operational-ui .rkb-kasbon-evidence-table :is(th,td):nth-child(2){width:58px;text-align:center;font-variant-numeric:tabular-nums}
.rkb-operational-ui .rkb-kasbon-evidence-table :is(th,td):nth-child(4){width:142px;white-space:nowrap;font-variant-numeric:tabular-nums}
.rkb-operational-ui .rkb-kasbon-evidence-table :is(th,td):nth-child(5){width:72px;text-align:center}
.rkb-operational-ui .rkb-kasbon-evidence-table td:nth-child(3) a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkb-operational-ui .rkb-companion-pane{min-width:0}
.rkb-recurring-journals .rkb-recurring-lines{table-layout:fixed;min-width:680px}
.rkb-recurring-journals .rkb-recurring-lines th:nth-child(1){width:30%}
.rkb-recurring-journals .rkb-recurring-lines th:nth-child(2){width:30%}
.rkb-recurring-journals .rkb-recurring-lines th:nth-child(3),.rkb-recurring-journals .rkb-recurring-lines th:nth-child(4){width:16%}
.rkb-recurring-journals .rkb-recurring-lines th:nth-child(5){width:8%}
.rkb-recurring-journals .rkb-recurring-lines td :is(.rkb-search-select,.form-control){width:100%;max-width:100%;min-width:0}
.rkb-recurring-journals .rkb-recurring-preview>.rkb-tab-heading{margin:0 0 8px;min-height:36px;padding:4px 8px}
.rkb-operational-ui .rkb-companion-pane[aria-label="Tagihan truk"]{container:truck-bill-pane / inline-size}
.rkb-operational-ui .rkb-companion-pane>.panel{margin:0}
/* Opt in when a companion detail contains independent cards; list toolbars
   intentionally stay attached to their tables. */
.rkb-operational-ui .rkb-companion-pane.rkb-companion-section-stack>.panel{margin-top:10px}
.rkb-settings-workspace{display:block;min-width:0;container:settings-workspace / inline-size}
.rkb-settings-workspace>.rkb-settings-navigation{margin:0}
.rkb-settings-content{box-sizing:border-box;width:100%;min-width:0;padding:10px 0 12px}
.rkb-settings-workspace[data-full-width=true] .rkb-settings-content{width:100%}
.rkb-settings-heading{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 0 10px;margin:0 0 12px;border-bottom:1px solid var(--op-border,#d6dde6)}
.rkb-settings-heading h1{font:600 14px/20px var(--erp-font);margin:0;min-width:0}
.rkb-settings-heading>.rkb-popover-control,.rkb-settings-heading>a{margin-left:auto}
.rkb-settings-body{display:grid;gap:12px;align-content:start;min-width:0}
.rkb-settings-editor-surface{display:grid;gap:10px;align-content:start;min-width:0}
.rkb-settings-body>.settings-section{min-width:0;margin:0;padding:10px 12px;border:1px solid var(--op-border,#d6dde6);border-radius:6px;background:var(--erp-surface,#fff)}
.rkb-settings-body>.settings-section+.settings-section{margin-top:0;padding-top:10px;border-top:1px solid var(--op-border,#d6dde6)}
.rkb-settings-purchasing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-width:0}
.rkb-settings-purchasing-column{display:grid;align-content:start;gap:12px;min-width:0}
.rkb-settings-purchasing-column>.settings-section,.rkb-settings-workspace .rkb-settings-purchasing-column>.rkb-form-section{min-width:0;margin:0;padding:10px 12px;border:1px solid var(--op-border,#d6dde6);border-radius:6px;background:var(--erp-surface,#fff)}
.rkb-settings-purchasing-column>.settings-section+.settings-section,.rkb-settings-workspace .rkb-settings-purchasing-column>.rkb-form-section+.rkb-form-section{margin-top:0;padding-top:10px}
.rkb-kasbon-header-help{display:inline-flex;align-items:center;flex:none;margin-left:auto}
.rkb-kasbon-profile-components{container:kasbon-profile / inline-size;min-width:0}
.rkb-kasbon-profile-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;min-width:0}
.rkb-kasbon-profile-heading>strong{min-width:0;font:600 13px/20px var(--erp-font)}
.rkb-kasbon-profile-heading>.btn{flex:none;width:auto;max-width:100%;height:28px;min-height:28px;padding:3px 8px;white-space:nowrap;font:400 12px/20px var(--erp-font)}
.rkb-kasbon-component-row{display:grid;grid-template-columns:minmax(120px,1.4fr) minmax(100px,1fr) 28px;align-items:end;gap:8px;min-width:0}
.rkb-kasbon-component-row.has-weekly{grid-template-columns:minmax(120px,1.4fr) minmax(100px,1fr) minmax(100px,.8fr) 28px}
.rkb-kasbon-component-row.is-base{grid-template-columns:minmax(120px,1.4fr) minmax(100px,1fr)}
.rkb-kasbon-component-row.is-base.has-weekly{grid-template-columns:minmax(120px,1.4fr) minmax(100px,1fr) minmax(100px,.8fr)}
.rkb-kasbon-component-row>.rkb-inset-control{margin:0;min-width:0}
.rkb-kasbon-component-remove{width:28px;min-width:28px;height:34px;min-height:34px;padding:0;display:inline-grid;place-items:center}
@container kasbon-profile (max-width:410px){.rkb-kasbon-component-row.has-weekly,.rkb-kasbon-component-row.is-base.has-weekly{grid-template-columns:repeat(2,minmax(0,1fr))}.rkb-kasbon-component-row.has-weekly>.rkb-kasbon-component-remove{grid-column:2;justify-self:end}}
@container kasbon-profile (max-width:280px){.rkb-kasbon-component-row,.rkb-kasbon-component-row.has-weekly,.rkb-kasbon-component-row.is-base,.rkb-kasbon-component-row.is-base.has-weekly{grid-template-columns:minmax(0,1fr)}.rkb-kasbon-component-row>.rkb-kasbon-component-remove{grid-column:1;justify-self:end}}
.rkb-settings-purchasing-column .rkb-forecast-admin-controls{align-items:end}
.rkb-operational-ui .rkb-settings-purchasing-column .rkb-forecast-admin-controls>.rkb-line-summary{flex-basis:100%}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading{box-sizing:border-box;min-height:34px;margin:0 0 8px;padding:0;border:0;align-items:center}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading-copy{display:flex;align-items:center;flex:1 1 auto;gap:6px;min-height:20px}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading .rkb-header-metadata:empty{display:none}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading[data-section-tone]{padding:3px 8px;border-radius:4px;background:var(--section-tint,#f2f6fc)}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading[data-section-tone]>.rkb-tab-heading-copy{padding:0;background:none}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading[data-section-tone]>.rkb-tab-heading-copy{flex:1 1 auto}
.rkb-settings-workspace .rkb-settings-body .rkb-tab-heading>.product-detail-table-actions{margin-left:auto}
.rkb-settings-body .rkb-mat-settings-grid>.rkb-form-section{min-width:0;padding:10px 12px;border:1px solid var(--op-border,#d6dde6);border-radius:6px;background:var(--erp-surface,#fff)}
.rkb-settings-body .rkb-mat-settings-grid{gap:12px}
.rkb-settings-body .rkb-mat-settings-grid>.rkb-form-section>header{min-height:34px;margin-bottom:8px}
.rkb-settings-body .rkb-mat-settings-grid>.rkb-form-section .rkb-form-stack{gap:8px}
.rkb-settings-body .rkb-mat-settings-grid textarea{min-height:76px}
.rkb-settings-body .rkb-mat-settings-grid .rkb-mat-settings-actions{margin-top:8px}
.rkb-settings-rates-workspace{gap:12px}
.rkb-settings-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.rkb-settings-form-card{min-width:0;padding:10px 12px;display:grid;gap:9px;align-content:start}
.rkb-settings-form-card>.form-grid{grid-template-columns:minmax(0,1.25fr) minmax(140px,.75fr);gap:8px 10px}
.rkb-settings-form-card>.rkb-form-stack{gap:8px}
.rkb-settings-form-card .rkb-inset-control{min-width:0}
.rkb-settings-reason{width:min(100%,540px)}
.rkb-settings-rate-footer{display:grid;gap:8px;min-width:0}
.rkb-settings-rate-footer>.rkb-dialog-actions{margin:0;padding:8px 0 0}
.rkb-settings-rates-workspace>.panel{min-width:0;padding:10px 12px}
.rkb-settings-rates-workspace>.panel>.rkb-tab-heading{margin-bottom:8px}
.rkb-settings-rates-workspace .rkb-table-wrap{max-width:100%;overflow:auto}
.rkb-price-schedule-days{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:8px 0}
.rkb-price-schedule-days>strong{font-size:var(--erp-type-label,.76rem);font-weight:600;color:#34465a;margin-right:4px}
.rkb-price-schedule-days .rkb-checklist-option{display:inline-flex;align-items:center;gap:5px;margin:0;white-space:nowrap}
.rkb-operational-ui .rkb-form-stack > label.rkb-checklist-option{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;min-height:24px;margin:0;white-space:normal}
.rkb-operational-ui .form-section > label.rkb-checklist-option{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:24px;margin:0;white-space:normal}
.rkb-price-schedule-slots{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.rkb-price-schedule-slot{display:inline-flex;align-items:center;gap:4px;min-width:0}
.rkb-price-schedule-slot .rkb-inset-control{width:136px;min-width:136px}
.rkb-price-schedule-slot input[type="time"]{height:34px;min-height:34px}
.rkb-price-schedule-slot>.btn{height:34px;width:34px;padding:0;display:inline-grid;place-items:center}
.rkb-price-schedule-slots>.btn{height:34px;white-space:nowrap}
@container settings-workspace (max-width:600px){.rkb-price-schedule-days{gap:6px 9px}.rkb-price-schedule-slot .rkb-inset-control{width:124px;min-width:124px}}
.rkb-settings-content .settings-weight-table{max-width:1040px}
.rkb-daily-report-detail .rkb-report-section-controls{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}
@container settings-workspace (max-width:900px){.rkb-settings-rate-grid{grid-template-columns:minmax(0,1fr)}}
@container settings-workspace (max-width:1200px){.rkb-settings-purchasing-grid{grid-template-columns:minmax(0,1fr)}}
@container settings-workspace (max-width:600px){.rkb-settings-content{padding:10px 0}.rkb-settings-heading{flex-wrap:wrap}.rkb-settings-form-card>.form-grid{grid-template-columns:minmax(0,1fr)}}
@container mat-settings (max-width:1000px){.rkb-settings-body .rkb-mat-settings-grid>.rkb-form-section:first-child{max-width:none}}
.rkb-operational-ui .rkb-toolbar-context-field{width:240px;max-width:100%;flex:0 1 240px}
@container companion-panels (max-width:1000px){.rkb-operational-ui .rkb-companion-panes{grid-template-columns:minmax(0,1fr)}}
@container companion-panels (max-width:1000px){.rkb-operational-ui .rkb-companion-panes.rkb-companion-panes-60-40{grid-template-columns:minmax(0,1fr)}}
@container truck-bill-pane (max-width:800px){.rkb-operational-ui .rkb-companion-pane[aria-label="Tagihan truk"] .rkb-procurement-workspace>.form-grid.two-column-form{grid-template-columns:minmax(0,1fr)}}

.rkb-operational-ui .rkb-companion-pane>.panel>.rkb-tab-heading{min-height:44px;padding:6px 10px;margin:0;border-bottom:0}
.rkb-operational-ui .rkb-companion-pane>.rkb-register-toolbar>.product-filter-footer{padding:6px 10px;margin:0}
.rkb-operational-ui .rkb-register-controls>.rkb-detail-table-pager{margin:0;padding:0;border:0;min-height:34px;flex:none}

.rkb-operational-ui .rkb-register-workspace,.rkb-operational-ui .rkb-list-editor-list{display:grid;gap:12px;align-content:start;min-width:0}
.rkb-operational-ui :is(.rkb-register-workspace,.rkb-list-editor-list)>.panel{margin:0}
.rkb-operational-ui .rkb-module-workspace,.rkb-operational-ui .rkb-module-content{min-width:0}
.rkb-operational-ui .rkb-record-content > .product-detail-tab-content.rkb-tab-register-content { padding-inline:0; }
.rkb-operational-ui .rkb-tab-register-content .rkb-list-editor-list > .product-filter-panel-compact { padding-inline:0; }
.rkb-operational-ui .rkb-record-content>.rkb-compact-field-grid+.rkb-section-heading{margin-top:12px}

.rkb-operational-ui .rkb-register-toolbar .product-selection-slot:empty{display:none}
.rkb-operational-ui .rkb-register-toolbar>.rkb-tab-heading{min-height:34px;padding:0;margin:0;border:0}

/* Record sections own their heading height; the table-toolbar utility must not
   add a second vertical padding layer around the same card heading. */
body:has(.page.rkb-operational-ui) .rkb-record-workspace .rkb-form-section > header.rkb-tab-heading.rkb-table-toolbar {
  min-height:38px;
  height:auto;
  padding:0;
  margin:0 0 12px;
}

/* Budget period controls and reusable owned editor panels. */
.rkb-operational-ui .rkb-year-control{flex:0 0 112px!important;width:112px;min-width:112px;max-width:112px}
.rkb-operational-ui .rkb-year-control .rkb-search-select{width:100%;min-width:0}
.rkb-operational-ui .rkb-period-navigation{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex:none}
.rkb-operational-ui .rkb-period-navigation>.rkb-action-control{flex:none}
.rkb-operational-ui .rkb-period-navigation>.rkb-inset-control:not(.rkb-year-control){flex:0 0 128px;width:128px;min-width:0}
.rkb-operational-ui .rkb-period-navigation select{width:128px;min-width:128px}
.rkb-operational-ui .rkb-budget-month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.rkb-operational-ui .rkb-budget-month-grid[data-month-count="12"]{grid-auto-flow:column;grid-template-rows:repeat(6,auto)}
.rkb-operational-ui .rkb-budget-month-grid .rkb-inset-control{display:flex;gap:0}
.rkb-operational-ui .rkb-budget-distribute{align-items:center}
.rkb-operational-ui .rkb-budget-distribute>.rkb-inset-control{flex:1;min-width:0}
.rkb-operational-ui .rkb-inline-cell-editor{display:grid;grid-template-columns:minmax(76px,1fr) 26px 26px;gap:4px;align-items:center}
.rkb-operational-ui .rkb-data-table td .rkb-inline-cell-editor input.form-control[type=text],
.rkb-operational-ui .rkb-inline-cell-editor .btn{min-height:26px;height:26px;padding:2px 4px}
.rkb-operational-ui .rkb-inline-cell-editor .rkb-icon-button{min-width:26px;width:26px}
.rkb-operational-ui .rkb-inline-field-value{display:flex;align-items:center;gap:3px;min-width:0}
.rkb-operational-ui .rkb-inline-field-value>.form-control{flex:1 1 0;min-width:0}
.rkb-operational-ui .rkb-inline-field-value>.form-control.is-invalid{background-image:none;padding-right:4px}
.rkb-operational-ui .rkb-field-error-disclosure{flex:none;line-height:1}
.rkb-operational-ui .rkb-field-error-disclosure .rkb-heading-help{color:var(--bs-danger,#b42318)}
/* Keep numeric validation discoverable inside compact cells without adding a row. */
.rkb-quantity-editor{display:contents}
.rkb-operational-ui :where(.rkb-inset-control)>.rkb-quantity-editor{display:block;width:100%;min-width:0}
.rkb-quantity-error-text{display:block}
.rkb-quantity-error-disclosure{display:none}
.rkb-operational-ui :is(table,.rkb-input-with-unit) .rkb-quantity-editor{display:flex;align-items:center;gap:2px;width:100%;min-width:0}
.rkb-operational-ui :is(table,.rkb-input-with-unit) .rkb-quantity-editor>input{flex:1 1 0;min-width:0}
.rkb-operational-ui :is(table,.rkb-input-with-unit) .rkb-quantity-editor>input.is-invalid{background-image:none;padding-right:4px}
.rkb-operational-ui table .rkb-quantity-error-disclosure{display:inline-flex;flex:none}
.rkb-operational-ui table .rkb-quantity-error-disclosure .rkb-heading-help{width:18px;min-width:18px;height:24px;min-height:24px;padding:0}
.rkb-operational-ui :is(table,.rkb-input-with-unit) .rkb-quantity-error-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rkb-operational-ui .rkb-editor-panel{container:owned-editor/inline-size;min-width:0;padding:0}
.rkb-operational-ui .rkb-editor-panel>.rkb-record-content>.rkb-form-section{margin:0;padding:0;border:0}
.rkb-operational-ui .rkb-editor-panel .rkb-compact-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.rkb-operational-ui .rkb-info-dialog-body .rkb-compact-field-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px 12px}
.rkb-operational-ui .rkb-editor-panel .rkb-form-section{min-width:0}
.rkb-operational-ui .rkb-editor-panel>.rkb-dialog-actions{margin:0;padding:10px 14px;border-top:1px solid var(--op-border)}
@container owned-editor (max-width:420px){.rkb-operational-ui .rkb-editor-panel .rkb-compact-field-grid{grid-template-columns:1fr}}
@media(max-width:480px){.rkb-operational-ui .rkb-budget-month-grid[data-month-count="12"]{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}}

.rkb-operational-ui .rkb-branch-control{flex:0 0 130px!important;width:130px;min-width:130px;max-width:130px}
.rkb-operational-ui .rkb-budget-page-toolbar>.rkb-detail-toolbar-actions{align-items:center}

.rkb-operational-ui .rkb-editor-panel>.rkb-record-content{padding:12px 14px;box-shadow:none;border-radius:0}

/* Empty messages belong to the visible table viewport, even with saved wide columns. */
@media screen{
 body:has(.rkb-operational-ui) .rkb-table-wrap:has(.rkb-empty-state){container-type:inline-size}
 body:has(.rkb-operational-ui) .rkb-table-wrap td>.rkb-empty-state{position:sticky;left:0;width:min(100%,calc(100cqw - 32px));max-width:calc(100cqw - 32px);white-space:normal}
 body:has(.rkb-operational-ui) .rkb-table-wrap td:has(> .rkb-empty-state.is-compact){padding:0 4px}
 body:has(.rkb-operational-ui) .rkb-table-wrap td>.rkb-empty-state.is-compact{box-sizing:border-box;min-height:32px;margin:0;padding:5px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}
}
.rkb-action-control { display:inline-flex; vertical-align:middle; min-width:0; }
.rkb-selection-disabled-menu { display:inline-flex; border-left:1px solid #cbdaf0; }
.rkb-selection-disabled-menu .rkb-icon-button { height:32px; min-height:32px; min-width:34px; margin:0; border:0; border-radius:0 3px 3px 0; background:#fff; }
.rkb-action-control:focus-visible { outline:1px solid var(--op-action,#275fa3); outline-offset:2px; border-radius:4px; }
.rkb-row-action-list>.rkb-action-control { display:flex; width:100%; }
.rkb-row-action-list>.rkb-action-control>button { width:100%; text-align:left; }
.rkb-disabled-reason { position:fixed; inset:auto; margin:0; width:max-content; max-width:min(340px,calc(100vw - 16px)); padding:8px 10px; border:1px solid #cad5e1; border-radius:5px; background:#fff; color:#31445b; font:12px/1.45 "Segoe UI",sans-serif; box-shadow:0 4px 14px #24354a20; pointer-events:none; }
.rkb-numeric-reference { display:flex; justify-content:flex-end; align-items:center; gap:5px; white-space:nowrap; }
.po-merge-info[data-structure-tone="merge"] { background:#edf5f2; border-color:#abcac0; color:#315e54; }
.po-merge-info[data-structure-tone="split"] { background:#f3f0f8; border-color:#c5b6de; color:#72559c; }

/* Disabled explanations must not change the owning tab/header geometry. */
.product-detail-tabs > .rkb-action-control { flex:0 0 auto; align-items:stretch; }
th > .rkb-action-control:has(> :is(.table-sort-button,.product-column-heading)) { display:flex; width:100%; }
th > .rkb-action-control > .table-sort-button { width:100%; }
.text-end > .rkb-action-control > .table-sort-button { justify-content:flex-end; text-align:right; }

@container invoice-workspace (max-width:1240px) {
 body:has(.page.rkb-operational-ui) .rkb-bill-context-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@container invoice-workspace (max-width:720px) {
 body:has(.page.rkb-operational-ui) .rkb-bill-context-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container invoice-workspace (max-width:440px) {
 body:has(.page.rkb-operational-ui) .rkb-bill-context-grid { grid-template-columns:minmax(0,1fr); }
}

/* Owned validation stays distinct from muted field guidance, including dialogs. */
body:has(.page.rkb-operational-ui) .rkb-field-error { color:var(--bs-danger,#b42318); }

/* Admin forecast controls are one owned action group, not three distant columns. */
.rkb-operational-ui .rkb-forecast-admin-controls { justify-content:flex-start; gap:8px 12px; }
.rkb-operational-ui .rkb-forecast-admin-controls > .rkb-line-summary { flex:0 1 auto; max-width:100%; }
.rkb-operational-ui .rkb-forecast-admin-controls > .rkb-toolbar-inset { flex:0 0 150px; max-width:100%; }

/* HRD salary editor: disclose guidance beside its table and reserve the blue
   highlight for selected rows, not every editable component. */
.rkb-hr-salary-table-heading { display:flex; align-items:center; gap:5px; margin:8px 0 5px; color:#344e70; font-size:12px; font-weight:600; }
.rkb-hr-salary-table-heading .rkb-heading-help { flex:0 0 auto; }
.rkb-hr-salary-table > tbody > tr > td { padding:3px 6px!important; vertical-align:middle; background:#fff; }
.rkb-hr-salary-table > tbody > tr:hover > td { background:#f7faff; }
.rkb-hr-salary-table > tbody > tr :is(input,select) { min-height:28px; height:28px; padding-block:3px; font-size:12px; }
.rkb-hr-salary-table > tbody > tr .numeric-cell input { text-align:right; font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-detail-toolbar-actions>.rkb-hr-period-control{width:320px;max-width:100%;min-width:260px;flex:0 1 320px}
.rkb-operational-ui .rkb-hr-period-control select{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkb-operational-ui .rkb-hr-payment-controls>.rkb-inset-control{flex:0 0 148px;width:148px;max-width:100%;margin:0;align-self:center}
.rkb-operational-ui .rkb-hr-payment-controls>.product-search-actions{margin-left:0}
.rkb-hr-payment-breakdown summary{cursor:pointer;color:var(--op-action);white-space:nowrap;font:500 12px/20px var(--erp-font)}
.rkb-hr-payment-history{min-width:900px}
.rkb-hr-payment-history .rkb-hr-payment-identity{width:230px;min-width:200px;max-width:260px}
.rkb-hr-payment-identity strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1200px){.rkb-hr-payment-history .rkb-hr-payment-identity{width:32%;max-width:520px}}
.rkb-hr-payment-breakdown summary:focus-visible{outline:2px solid var(--op-action);outline-offset:2px}
.rkb-hr-payment-lines{display:grid;gap:3px;min-width:210px;padding:5px 0 2px;color:var(--op-text);font:400 12px/18px var(--erp-font)}
.rkb-hr-payment-lines>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.rkb-hr-payment-lines strong{font-weight:600;white-space:nowrap}
.rkb-hr-money-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.rkb-operational-ui .rkb-hr-money-controls>.rkb-inset-control{flex:0 1 180px;width:180px;min-width:140px;margin:0}
.rkb-operational-ui .rkb-hr-money-controls>.rkb-inset-control:nth-child(3){flex-basis:240px;width:240px}
.rkb-hr-money-controls>.btn{height:34px;white-space:nowrap}
.rkb-hr-editable-count:not(:has(input)){text-decoration:underline dotted #8ea6c4;text-underline-offset:4px;cursor:cell}
.rkb-hr-inline-editing>td{background:#f1f7ff!important;border-top-color:#95b8e7;border-bottom-color:#95b8e7}
.rkb-hr-inline-editing .rkb-hr-editable-count{padding-block:2px!important}
.rkb-hr-inline-editing .rkb-hr-editable-count input{width:100%;min-width:56px;height:28px;min-height:28px;padding:3px 5px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
.rkb-hr-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}
.rkb-hr-inline-actions .btn{min-height:28px;height:28px;padding:2px 6px;font-size:11px}
.rkb-hr-inline-actions .rkb-popover-control>.btn{min-width:28px;width:28px;padding:2px}
.rkb-hr-inline-meta-popover{width:min(430px,calc(100vw - 32px));max-height:min(70vh,480px);overflow:auto;padding:12px}
.rkb-hr-inline-meta-popover .rkb-form-stack{gap:10px}
@media(max-width:800px){.rkb-operational-ui .rkb-detail-toolbar-actions>.rkb-hr-period-control{width:min(100%,320px);flex:1 1 260px}}

/* Forecast's sidebar already owns the buying/sending choice. Keep the remaining
   plan facts and route controls together at a readable, content-owned width. */
.rkb-styled-workspace .rkb-tab-heading[data-compact="true"] {
  min-height:40px;
  margin-bottom:8px;
  padding:4px 8px 6px;
  gap:6px 10px;
}
.rkb-styled-workspace .rkb-tab-heading[data-compact="true"] .product-detail-table-actions {
  align-items:center;
  gap:6px;
}
.rkb-styled-workspace .rkb-report-header-actions {
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.rkb-operational-ui .rkb-forecast-toolbar-band { display:grid; grid-template-columns:minmax(0,1fr); gap:8px 12px; align-items:start; margin-bottom:8px; }
.rkb-operational-ui .rkb-forecast-toolbar-band > :is(.rkb-forecast-planning-overview,.product-filter-panel) { min-width:0; margin:0; }
.rkb-operational-ui .rkb-forecast-toolbar-band .rkb-forecast-planning-overview > :is(.rkb-budget-panel,.rkb-transfer-plan-panel) { width:100%; max-width:none; }
.rkb-operational-ui .rkb-forecast-planning-overview > :is(.rkb-budget-panel,.rkb-transfer-plan-panel) {
  min-height:0; padding:8px 10px; gap:6px 10px; align-content:start;
}
.rkb-forecast-preview .rkb-budget-preview-title { display:flex; align-items:center; gap:5px; }
@media (min-width:1500px) {
  .rkb-operational-ui .rkb-forecast-toolbar-band[data-mode="BUY"],
  .rkb-operational-ui .rkb-forecast-toolbar-band[data-mode="SEND"],
  .rkb-operational-ui .rkb-forecast-toolbar-band[data-mode="EXCESS"] { grid-template-columns:minmax(0,1.42fr) minmax(560px,.78fr); }
}
.rkb-operational-ui .rkb-forecast-planning-overview { display:block; }
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview > .rkb-budget-panel {
  width:min(100%,720px); max-width:720px; min-height:0; margin:0; flex:none;
  grid-template-columns:minmax(0,1fr) auto; gap:6px 10px;
}
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview > .rkb-transfer-plan-panel {
  width:min(100%,720px); max-width:720px; min-height:0; margin:0; flex:none;
  grid-template-columns:minmax(0,1fr) auto; gap:6px 10px;
}
.rkb-operational-ui .rkb-forecast-planning-overview .rkb-budget-values {
  gap:8px 20px;
}
.rkb-operational-ui .rkb-forecast-planning-overview .rkb-budget-values dd {
  margin-top:1px;
}
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview .rkb-transfer-plan-panel > .rkb-budget-heading {
  grid-column:1/-1; grid-row:1;
}
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview .rkb-transfer-plan-panel > .rkb-transfer-metrics {
  grid-column:1/-1; grid-row:2;
}
.rkb-operational-ui .rkb-transfer-metrics { display:inline-flex; flex-wrap:wrap; align-items:center; width:fit-content; max-width:100%; border:1px solid var(--op-border); border-radius:4px; background:rgba(255,255,255,.62); color:var(--erp-text-secondary); font:400 12px/18px "Segoe UI",Arial,sans-serif; }
.rkb-operational-ui .rkb-transfer-metrics > span { padding:2px 8px; white-space:nowrap; }
.rkb-operational-ui .rkb-transfer-metrics > span + span { border-left:1px solid var(--op-border); }
.rkb-operational-ui .rkb-transfer-metrics strong { color:var(--erp-text); font-weight:600; font-variant-numeric:tabular-nums; }
.rkb-operational-ui .rkb-transfer-plan-panel .rkb-heading-label { display:inline-flex; align-items:center; gap:5px; }
.rkb-operational-ui .rkb-transfer-plan-panel .rkb-budget-heading {
  justify-content:space-between;
}
.rkb-operational-ui .rkb-plan-view-switch { display:inline-flex; flex-wrap:wrap; gap:3px; }
.rkb-operational-ui .rkb-plan-view-switch button {
  display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:3px 8px;
  border:1px solid var(--op-border); border-radius:4px; background:#fff;
  color:#4b5f75; font:500 12px/18px "Segoe UI",Arial,sans-serif;
}
.rkb-operational-ui .rkb-plan-view-switch button.active {
  border-color:var(--plan-color); background:var(--plan-soft); color:var(--plan-color);
}
.rkb-operational-ui .rkb-plan-view-switch svg { width:14px; height:14px; }
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview .rkb-transfer-plan-controls {
  display:flex; align-items:center; flex-wrap:wrap; gap:7px 9px;
  min-width:0; grid-column:1; grid-row:3;
}
.rkb-operational-ui .rkb-transfer-plan-controls > .rkb-inset-control {
  width:220px; max-width:100%; margin:0; flex:0 1 220px;
}
.rkb-operational-ui .rkb-transfer-plan-controls > .rkb-inset-control + .rkb-inset-control {
  width:180px; flex-basis:180px;
}
body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview .rkb-transfer-plan-panel > .rkb-budget-actions {
  grid-column:2; grid-row:3; align-self:center;
}
@media(max-width:720px) {
  .rkb-operational-ui .rkb-forecast-planning-overview > :is(.rkb-budget-panel,.rkb-transfer-plan-panel) {
    grid-template-columns:minmax(0,1fr);
  }
  body:has(.page.rkb-operational-ui) .rkb-forecast-planning-overview .rkb-transfer-plan-panel > .rkb-budget-actions {
    grid-column:1; grid-row:4;
  }
}

/* RF02 keeps its case review readable while sparse lists stay bounded. */
body:has(.page.rkb-operational-ui) .rkb-context-layout.rkb-audit-split.has-detail {
  grid-template-columns:minmax(0,3fr) minmax(360px,2fr);
  align-items:start;
}
body:has(.page.rkb-operational-ui) .rkb-context-layout.rkb-audit-split:not(.has-detail) {
  max-width:1160px;
  grid-template-columns:minmax(0,1fr);
}
body:has(.page.rkb-operational-ui) .rkb-audit-detail .rkb-record-facts dd {overflow-wrap:normal;word-break:normal;}
body:has(.page.rkb-operational-ui) .rkb-audit-detail .rkb-table-wrap {max-height:360px;overflow:auto;}
body:has(.page.rkb-operational-ui) .rkb-audit-reasons {display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;}
dialog.rkb-audit-dialog {height:fit-content;min-height:0;max-height:min(80dvh,680px);}
dialog.rkb-audit-dialog > .rkb-info-dialog-body {flex:none;min-height:0;gap:10px;}
dialog.rkb-audit-dialog .rkb-audit-search {display:flex;align-items:end;gap:8px;}
dialog.rkb-audit-dialog .rkb-audit-search > .rkb-inset-control {flex:1;min-width:0;}
dialog.rkb-audit-dialog .rkb-audit-search > button {flex:none;height:34px;}
dialog.rkb-audit-dialog .rkb-audit-assignment-fields {display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:8px;align-items:start;}
dialog.rkb-audit-dialog .rkb-audit-assignment-fields > .rkb-inset-control {min-width:0;}
dialog.rkb-audit-settings-dialog {width:min(620px,calc(100vw - 32px));}
.rkb-audit-settings-dialog .rkb-audit-settings-fields,.rkb-audit-inline-settings .rkb-audit-settings-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:center;}
.rkb-audit-settings-dialog .rkb-audit-setting-field,.rkb-audit-inline-settings .rkb-audit-setting-field {min-width:0;align-self:start;}
.rkb-audit-settings-dialog .rkb-audit-setting-field .rkb-inset-control,.rkb-audit-inline-settings .rkb-audit-setting-field .rkb-inset-control {min-width:0;}
.rkb-audit-inline-settings {max-width:980px;padding:0;}
.rkb-audit-settings-actions {display:flex;justify-content:flex-end;gap:8px;margin-top:10px;}
@container operational-workspace (max-width:1000px) {
 body:has(.page.rkb-operational-ui) .rkb-context-layout.rkb-audit-split.has-detail {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:620px){dialog.rkb-audit-dialog .rkb-audit-assignment-fields,dialog.rkb-audit-settings-dialog .rkb-audit-settings-fields,.rkb-audit-inline-settings .rkb-audit-settings-fields {grid-template-columns:minmax(0,1fr);}}

/* Procurement preparation keeps the editable quantity in the first visible
   columns; contextual receipt and supplier data may use local table scrolling. */
.rkb-operational-ui .rkb-procurement-workspace {min-width:0;}
.rkb-operational-ui .rkb-procurement-fields {max-width:790px;gap:8px 12px;margin:10px 0 12px;}
.rkb-operational-ui .rkb-procurement-workspace .product-detail-tabs {margin-top:10px;}
.rkb-operational-ui .rkb-procurement-workspace .rkb-table-wrap {max-width:100%;overflow:auto;}
.rkb-operational-ui .rkb-procurement-workspace td[data-column="selected"] .rkb-quantity-editor {display:block;max-width:96px;margin-left:auto;}
.rkb-operational-ui .rkb-procurement-workspace td[data-column="selected"] input {height:30px;padding:3px 7px;text-align:right;}
.rkb-operational-ui .rkb-procurement-workspace > .rkb-summary-strip + .product-detail-tabs {margin-top:12px;}
.rkb-operational-ui .rkb-procurement-workspace td[data-column="po"] small {display:block;color:var(--op-muted);font-size:11px;line-height:1.2;}
.rkb-operational-ui .rkb-procurement-workspace tr.rkb-procurement-selected > td {background:#f3f7fc;}
.rkb-operational-ui .rkb-procurement-workspace .rkb-procurement-history-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.rkb-operational-ui .rkb-procurement-entry-workspace {min-width:0;}
.rkb-operational-ui .rkb-procurement-entry-workspace > .form-grid.two-column-form {gap:10px;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-form-section {min-width:0;padding:10px 11px;border:1px solid #dbe4ec;border-radius:7px;background:#fff;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-form-section h4 {font-size:13px;line-height:18px;margin:0 0 5px;color:#275477;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-info-fields,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-value-fields,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-account-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;align-content:start;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-info-fields > h4,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-value-fields > h4,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-account-fields > h4,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-value-fields > .rkb-summary-strip,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-account-fields > .rkb-inline-reference,
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-value-fields > :nth-child(4) {grid-column:1/-1;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-basis-fields {background:#f8fafc;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-basis-fields h4 {color:#42586f;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-account-fields h4 {color:#286a62;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-payment-fields h4 {color:#405b82;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-confirmed-summary {margin-top:8px;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-confirmed-summary .rkb-inline-reference {margin:3px 0;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-confirmed-summary .rkb-inline-reference {display:block;line-height:1.45;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-confirmed-summary .rkb-summary-strip {margin-top:6px;}
.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-history-change {display:block;margin-top:2px;color:#53677b;font-size:11px;line-height:1.35;}
@media(max-width:1500px){.rkb-operational-ui .rkb-procurement-entry-workspace > .form-grid.two-column-form {grid-template-columns:minmax(0,1fr);}}
@media(max-width:700px){.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-info-fields,.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-value-fields,.rkb-operational-ui .rkb-procurement-entry-workspace .rkb-procurement-account-fields {grid-template-columns:minmax(0,1fr);}}
@container detail-pane (max-width:620px) {
 .rkb-operational-ui .rkb-procurement-fields {grid-template-columns:minmax(0,1fr);}
 .rkb-operational-ui .rkb-procurement-workspace .product-search-main-row {flex-wrap:wrap;}
}
.rkb-operational-ui .rkb-daily-report-detail { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; width:100%; margin-inline:0; }
.rkb-operational-ui .rkb-daily-report-detail > .panel { min-width:0; }
.rkb-operational-ui .rkb-report-version-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.rkb-operational-ui .rkb-report-version-actions > .btn { min-height:28px; padding:2px 7px; white-space:nowrap; }
.rkb-daily-report-changes { display:inline-block; margin-inline-start:6px; max-width:100%; vertical-align:middle; font-size:12px; font-weight:400; }
.rkb-daily-report-changes summary { color:#2357a4; cursor:pointer; white-space:nowrap; }
.rkb-daily-report-changes summary:focus-visible { outline:2px solid #285fba; outline-offset:2px; border-radius:2px; }
.rkb-daily-report-changes[open] { display:block; margin:4px 0 0; }
.rkb-daily-report-changes dl { margin:5px 0 1px; padding:5px 7px; border:1px solid #d8e3f0; border-radius:4px; background:#f7faff; }
.rkb-daily-report-changes dl > div + div { border-top:1px solid #e6edf5; margin-top:4px; padding-top:4px; }
.rkb-daily-report-changes dt { font-weight:600; }
.rkb-daily-report-changes dd { margin:0; overflow-wrap:anywhere; }
@media (max-width:1180px) { .rkb-operational-ui .rkb-daily-report-detail { grid-template-columns:minmax(0,1fr); } }

.rkb-operational-ui .rkb-price-queue-page{max-width:1600px;margin-inline:auto;min-width:0}
.rkb-operational-ui .rkb-price-queue-controls{padding:0 12px 10px;margin-bottom:12px;min-width:0}
.rkb-operational-ui .rkb-price-queue-controls>.rkb-module-tabs{margin:0 -12px 10px;padding-inline:12px}
.rkb-operational-ui .rkb-price-queue-controls>.rkb-tab-heading{margin-bottom:8px}
.rkb-operational-ui .rkb-price-queue-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0}
.rkb-operational-ui .rkb-price-queue-toolbar>.rkb-inset-control{width:170px;flex:0 0 170px;margin:0}
.rkb-operational-ui .rkb-price-queue-toolbar .rkb-summary-strip{margin:0;flex:0 1 auto;width:max-content;max-width:100%}
.rkb-operational-ui .rkb-price-queue-toolbar .rkb-pagination{display:flex;gap:4px;margin-left:auto}
.rkb-operational-ui .rkb-price-queue-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(360px,2fr);gap:12px;align-items:start}
.rkb-operational-ui .rkb-price-queue-columns>.panel{min-width:0;padding:12px}
.rkb-operational-ui .rkb-price-queue-columns .rkb-table-wrap{overflow:auto;max-width:100%}
.rkb-operational-ui .rkb-price-queue-columns td small{display:block;color:var(--op-muted);font-size:11px;line-height:1.3}
.rkb-operational-ui .rkb-price-queue-action{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px}
.rkb-operational-ui .rkb-price-queue-action>.rkb-inset-control{flex:1 1 190px;min-width:160px;margin:0}
.rkb-operational-ui .rkb-price-queue-action>.rkb-inset-control:has(textarea){flex-basis:100%}
.rkb-operational-ui .rkb-price-queue-action>.rkb-change-reason{flex:1 1 240px;min-width:180px;max-width:320px;margin:0}
.rkb-operational-ui .rkb-price-queue-action>.rkb-change-reason textarea{width:100%}
.rkb-operational-ui .rkb-price-queue-columns td:first-child small{display:block;color:#617084;font-size:11px}
.rkb-operational-ui .rkb-price-queue-action textarea{min-height:54px}
.rkb-operational-ui .rkb-price-queue-bands{margin-top:10px}
.rkb-operational-ui .rkb-price-queue-bands .rkb-tab-heading{margin-bottom:6px}
dialog.rkb-price-return-dialog .rkb-info-dialog-body{gap:8px;padding:10px 14px}
dialog.rkb-price-return-dialog .rkb-info-dialog-body>.rkb-table-wrap{width:100%;overflow-x:auto}
dialog.rkb-price-return-dialog .rkb-info-dialog-body>.rkb-table-wrap>table{min-width:650px}
dialog.rkb-price-return-dialog .rkb-info-dialog-body>.rkb-table-wrap :is(th,td){padding:5px 7px}
dialog.rkb-price-return-dialog .rkb-info-dialog-body>.rkb-table-wrap .numeric-cell{white-space:nowrap;font-variant-numeric:tabular-nums}
dialog.rkb-price-return-dialog .rkb-price-return-toolbar{display:flex;justify-content:flex-end;align-items:center}
dialog.rkb-price-return-dialog .rkb-price-return-toolbar>.btn{flex:none;width:auto}
dialog.rkb-price-return-dialog .rkb-review-check{margin-top:0}
@media(max-width:1050px){.rkb-operational-ui .rkb-price-queue-columns{grid-template-columns:minmax(0,1fr)}}

.rkb-operational-ui.rkb-estimate-dialog .rkb-info-dialog-body{gap:10px;padding-block:10px}
.rkb-operational-ui .rkb-estimate-dialog-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px 12px;min-width:0}
.rkb-operational-ui .rkb-estimate-dialog-fields>*{min-width:0}
.rkb-operational-ui .rkb-estimate-dialog-fields .rkb-multicheck-trigger{width:100%;height:34px;min-height:34px}
.rkb-operational-ui .rkb-estimate-dialog-fields .rkb-date-input{width:min(180px,100%)}
@media(max-width:500px){.rkb-operational-ui .rkb-estimate-dialog-fields{grid-template-columns:minmax(0,1fr)}}

/* Fee choices follow the same compact source/account grouping as other
   financial editors; the accounting result remains distinct from HPP posting. */
.rkb-operational-ui .rkb-hpp-fee-panel{min-width:0;margin-top:12px}
.rkb-operational-ui .rkb-hpp-fee-panel>.form-grid{max-width:880px;gap:8px 16px;margin:10px 0}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-form-section{min-width:0}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-form-section>h4{margin:0 0 8px;font:600 var(--erp-type-section)/1.35 var(--erp-font);color:#26384d}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-inset-control{margin-bottom:8px}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-detail-toolbar-actions{gap:7px;flex-wrap:wrap;margin-top:8px}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-compact-review{max-width:880px;margin:8px 0;padding:7px 10px;border:1px solid #cbdcf1;border-radius:5px;background:#f5f8fd;color:#26384d;font:400 var(--erp-type-value)/1.45 var(--erp-font)}
.rkb-operational-ui .rkb-hpp-fee-panel .rkb-hpp-mapping-section{max-width:500px;margin-top:14px;padding-top:12px;border-top:1px solid var(--op-border)}
@container detail-pane (max-width:620px){.rkb-operational-ui .rkb-hpp-fee-panel>.form-grid{grid-template-columns:minmax(0,1fr)}}

/* Keep the version strip distinct from the account selectors without adding
   an extra explanatory row to this compact Settings card. */
.rkb-hpp-default-settings .rkb-summary-strip{margin-bottom:12px}
.rkb-hpp-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.rkb-hpp-settings-grid>.settings-section{min-width:0;margin:0;padding:10px 12px;border:1px solid var(--op-border,#d6dde6);border-radius:6px;background:var(--erp-surface,#fff)}
.rkb-hpp-receipt-settings .rkb-summary-strip{margin-bottom:12px}
.rkb-hpp-receipt-settings .form-grid{grid-template-columns:minmax(0,1fr)}
@container settings-workspace (max-width:900px){.rkb-hpp-settings-grid{grid-template-columns:minmax(0,1fr)}}
@container settings-workspace (max-width:600px){.rkb-hpp-default-settings .form-grid.two-column-form{grid-template-columns:minmax(0,1fr)}}

/* Dedicated release list keeps destination selection inside the 34px toolbar
   rhythm while allowing several branches without a second filter row. */
.rkb-release-destination{position:relative;flex:0 1 220px;min-width:165px;max-width:240px}
.rkb-release-destination .rkb-multicheck-field{position:relative}
.rkb-release-destination .rkb-filter-field-label{position:absolute;top:-6px;left:8px;z-index:1;padding:0 3px;background:#fff;color:#52647b;font:400 11px/12px var(--erp-font)}
.rkb-release-destination .rkb-multicheck-trigger{width:100%;height:34px;min-height:34px;padding:7px 8px 3px;text-align:left;font:400 13px/20px var(--erp-font)}
.product-search-main-row:has(.rkb-release-destination) .product-chip-input{flex:1 1 220px;min-width:220px}
.product-search-main-row:has(.rkb-release-destination) .product-search-actions{flex-wrap:nowrap}
@media(max-width:800px){
 .product-search-main-row:has(.rkb-release-destination){flex-wrap:wrap}
 .product-search-main-row:has(.rkb-release-destination) .product-chip-input{flex:1 1 100%;min-width:0}
 .product-search-main-row:has(.rkb-release-destination) .product-search-actions{flex:1 1 100%;flex-wrap:wrap}
 .rkb-release-destination{flex:1 1 180px;max-width:none}
}
.po-inline-item-table tbody tr > td.table-cell-comparison { background:#fff8e9; color:#765617; box-shadow:inset 2px 0 #d5ad58; font-weight:600; }
.po-inline-item-table .rkb-price-comparison-info { display:inline-flex; vertical-align:middle; margin-left:3px; }
.po-inline-item-table .rkb-price-comparison-info .rkb-heading-help { width:18px; height:18px; padding:0; }

/* Rekap pagination owns whole business dates; the selected date opens in place. */
.rkb-report-date-list{box-sizing:border-box;width:100%;min-width:0}
.rkb-report-date-row{box-sizing:border-box;display:grid;grid-template-columns:minmax(145px,1fr) 95px 125px 132px;align-items:center;gap:8px;width:100%;min-width:0;min-height:38px;padding:4px 10px;border-bottom:1px solid var(--op-border,#d6dde6);font:400 13px/20px var(--erp-font)}
.rkb-report-date-heading{background:#edf3fb;color:#425c7d;font-weight:600}
.rkb-report-date-row .numeric-cell{text-align:right;font-variant-numeric:tabular-nums}
.rkb-report-date-row .btn{min-height:28px;padding:3px 9px;white-space:nowrap}
.rkb-report-date-detail{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden;padding:10px 8px 12px;border:1px solid #c9d9ee;border-top:0;background:#f9fbfe}
.rkb-report-date-detail .rkb-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto}
.rkb-report-date-detail .pager{justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
@media(max-width:560px){.rkb-report-date-row{grid-template-columns:minmax(94px,1fr) 62px 82px 100px;gap:5px;padding-inline:6px;font-size:12px}.rkb-report-date-row .btn{padding-inline:5px;font-size:11px}}

/* Report filters and whole-filter outputs are separate action groups. */
.rkb-operational-ui .rkb-report-toolbar-actions{gap:8px}
.rkb-operational-ui .rkb-report-filter-actions,.rkb-operational-ui .rkb-report-output-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.rkb-operational-ui .rkb-report-output-actions{padding-left:8px;border-left:1px solid var(--op-border,#d6dde6)}
.rkb-operational-ui .rkb-report-account-search{flex:0 1 380px;width:380px;max-width:100%;align-self:center;margin:0}
.rkb-operational-ui .rkb-report-account-search>.rkb-search-select{width:100%;min-width:0}
.rkb-operational-ui .product-search-main-row:has(>.rkb-report-account-search)>.rkb-report-toolbar-actions{flex:0 1 auto;width:auto;justify-content:flex-start;margin-left:0}
.rkb-operational-ui .product-search-main-row:has(>.rkb-report-account-search) .rkb-report-output-actions{margin-left:8px}
@media(max-width:760px){.rkb-operational-ui .rkb-report-account-search{flex:1 1 100%;width:100%}.rkb-operational-ui .product-search-main-row:has(>.rkb-report-account-search)>.rkb-report-toolbar-actions{flex:1 1 100%}}
.rkb-operational-ui .rkb-report-export-scope{color:var(--erp-muted,#64748b);font:400 12px/18px var(--erp-font);white-space:nowrap}
@media(max-width:650px){.rkb-operational-ui .rkb-report-toolbar-actions{width:100%;justify-content:flex-start;margin-left:0}.rkb-operational-ui .rkb-report-export-scope{display:none}}
.rkb-record-workspace .rkb-form-section > header > .rkb-action-control:has(.rkb-section-edit) { margin-left: auto; }