/* -------------------------------------------------------------
 * GLOBAL TABLE STYLING
 * ------------------------------------------------------------*/

/* Wrapper for tables to add shadow and rounded corners */
.table-responsive,
.list-table-wrapper {
  background: #ffffff;
  border-radius: 12px;
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.05),
    0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
  border: 1px solid var(--nav-border) !important;
  margin-bottom: 25px;
  overflow-x: auto; /* Restores horizontal scrolling */
  transition: box-shadow 0.3s ease;

  /* Themed scrollbar for tables */
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Chrome/Safari scrollbar styles for tables */
.table-responsive::-webkit-scrollbar,
.list-table-wrapper::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track,
.list-table-wrapper::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb,
.list-table-wrapper::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 10px;
}

/* Hover effect on the wrapper */
.table-responsive:hover,
.list-table-wrapper:hover {
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.08),
    0 10px 10px -5px rgba(0, 0, 0, 0.03) !important;
}

/* Internal table refinements */
.table {
  margin-bottom: 0 !important;
}

.table thead th {
  background-color: #f8fafc;
  border-bottom: 2px solid var(--nav-border);
  color: var(--link-text);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  padding: 8px 15px !important;
}

.table tbody td {
  padding: 8px 15px !important;
  vertical-align: middle;
  border-bottom: 1px solid var(--nav-border);
  color: var(--link-text);
}

/* Row hover highlight */
.table tbody tr:hover {
  /* background-color: var(--nav-hover-bg) !important; */
}

/* Remove border from last row */
.table tbody tr:last-child td {
  border-bottom: none;
}