/* Table Component Styles */

.table {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.table th {
  border-top: none;
  font-weight: 600;
  color: var(--bels-primary);
  padding: var(--spacing-md) 0.75rem;
}

.table td {
  padding: var(--spacing-md) 0.75rem;
  vertical-align: middle;
}

.table-hover > tbody > tr:hover > * {
  background-color: rgba(var(--bels-primary-rgb), 0.05);
}

/* Responsive table wrapper */
.table-responsive {
  border-radius: var(--radius-md);
  border: none;
}

.table-responsive::-webkit-scrollbar {
  height: 8px;
}

  .table-responsive::-webkit-scrollbar-track {
  background: var(--bels-light-bg);
  border-radius: var(--radius-sm);
}

.table-responsive::-webkit-scrollbar-thumb {
  background: var(--bels-primary);
  border-radius: var(--radius-sm);
}

/* Desktop table improvements */
@media (min-width: 992px) {
  .table-responsive-custom {
    overflow: visible;
  }
}

/* Mobile table alternatives */
@media (max-width: 991.98px) {
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive table {
    min-width: 540px;
  }

  .table-responsive-custom {
    display: none;
  }
}
