/* Behfiab data workspace, R17. Screen presentation only: data, order, totals,
   export and component-owned keyboard/selection behaviour stay with their owners. */
@media screen {
  html[data-qp-workspace="true"] {
    --grid-cell-block:12px;
    --grid-cell-inline:14px;
    --grid-header-block:14px;
    --grid-row-height:49px;
    --grid-font-size:12px;
    --grid-radius:16px;
    --data-rule:color-mix(in srgb,var(--ui-border) 76%,var(--ui-surface));
    --data-column-rule:color-mix(in srgb,var(--ui-border) 56%,var(--ui-surface));
    --data-header:color-mix(in srgb,var(--ui-primary) 5%,var(--ui-surface));
    --data-stripe:color-mix(in srgb,var(--ui-surface-alt) 24%,var(--ui-surface));
    --data-focus:color-mix(in srgb,var(--ui-primary) 12%,var(--ui-surface));
    --data-shadow:0 1px 3px rgb(16 36 27 / 3%),0 8px 28px rgb(16 36 27 / 3%);
  }
  html[data-qp-workspace="true"][data-theme="dark"] {
    --data-header:color-mix(in srgb,var(--ui-primary) 8%,var(--ui-surface));
    --data-column-rule:color-mix(in srgb,var(--ui-border) 68%,var(--ui-surface));
    --data-stripe:color-mix(in srgb,var(--ui-surface-alt) 30%,var(--ui-surface));
    --data-shadow:0 2px 4px rgb(0 0 0 / 10%),0 12px 32px rgb(0 0 0 / 8%);
  }
  html[data-qp-workspace="true"][data-grid-density="compact"] {
    --grid-cell-block:6px;--grid-cell-inline:11px;--grid-header-block:10px;--grid-row-height:36px;
  }
  html[data-qp-workspace="true"][data-grid-density="comfortable"] {
    --grid-cell-block:17px;--grid-cell-inline:17px;--grid-header-block:17px;--grid-row-height:60px;--grid-font-size:13px;
  }

  /* The runtime tags data tables and their existing containers; it never wraps,
     moves or replaces a node managed by Blazor, Radzen or DataTables. */
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) .qp-data-frame {
    position:relative;min-width:0;max-width:100%;
    border:1px solid var(--data-rule)!important;border-radius:var(--grid-radius)!important;
    background:var(--ui-surface)!important;box-shadow:var(--data-shadow)!important;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) .qp-data-frame:focus-visible {
    outline:2px solid var(--ui-primary);outline-offset:3px;
  }
  html[data-qp-workspace="true"][data-theme] .qp-data-frame .qp-data-frame {
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  html[data-qp-workspace="true"] .qp-data-viewport {
    scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;
    overscroll-behavior-inline:contain;scroll-padding-inline:16px;
  }
  html[data-qp-workspace="true"] .qp-data-viewport::-webkit-scrollbar {height:9px;width:9px}
  html[data-qp-workspace="true"] .qp-data-viewport::-webkit-scrollbar-thumb {
    background:var(--ui-border);border:2px solid var(--ui-surface);border-radius:12px;
  }
  html[data-qp-workspace="true"] .qp-data-viewport[data-qp-grid-overflow="true"] {
    border-block-end:3px solid color-mix(in srgb,var(--ui-primary) 30%,var(--ui-border))!important;
  }
  html[data-qp-workspace="true"] .qp-data-viewport:focus-visible {outline:2px solid var(--ui-primary);outline-offset:-2px}

  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table {
    width:100%;margin:0!important;border-collapse:separate!important;border-spacing:0!important;
    background:var(--ui-surface)!important;color:var(--ui-text)!important;
    font-family:var(--ui-font);font-variant-numeric:tabular-nums;isolation:isolate;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table> :is(thead,tbody,tfoot)>tr> :is(th,td) {
    box-sizing:border-box;padding:var(--grid-cell-block) var(--grid-cell-inline)!important;
    border-block-start:0!important;border-block-end:1px solid var(--data-rule)!important;
    border-inline-start:0!important;border-inline-end:1px solid var(--data-column-rule)!important;
    color:var(--ui-text)!important;font-family:var(--ui-font);font-size:var(--grid-font-size)!important;
    line-height:1.8;vertical-align:middle;transition:background-color 130ms ease,border-color 130ms ease;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table> :is(thead,tbody,tfoot)>tr> :last-child {border-inline-end:0!important}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>thead>tr> :is(th,td) {
    padding-block:var(--grid-header-block)!important;background:var(--data-header)!important;
    color:var(--ui-text)!important;font-weight:650!important;font-size:11px!important;
    border-block-end:1px solid color-mix(in srgb,var(--ui-primary) 17%,var(--ui-border))!important;
    white-space:nowrap;letter-spacing:0;
  }
  html[data-qp-workspace="true"][data-theme] table.qp-data-table thead :is(.rz-column-title,.rz-sortable-column,.rz-sortable-column-icon) {
    color:var(--ui-text)!important;font-weight:650;
  }
  html[data-qp-workspace="true"][data-theme] table.qp-data-table thead :is([aria-sort="ascending"],[aria-sort="descending"],.rz-sortable-column.rz-state-active) {
    color:var(--ui-primary)!important;background:var(--ui-primary-soft)!important;
  }
  html[data-qp-workspace="true"][data-theme] table.qp-data-table thead :is(.rz-column-title-content,[role="button"]):focus-visible {
    outline:2px solid var(--ui-primary);outline-offset:4px;border-radius:4px;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tbody>tr> :is(td,th) {
    background:var(--ui-surface)!important;height:var(--grid-row-height);
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tbody>tr:nth-child(even)> :is(td,th) {background:var(--data-stripe)!important}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tbody>tr:is(:hover,:focus-within)> :is(td,th) {background:var(--ui-grid-hover)!important}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tbody>tr:is(.rz-state-highlight,.selected,.qp-selected-row,.qp-grid-row-selected,.qp-grid-row-menu-open,.qp-row--selected,[aria-selected="true"])> :is(td,th) {
    background:var(--ui-grid-selected)!important;border-block-end-color:color-mix(in srgb,var(--ui-primary) 28%,var(--ui-border))!important;color:var(--ui-text)!important;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tbody>tr:is(.rz-state-highlight,.selected,.qp-selected-row,.qp-grid-row-selected,.qp-grid-row-menu-open,[aria-selected="true"])> :first-child {
    box-shadow:inset -3px 0 var(--ui-primary)!important;
  }
  html[data-qp-workspace="true"] table.qp-data-table>tbody>tr:last-child> :is(th,td) {border-block-end:0!important}
  html[data-qp-workspace="true"] table.qp-data-table>tbody>tr>td>small {display:block;color:var(--ui-muted);font-size:10px;line-height:1.7;margin-block-start:3px}
  html[data-qp-workspace="true"] table.qp-data-table :is(.number,.qp-number,.qp-money,.qb-money,.payroll-number,[data-number]) {font-variant-numeric:tabular-nums;white-space:nowrap}
  html[data-qp-workspace="true"] table.qp-data-table :is(.qp-cell-subtitle,.qp-subtext,.qp-narration-text) {color:var(--ui-muted);font-size:11px;line-height:1.85}
  html[data-qp-workspace="true"][data-theme] table.qp-data-table :is(.text-danger,.is-negative,.qp-negative) {color:var(--ui-danger)!important}
  html[data-qp-workspace="true"][data-theme] table.qp-data-table :is(.text-success,.is-positive,.qp-positive) {color:var(--ui-success)!important}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table> :is(thead,tbody,tfoot)>tr> :is(th,td):is(.text-danger,.is-negative,.qp-negative) {color:var(--ui-danger)!important}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table> :is(thead,tbody,tfoot)>tr> :is(th,td):is(.text-success,.is-positive,.qp-positive) {color:var(--ui-success)!important}
  html[data-qp-workspace="true"][data-theme] table.qp-data-table :is(.qp-row-index,.qp-code,.qp-code-pill,.qp-id-badge) {
    border:1px solid var(--data-rule)!important;border-radius:7px!important;background:var(--ui-surface-alt)!important;
    color:var(--ui-muted)!important;padding:2px 7px;line-height:1.7;font-size:10px!important;box-shadow:none!important;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>tfoot>tr> :is(th,td) {
    padding-block:14px!important;background:var(--data-header)!important;font-weight:700!important;
    border-block-start:2px solid color-mix(in srgb,var(--ui-primary) 28%,var(--ui-border))!important;border-block-end:0!important;
  }
  /* Header/filter bands remain distinct; no fixed heights clip multi-line labels. */
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.qp-account-settings,.rz-dialog,.qp-financial-dialog) table.qp-data-table>thead>tr:has(.rz-cell-filter)>th {
    background:var(--ui-surface-alt)!important;padding-block:9px!important;
  }
  html[data-qp-workspace="true"] table.qp-data-table .rz-cell-filter {min-width:0}
  html[data-qp-workspace="true"] table.qp-data-table .rz-cell-filter :is(input,.rz-dropdown,.rz-numeric,.rz-datepicker) {min-height:33px!important}
  html[data-qp-workspace="true"] .qp-data-viewport table.qp-data-table>thead {z-index:3}

  /* Existing table toolbars and pagination use a common hierarchy. */
  html[data-qp-workspace="true"][data-theme] .qp-app-shell :is(.qp-table-toolbar,.qp-grid-toolbar,.qp-table-header,.qp-grid-card__head,.qp-table-card__head,.qp-products-result,.qb-table-head,.payroll-section-title) {
    gap:12px;border-color:var(--data-rule)!important;
  }
  html[data-qp-workspace="true"][data-theme] .qp-app-shell :is(.qp-table-toolbar,.qp-grid-toolbar,.qp-table-header,.qp-grid-card__head,.qp-table-card__head) {
    padding:17px 18px!important;background:var(--ui-surface)!important;
  }
  html[data-qp-workspace="true"] .qp-app-shell :is(.qp-table-title,.qp-grid-title,.qp-grid-card__head h2,.qp-table-card__head h2) {font-size:14px;font-weight:700;letter-spacing:-.2px}
  html[data-qp-workspace="true"] .qp-app-shell :is(.qp-table-subtitle,.qp-grid-subtitle,.qp-grid-card__head p,.qp-table-card__head p) {font-size:11px;line-height:1.9;margin-block-start:4px;color:var(--ui-muted)}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.rz-dialog) :is(.rz-paginator,.rz-pager,.qp-v12-pagination,.qp-journal-pagination,.dataTables_paginate) {
    padding:14px 16px!important;gap:8px;background:var(--ui-surface)!important;border-color:var(--data-rule)!important;
    color:var(--ui-muted);font-size:11px;min-height:57px;flex-wrap:wrap;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.rz-dialog) :is(.rz-paginator-page,.rz-paginator-element,.rz-pager-page,.paginate_button) {
    min-width:34px;height:34px;border-radius:9px!important;border:1px solid var(--data-rule)!important;
    background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:0 1px 2px rgb(0 0 0 / 2%)!important;
  }
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.rz-dialog) :is(.rz-paginator-page.rz-state-active,.rz-pager-page.rz-state-active,.paginate_button.current) {
    background:var(--ui-primary)!important;color:var(--ui-on-primary)!important;border-color:var(--ui-primary)!important;font-weight:700;
  }
  html[data-qp-workspace="true"] .qp-data-frame :is(.rz-data-grid-empty-message,.dataTables_empty) {
    padding:44px 22px!important;line-height:2.1!important;color:var(--ui-muted)!important;font-size:12px!important;
  }
  html[data-qp-workspace="true"] .qp-data-frame [aria-busy="true"] {cursor:progress}

  /* Quiet compact actions; row click and right-click keep the existing menu owner. */
  html[data-qp-workspace="true"][data-theme] .qp-app-shell :is(.qp-grid-actions__trigger,.qp-row-action-trigger,.qp-action-menu-btn) {
    border-radius:10px!important;min-height:34px!important;padding:7px 11px!important;
    background:var(--ui-surface)!important;border-color:var(--data-rule)!important;font-size:11px!important;
  }
  html[data-qp-workspace="true"][data-theme] .qp-app-shell :is(.qp-grid-actions__trigger,.qp-row-action-trigger,.qp-action-menu-btn):is(:hover,[aria-expanded="true"],.active) {
    border-color:var(--ui-primary)!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;
  }
  html[data-qp-workspace="true"] .qp-grid-context {border-radius:17px;padding:7px;box-shadow:var(--ui-shadow-pop);border-color:var(--data-rule)}
  html[data-qp-workspace="true"] .qp-grid-context__head {padding:12px 12px 14px}
  html[data-qp-workspace="true"] .qp-grid-context__item {border-radius:10px;min-height:44px;padding:10px 12px}
  html[data-qp-workspace="true"] .qp-grid-context__item>i {width:29px;height:29px;flex-basis:29px;display:grid;place-items:center;background:var(--ui-surface-alt);border-radius:8px}
  html[data-qp-workspace="true"] .qp-grid-context__item.is-danger>i {background:var(--ui-danger-soft)}
  .qp-grid-density__options {padding:4px;border-radius:12px;gap:4px;background:var(--ui-surface-alt)}
  .qp-grid-density__options button {min-height:31px;padding:5px 9px;border-radius:8px}
  .qp-grid-density__options button[aria-pressed="true"] {color:var(--ui-primary);background:var(--ui-surface);box-shadow:0 1px 4px rgb(0 0 0 / 7%)}
  .qp-grid-density__options button:focus-visible {outline:2px solid var(--ui-primary);outline-offset:2px}
}
@media screen and (max-width:640px) {
  html[data-qp-workspace="true"] {--grid-cell-inline:10px;--grid-cell-block:10px;--grid-header-block:12px;--grid-radius:12px}
  html[data-qp-workspace="true"][data-grid-density="compact"] {--grid-cell-inline:8px;--grid-cell-block:6px}
  html[data-qp-workspace="true"][data-grid-density="comfortable"] {--grid-cell-inline:12px;--grid-cell-block:14px;--grid-font-size:12px}
  html[data-qp-workspace="true"] .qp-data-frame {max-width:100%}
  html[data-qp-workspace="true"] .qp-data-viewport {overflow-x:auto;touch-action:pan-x pan-y}
  html[data-qp-workspace="true"] .qp-grid-density__options button {padding-inline:7px;min-height:33px}
  html[data-qp-workspace="true"] .qp-grid-density__label {display:none}
  html[data-qp-workspace="true"][data-theme] :is(.qp-app-shell,.rz-dialog) :is(.rz-paginator,.rz-pager,.qp-v12-pagination) {padding:12px 10px!important;justify-content:center}
}
@media (prefers-reduced-motion:reduce) {
  html[data-qp-workspace="true"] table.qp-data-table :is(th,td),.qp-grid-density__options button {transition:none!important}
}
@media print {
  .qp-data-frame,.qp-data-viewport {box-shadow:none!important;outline:0!important;border-radius:0!important}
  .qp-data-viewport[data-qp-grid-overflow="true"] {border-block-end:0!important}
  table.qp-data-table {isolation:auto}
}