/* app/assets/stylesheets/components/tables.css */

.table-wrap {
  @apply w-full overflow-x-auto;
}

.table {
  @apply min-w-full divide-y divide-gray-200;
}

.table-head {
  @apply bg-gray-50;
}

.table thead th {
  @apply px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500;
}

.table-body {
  @apply bg-white divide-y divide-gray-200;
}

.table-cell {
  @apply px-6 py-6 whitespace-nowrap text-sm text-gray-500;
  font-variant-numeric: tabular-nums;
}

.table-row-hover tbody tr:hover {
  @apply bg-gray-50/60;
}

.table-striped tbody tr:nth-child(even) {
  @apply bg-gray-50/50;
}

.table-compact thead th {
  @apply px-4 py-2.5;
}

.table-compact .table-cell {
  @apply px-4 py-4;
}