/* Final table-selection cascade.
   Menu 1 and Menu 2 both use the shared ReUI-style 44px checkbox track. */
.data-grid-shell.has-table-pager .data-grid-scroll > .table-header > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .table-header > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .table-header > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .table-header > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row > .table-control-col-select {
  box-sizing: border-box !important;
  display: grid !important;
  visibility: visible !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .row-select-button,
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .select-visible-button,
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .row-select-button,
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .select-visible-button {
  box-sizing: border-box !important;
  display: inline-grid !important;
  visibility: visible !important;
  place-items: center !important;
  position: relative !important;
  inset: auto !important;
  width: 16px !important;
  min-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  border: 1px solid #d1d5db !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: transparent !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .select-visible-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .select-visible-button[aria-pressed="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .row-select-button[aria-checked="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .row-select-button[aria-pressed="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .select-visible-button[aria-checked="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .select-visible-button[aria-pressed="true"] {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  box-shadow: none !important;
}

/* Menu 1 final alignment: the selection checkbox is a real grid column, not a
   floating tool. Keep it visually locked to the header and leave room above the
   sticky pager so the last visible row does not feel clipped. */
.data-grid-shell.has-table-pager .data-grid-scroll > .table-header > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row > .table-control-col-select {
  align-self: stretch !important;
  justify-self: stretch !important;
  background: transparent !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll > .table-header > .table-control-col-select {
  background: #f8fafc !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll > .item-list {
  box-sizing: border-box !important;
  padding-bottom: 14px !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .document-virtual-spacer[data-virtual-spacer="bottom"] {
  margin-bottom: 14px !important;
}

/* ReUI-style selected rows: checkbox/background indicate selection; no left rail. */
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.selected-for-download,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.selected-for-download,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.selected-for-download {
  background: #f8fafc !important;
  box-shadow: none !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download::before,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.active::before,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected::before,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.is-selected::before,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download::before,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.active::before,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected::before,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.is-selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.selected-for-download::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.active::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.is-selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.selected-for-download::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.active::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.is-selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.selected-for-download::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.active::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.selected::before,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.is-selected::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.active > :first-child,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected > :first-child,
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.is-selected > :first-child,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download > .table-control-col-select,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.active > :first-child,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected > :first-child,
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.is-selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.selected-for-download > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.active > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .task-table > .item-row.is-selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.selected-for-download > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.active > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .inspector-table > .item-row.is-selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.selected-for-download > .table-control-col-select,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.active > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.selected > :first-child,
.library-panel.inspector-mode .data-grid-scroll > .item-list > .progress-table > .item-row.is-selected > :first-child {
  border-left: 0 !important;
  box-shadow: none !important;
}

.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .select-visible-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .table-control-col-select .select-visible-button[aria-pressed="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .row-select-button[aria-checked="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .row-select-button[aria-pressed="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .select-visible-button[aria-checked="true"],
.library-panel.inspector-mode .data-grid-scroll .table-control-col-select .select-visible-button[aria-pressed="true"] {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* ReUI c-data-grid-15 column resizing: slim live handle at the header edge. */
.data-grid-shell.has-table-pager .data-grid-column-resize-handle,
.data-grid-shell.has-table-pager .column-resize-handle,
.library-panel .data-grid-column-resize-handle,
.library-panel .column-resize-handle {
  position: absolute !important;
  top: 0 !important;
  right: -4px !important;
  z-index: 20 !important;
  width: 8px !important;
  height: 100% !important;
  cursor: col-resize !important;
  touch-action: none !important;
  user-select: none !important;
  opacity: 1 !important;
  background: transparent !important;
  border: 0 !important;
}

.data-grid-shell.has-table-pager .data-grid-column-resize-handle::before,
.data-grid-shell.has-table-pager .column-resize-handle::before,
.library-panel .data-grid-column-resize-handle::before,
.library-panel .column-resize-handle::before {
  content: "" !important;
  position: absolute !important;
  inset-block: 0 !important;
  left: 50% !important;
  width: 1px !important;
  transform: translateX(-50%) !important;
  background: #e5e7eb !important;
  transition: background-color 120ms ease, width 120ms ease !important;
}

.data-grid-shell.has-table-pager .data-grid-column-resize-handle:hover::before,
.data-grid-shell.has-table-pager .data-grid-column-resize-handle.is-resizing::before,
.data-grid-shell.has-table-pager .column-resize-handle:hover::before,
.data-grid-shell.has-table-pager .column-resize-handle.is-resizing::before,
.library-panel .data-grid-column-resize-handle:hover::before,
.library-panel .data-grid-column-resize-handle.is-resizing::before,
.library-panel .column-resize-handle:hover::before,
.library-panel .column-resize-handle.is-resizing::before,
body.column-resizing .data-grid-column-resize-handle::before,
body.column-resizing .column-resize-handle::before {
  width: 2px !important;
  background: #111827 !important;
}

/* Final ReUI checkbox state override. Older table layers contain highly
   specific blue selected-row rules; keep the selected row neutral and let the
   compact checkbox be the only state indicator. */
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.active.selected-for-download > .table-control-cell .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll > .item-list > .item-row.active.selected-for-download > .table-control-cell .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.data-grid-shell.has-table-pager .data-grid-scroll .virtual-row-layer > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"],
.library-panel .data-grid-scroll > .item-list > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.library-panel .data-grid-scroll > .item-list > .item-row.selected-for-download > .select-cell.table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"],
.library-panel .data-grid-scroll > .item-list > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-checked="true"],
.library-panel .data-grid-scroll > .item-list > .item-row.selected-for-download > .table-control-cell.table-control-col-select > .row-select-button[aria-pressed="true"] {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Dashboard-01 inset frame for the table rebuild blank state.
   Mirrors shadcn SidebarInset: margin on the outer main surface, rounded-xl,
   shadow-sm, header divider, and no inner library/data-grid frame. */
body:has(.content-grid.table-rebuild-dashboard-mode) .workspace,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .workspace {
  display: flex !important;
  flex-direction: column !important;
  height: calc(100vh - 16px) !important;
  min-height: 0 !important;
  margin: 8px 8px 8px 0 !important;
  overflow: clip !important;
  scrollbar-gutter: auto !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  background-clip: padding-box !important;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.025) !important;
  isolation: isolate !important;
}

body:has(.content-grid.table-rebuild-dashboard-mode) .toolbar,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .toolbar {
  min-height: 48px !important;
  flex: 0 0 48px !important;
  padding: 0 24px !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 12px 12px 0 0 !important;
  background: #ffffff !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
}

body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode {
  display: block !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .library-panel,
body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .data-grid-shell,
body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .data-grid-scroll,
body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode #itemList,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .library-panel,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .data-grid-shell,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .data-grid-scroll,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode #itemList {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .detail-panel,
body:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .resize-handle,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .detail-panel,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .content-grid.table-rebuild-dashboard-mode .resize-handle {
  display: none !important;
}

body:has(.content-grid.table-rebuild-dashboard-mode) .toolbar #viewTitle,
body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .toolbar #viewTitle {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: auto !important;
  white-space: nowrap !important;
  color: #020617 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  body:has(.content-grid.table-rebuild-dashboard-mode) .workspace,
  body[class$="-theme"]:has(.content-grid.table-rebuild-dashboard-mode) .workspace {
    height: calc(100vh - 8px) !important;
    margin: 4px !important;
    border-radius: 12px !important;
  }
}