/* Grundlegende Form-Felder modernisieren (ohne Tailwind-Build) */
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="file"],
select,
textarea {
  border: 1px solid #cbd5e1;       /* slate-300 */
  background: #ffffff;
  border-radius: 0.75rem;           /* rounded-xl */
  padding: 0.5rem 0.75rem;          /* px-3 py-2 */
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #0284c7;            /* sky-600 */
  box-shadow: 0 0 0 3px rgba(2,132,199,.16); /* focus ring */
  background: #ffffff;
}

button,
.button {
  border-radius: 0.75rem;
  font-weight: 600;
}

.table-modern thead th {
  position: sticky; top: 0;
  background: #f1f5f9;              /* slate-100 */
  z-index: 1;
}
.table-modern tbody tr:hover {
  background: #f8fafc;              /* slate-50 */
}

.card {
  background: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px rgba(15,23,42,.06), 0 1px 1px rgba(15,23,42,.04);
}
.card:hover { box-shadow: 0 4px 12px rgba(15,23,42,.10); }

.badge {
  display:inline-block; padding:.125rem .5rem; border-radius:.5rem;
  background:#eef2ff; color:#3730a3; font-size:.75rem; /* indigo */
}

/* Dezentere Platzhalter */
::placeholder { color:#94a3b8; }    /* slate-400 */