/* TABLE WRAPPER */
.table-responsive, .simple-table {
  overflow-x: auto;
  margin: 1rem 0;
}

/* TABLE CARD‑LOOK */
.table-responsive table, .simple-table table {
  width: 100%;
  border-collapse: collapse;
  background-color: var(--color-card);
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Kopf- und Datenzellen */
.table-responsive th,
.table-responsive td, 
.simple-table th,
.simple-table td {
  padding: 0.4rem 0.75rem;
  white-space: nowrap;
  text-align: left;
  color: var(--color-text);
  border-bottom: 1px solid var(--color-bg);
}

/* Feine Trennlinie **zwischen** allen Spalten */
.table-responsive th + th,
.table-responsive td + td,
.simple-table th + th,
.simple-table td + td {
  border-left: 1px solid #DDC1BD;
}

/* Header‑Styling */
.table-responsive th,
.simple-table th {
  background-color: var(--color-primary-light);
  font-weight: 600;
  line-height: 1.2;
}

/* Letzte Datenreihe: keine untere Linie */
.table-responsive tr:last-child td {
  border-bottom: none;
}

/* Zebra‑Stripes */
.table-responsive tr:nth-child(even) td {
  background-color: var(--color-bg);
}


/* Firefox */
.table-responsive, .simple-table {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary-light) var(--color-bg);
}