/* Google Sheets layout — full-viewport, zero padding, compact. */
@media (min-width: 1024px) {
  #screenTable.table-theme-sheets.active {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    height: calc(100vh - 48px) !important;
    overflow: hidden !important;
    background: var(--table-panel-bg) !important;
  }

  #screenTable.table-theme-sheets .table-left-col {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    gap: 0 !important;
  }

  #screenTable.table-theme-sheets .table-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  #screenTable.table-theme-sheets #pvGrid,
  #screenTable.table-theme-sheets #pvGrid #pvGridReactRoot,
  #screenTable.table-theme-sheets #pvGrid #pvGridReactRoot #pvGridReactLayer,
  #screenTable.table-theme-sheets #pvGrid #pvGridReactLayer,
  #screenTable.table-theme-sheets #pvGrid #pvAgGridLayer {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }

  #screenTable.table-theme-sheets .reviz-ag-grid {
    width: 100% !important;
    height: calc(100vh - 120px) !important;
    min-height: 420px !important;
  }

  #screenTable.table-theme-sheets .reviz-ag-grid.ag-theme-alpine {
    --ag-row-height: var(--table-row-height);
    --ag-header-height: var(--table-header-height);
    --ag-list-item-height: var(--table-row-height);
    --ag-font-size: var(--table-font-size);
    --ag-cell-horizontal-padding: var(--table-cell-padding-x);
  }

  #screenTable.table-theme-sheets .reviz-ag-grid .ag-header-group-cell,
  #screenTable.table-theme-sheets .reviz-ag-grid .ag-header-cell {
    min-height: var(--table-header-height) !important;
  }

  #screenTable.table-theme-sheets .reviz-ag-grid .ag-row,
  #screenTable.table-theme-sheets .reviz-ag-grid .ag-cell {
    min-height: var(--table-row-height) !important;
  }

  #screenTable.table-theme-sheets .data-table {
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  #screenTable.table-theme-sheets .data-table th,
  #screenTable.table-theme-sheets .data-table td {
    height: var(--table-row-height) !important;
    font-size: var(--table-font-size) !important;
    padding: 1px var(--table-cell-padding-x) !important;
    line-height: 1.2 !important;
  }

  #screenTable.table-theme-sheets .data-table thead th {
    min-height: var(--table-header-height) !important;
    font-size: var(--table-header-font-size) !important;
  }

  #screenTable.table-theme-sheets .table-empty,
  #screenTable.table-theme-sheets .table-empty-reset {
    padding: 24px 16px !important;
    text-align: center !important;
    color: var(--table-header-text) !important;
    font-family: Arial, sans-serif !important;
  }

  #screenTable.table-theme-sheets .table-empty-reset .btn {
    margin-top: 10px !important;
  }
}

/* ==========================================================================
   FIGMA THEME (.table-theme-figma) LAYOUT
   ========================================================================== */
@media (min-width: 1024px) {
  #screenTable.table-theme-figma {
    --table-figma-row-height: calc(49px * var(--table-ui-scale, 1));
    --table-figma-header-height: calc(33px * var(--table-ui-scale, 1));
    --table-figma-group-header-height: calc(40px * var(--table-ui-scale, 1));
    --table-figma-font-size: clamp(12px, calc(14px * var(--table-ui-scale, 1)), 16px);
    --table-figma-header-font-size: clamp(11px, calc(12px * var(--table-ui-scale, 1)), 14px);
    --table-figma-cell-padding-x: calc(16px * var(--table-ui-scale, 1));
  }

  #screenTable.table-theme-figma.active {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 8px 12px 12px !important;
    height: calc(100vh - 68px) !important;
    overflow: hidden !important;
    background: #f9fafb !important;
  }

  #screenTable.table-theme-figma .table-left-col {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  #screenTable.table-theme-figma .table-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  #screenTable.table-theme-figma #pvGrid,
  #screenTable.table-theme-figma #pvGrid #pvGridReactRoot,
  #screenTable.table-theme-figma #pvGrid #pvGridReactRoot #pvGridReactLayer,
  #screenTable.table-theme-figma #pvGrid #pvGridReactLayer,
  #screenTable.table-theme-figma #pvGrid #pvAgGridLayer {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }

  #screenTable.table-theme-figma .reviz-ag-grid {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  #screenTable.table-theme-figma .reviz-ag-grid.ag-theme-alpine {
    --table-row-height: var(--table-figma-row-height);
    --table-header-height: var(--table-figma-header-height);
    --table-group-header-height: var(--table-figma-group-header-height);
    --ag-row-height: var(--table-figma-row-height);
    --ag-header-height: var(--table-figma-header-height);
    --ag-header-group-height: var(--table-figma-group-header-height);
    --ag-list-item-height: var(--table-figma-row-height);
    --ag-font-size: var(--table-figma-font-size);
    --ag-cell-horizontal-padding: var(--table-figma-cell-padding-x);
  }

  #screenTable.table-theme-figma .reviz-ag-grid .ag-header-cell {
    min-height: var(--table-figma-header-height) !important;
  }

  #screenTable.table-theme-figma .reviz-ag-grid .ag-header-group-cell {
    min-height: var(--table-figma-group-header-height) !important;
  }

  #screenTable.table-theme-figma .reviz-ag-grid .ag-row,
  #screenTable.table-theme-figma .reviz-ag-grid .ag-cell {
    min-height: var(--table-figma-row-height) !important;
  }

  #screenTable.table-theme-figma .data-table {
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 100% !important;
  }

  #screenTable.table-theme-figma .data-table th,
  #screenTable.table-theme-figma .data-table td {
    height: var(--table-figma-row-height) !important;
    font-size: var(--table-figma-font-size) !important;
    padding: calc(8px * var(--table-ui-scale, 1)) var(--table-figma-cell-padding-x) !important;
    line-height: 1.35 !important;
  }

  #screenTable.table-theme-figma .data-table thead th {
    min-height: var(--table-figma-header-height) !important;
    font-size: var(--table-figma-header-font-size) !important;
    padding: calc(8px * var(--table-ui-scale, 1)) var(--table-figma-cell-padding-x) !important;
  }

  #screenTable.table-theme-figma .data-table thead .tbl-group th {
    min-height: var(--table-figma-group-header-height) !important;
    height: var(--table-figma-group-header-height) !important;
  }

  #screenTable.table-theme-figma .data-table thead .tbl-sub th {
    min-height: var(--table-figma-header-height) !important;
    height: var(--table-figma-header-height) !important;
  }

  #screenTable.table-theme-figma .table-empty,
  #screenTable.table-theme-figma .table-empty-reset {
    padding: 24px 16px !important;
    text-align: center !important;
    color: #4b5563 !important;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  }
}