/* Native pickers — Tailwind preflight pone appearance:none y rompe el calendario */
input[type='date'],
input[type='datetime-local'],
input[type='time'],
input[type='month'],
input[type='week'],
input[type='color'],
input.native-input[type='date'],
input.native-input[type='datetime-local'],
input.native-input[type='time'],
input.native-input[type='month'],
input.native-input[type='week'] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  color-scheme: dark;
  min-height: 2.5rem;
  position: relative;
}

input[type='color'],
input.native-input[type='color'] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  padding: 0.25rem;
  cursor: pointer;
  min-width: 3.5rem;
}

input[type='date']::-webkit-calendar-picker-indicator,
input[type='datetime-local']::-webkit-calendar-picker-indicator,
input[type='time']::-webkit-calendar-picker-indicator,
input[type='month']::-webkit-calendar-picker-indicator,
input[type='week']::-webkit-calendar-picker-indicator {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 1;
  filter: invert(0.85);
  margin-left: 0.25rem;
}

input[type='color']::-webkit-color-swatch-wrapper {
  padding: 2px;
}

input[type='color']::-webkit-color-swatch {
  border: none;
  border-radius: 0.35rem;
}

.native-input,
input.native-input {
  color-scheme: dark;
}

/* Firefox */
input[type='date'],
input[type='datetime-local'],
input[type='time'] {
  padding-right: 0.5rem;
}