table {
  table-layout: fixed;
}

/* Table Density Variables */
:root {
  --table-row-height: 56px;
  --table-cell-padding: 12px 16px;
  --table-font-size: 0.95rem;
}

[data-table-density="compact"] {
  --table-row-height: 44px;
  --table-cell-padding: 8px 12px;
  --table-font-size: 0.875rem;
}

[data-table-density="ultra-compact"] {
  --table-row-height: 36px;
  --table-cell-padding: 4px 8px;
  --table-font-size: 0.8rem;
}

.density-table {
  transition: all 0.2s ease;
}

.density-table tr {
  height: var(--table-row-height);
}

.density-table td,
.density-table th {
  padding: var(--table-cell-padding) !important;
  font-size: var(--table-font-size) !important;
}