.data-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
.data-table th {
  background: var(--ink-light);
  color: var(--parchment);
  font-family: 'Cinzel', serif;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  padding: 0.5rem 0.6rem;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
.data-table td {
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid rgba(160,112,48,0.2);
  vertical-align: middle;
}
.data-table tbody tr:hover { background: rgba(200,151,42,0.08); }
.data-table tbody tr:nth-child(even) { background: rgba(200,151,42,0.04); }
.data-table tbody tr:nth-child(even):hover { background: rgba(200,151,42,0.1); }

/* ===== EINGABEFELDER in Tabellenzellen ===== */
.data-table input {
  color: var(--ink);
}
/* Nummer-Spinner: Platz für Pfeile + Theme-Farbe */
.data-table input[type="number"] {
  padding-right: 2px !important;
}
/* Webkit (Chrome/Edge): Spinner immer sichtbar, im Theme-Stil */
.data-table input[type="number"]::-webkit-outer-spin-button,
.data-table input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: inner-spin-button;
  opacity: 1;
  cursor: pointer;
  background: linear-gradient(180deg, var(--gold-light) 0%, var(--bronze) 100%);
  border-left: 1px solid var(--bronze);
  width: 15px;
  transition: background 0.12s;
}
.data-table input[type="number"]:hover::-webkit-outer-spin-button,
.data-table input[type="number"]:hover::-webkit-inner-spin-button,
.data-table input[type="number"]:focus::-webkit-outer-spin-button,
.data-table input[type="number"]:focus::-webkit-inner-spin-button {
  background: linear-gradient(180deg, var(--gold) 0%, var(--gold-light) 100%);
  border-left-color: var(--gold);
}