/* Ergänzungen zu Tailwind. */

html { scrollbar-gutter: stable; }

@keyframes fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Zeit-/Datumsfelder im Dark-Mode lesbar */
html.dark input[type="time"]::-webkit-calendar-picker-indicator,
html.dark input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
input[type="time"], input[type="date"] { color-scheme: light; min-height: 34px; }
html.dark input[type="time"], html.dark input[type="date"] { color-scheme: dark; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

table { font-variant-numeric: tabular-nums; }