/* === Tabelle allgemein === */
table.dataTable {
  width: 100%;
  border: 1px solid white;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #1e293b;
  color: #f8fafc;
  border-radius: 10px;
  overflow: hidden;
}

/* Runde Ecken */
table.dataTable thead:first-child tr:first-child th:first-child {
  border-top-left-radius: 10px;
}
table.dataTable thead:first-child tr:first-child th:last-child {
  border-top-right-radius: 10px;
}
table.dataTable tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
table.dataTable tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* === Header === */
table.dataTable thead {
  background-color: #334155;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: #f1f5f9;
}

table.dataTable thead th {
  padding: 1rem;
  text-align: center;
  border-bottom: 1px solid white;
  position: relative;
  cursor: pointer;
}

/* Sortierpfeile (FontAwesome nötig!) */
/* Standard: Icon weiß */
table.dataTable thead th.sorting::after {
  font-family: FontAwesome;
  content: "\f0dc"; /* ≡ */
  position: absolute;
  right: 1rem;
  color: white;
  font-size: 0.75rem;
}

/* Aktive Sortierung: Pfeil aufsteigend = gold */
table.dataTable thead th.sorting_asc::after {
  font-family: FontAwesome;
  content: "\f0de"; /* ↑ */
  position: absolute;
  right: 1rem;
  color: #facc15;
  font-size: 0.75rem;
}

/* Aktive Sortierung: Pfeil absteigend = gold */
table.dataTable thead th.sorting_desc::after {
  font-family: FontAwesome;
  content: "\f0dd"; /* ↓ */
  position: absolute;
  right: 1rem;
  color: #facc15;
  font-size: 0.75rem;
}

table.dataTable thead th.sorting_asc::after {
  content: "\f0de"; /* ↑ */
}
table.dataTable thead th.sorting_desc::after {
  content: "\f0dd"; /* ↓ */
}

/* === Body === */
table.dataTable tbody td {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid white;
  font-size: 0.95rem;
}

table.dataTable tbody tr:nth-child(even) {
  background-color: #1c2431;
}
table.dataTable tbody tr:hover {
  background-color: #273549;
  transition: background-color 0.2s ease;
}

table.dataTable tbody td.dataTables_empty {
  text-align: center;
  color: #94a3b8;
  font-style: italic;
}

/* === Filter & Länge nebeneinander === */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  color: #f8fafc;
}
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background-color: #0f172a;
  color: #e2e8f0;
  border: 1px solid white;
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
}

/* === Pagination === */
.dataTables_wrapper .dataTables_paginate {
  margin-top: 1rem;
  text-align: right;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #0f172a;
  color: #f8fafc;
  border: 1px solid white;
  padding: 0.4rem 0.6rem;
  margin: 0 2px;
  border-radius: 5px;
  font-size: 0.85rem;
  transition: background-color 0.2s ease;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: #334155;
  color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #facc15;
  color: #000;
  font-weight: bold;
}


.inline-action-menu {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scaleY(0);
  transform-origin: top;
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
}

.inline-action-menu.open {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;
  max-height: 200px;
}