/* TABLE WRAPPER  */
.global-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-lg-16);
  background: var(--color-card-bg);
  box-shadow: var(--shadow-xs);
}

/* TABLE */
.global-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

/* HEADER */
.global-table thead {
  background: var(--color-surface-secondary);
}

.global-table th {
  padding: var(--space-md-12);
  text-align: left;
  font-size: var(--font-sm-12);
  font-weight: var(--font-bold-700);
  color: var(--color-text);
  white-space: nowrap;
  border-bottom: 1px solid var(--color-border);
}

/* ROWS */
.global-table tbody tr {
  transition: var(--transition-fast);
}

.global-table tbody tr:hover {
  background: var(--color-hover);
}

/* CELLS */
.global-table td {
  padding: var(--space-md-12);
  font-size: var(--font-md-14);
  color: var(--color-text);
  border-bottom: 1px solid var(--color-border-light);
  vertical-align: middle;
}

.global-table tbody tr:last-child td {
  border-bottom: none;
}

/* TITLE CELL */
.global-table-title {
  font-weight: var(--font-semibold-600);
  color: var(--color-text);
}

.global-table-subtitle {
  margin-top: var(--space-xs-04);
  font-size: var(--font-sm-12);
  color: var(--color-text-secondary);
}

/* NUMERIC */
.global-table-number {
  text-align: right;
}

/* CENTER */
.global-table-center {
  text-align: center;
}

/* ACTIONS */
.global-table-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-sm-08);
}

/* IMAGE */
.global-table-image {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md-12);
  object-fit: cover;
  border: 1px solid var(--color-border);
}

/* AVATAR */
.global-table-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--color-border);
}

/* EMPTY STATE */
.global-table-empty {
  padding: var(--space-2xl-32);
  text-align: center;
  color: var(--color-text-secondary);
}

.global-table-empty i {
  display: block;
  margin-bottom: var(--space-md-12);
  font-size: 48px;
  color: var(--color-text-light);
}

/* COMPACT */
.global-table-compact th,
.global-table-compact td {
  padding: var(--space-sm-08);
}

/* STICKY HEADER */
.global-table-sticky thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--color-surface-secondary);
}

/* SELECTABLE ROW */
.global-table-row-selected {
  background: var(--color-primary-light) !important;
}

/* STATUS COLORS */
.global-table-success {
  color: var(--color-success);
}

.global-table-warning {
  color: var(--color-warning);
}

.global-table-error {
  color: var(--color-error);
}

.global-table-info {
  color: var(--color-info);
}

/* SCROLLBAR */
.global-table-wrapper::-webkit-scrollbar {
  height: 8px;
}

.global-table-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-scroll-thumb);
  border-radius: 999px;
}

/* MOBILE */
@media (max-width: 768px) {
  .global-table {
    min-width: 600px;
  }
  .global-table th,
  .global-table td {
    padding: var(--space-sm-08);
  }
}
