/**
 * div-tables.css - Div-basierte Tabellen-Styles
 */

.div-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.div-table-header {
  display: table-header-group;
  background-color: var(--color-table-header-bg);
  font-weight: var(--font-weight-bold);
  color: var(--color-table-header-text);
  text-transform: uppercase;
}

.div-table-header .div-table-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.div-table-row {
  display: table-row;
  background-color: var(--color-table-row-bg);
  transition: background-color 0.3s ease;
}

.div-table-row:hover {
  background-color: var(--color-table-row-hover);
}

.div-table-cell {
  display: table-cell;
  padding: 12px;
  border: 1px solid var(--color-table-border);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}