/* Table Styles */
.ltb__table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin: var(--spacing-6) 0;

  box-shadow: var(--shadow-sm);
  padding: 1px;
}

.ltb__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--color-surface);
}

/* Basis-Styles für Zellen */
.ltb__table th,
.ltb__table td {
  padding: var(--spacing-3) var(--spacing-4);
  border: 1px solid var(--color-primary);
  border-right: none;
  border-bottom: none;

}

/* Letzte Zelle in jeder Reihe */
.ltb__table th:last-child,
.ltb__table td:last-child {
  border-right: 1px solid var(--color-primary);
}


/* Letzte Reihe */
.ltb__table tr:last-child td {
  border-bottom: 1px solid var(--color-primary);
}

/* Header Styles */
.ltb__table th {
  background: var(--color-primary);
  color: var(--color-text-inverse);
  font-weight: 600;
  white-space: nowrap;
  border-color: var(--color-primary);
  position: relative;
  overflow: hidden;
}

.ltb__table tr:last-child td:first-child {
  border-bottom-left-radius: calc(var(--radius-lg) - 1px);
}

.ltb__table tr:last-child td:last-child {
  border-bottom-right-radius: calc(var(--radius-lg) - 1px);
}

/* Zebra-Striping */
.ltb__table tr:nth-child(even) {
  background: var(--color-gray-100);
}

/* Hover-Effekt */
.ltb__table tr:hover {
  background: var(--color-gray-200);
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
  .ltb__table-wrapper {
    margin: var(--spacing-4) 0;
  }

  .ltb__table th,
  .ltb__table td {
    padding: var(--spacing-2) var(--spacing-3);
    font-size: var(--text-sm);
  }
}

@media (max-width: 480px) {
  .ltb__table th,
  .ltb__table td {
    padding: var(--spacing-2);
    font-size: var(--text-xs);
  }
}