[data-controller="sidebar"]:not([data-sidebar-ready]) [data-sidebar-target] {
  transition: none !important;
}

.sidebar-collapsed [data-sidebar-target="sidebar"] {
  @apply lg:w-18;
}

.sidebar-collapsed [data-sidebar-target="content"] {
  @apply lg:pl-18;
}

.sidebar-collapsed [data-sidebar-target="text"],
.sidebar-collapsed [data-sidebar-target="logo"] {
  @apply lg:w-0 lg:opacity-0;
}

.sidebar-collapsed [data-sidebar-target="chevron"] {
  @apply lg:rotate-180;
}

.turbo-progress-bar {
  height: 5px;
  background-color: var(--color-primary);
}

/* Time picker theming for dark mode - native time inputs */
input[type="time"] {
  color-scheme: dark;
}

.dark input[type="time"]::-webkit-calendar-picker-indicator {
  filter: brightness(0) invert(1);
}

input[type="time"]::-webkit-datetime-edit-field {
  color: hsl(var(--foreground));
}

input[type="time"]::-webkit-datetime-edit-text {
  color: hsl(var(--foreground));
}

input[type="time"]::-webkit-datetime-edit-separator {
  color: hsl(var(--foreground));
}