/* HTMX Transition Styles */

/* Smooth fade transition for content swaps */
#main-content {
  transition: opacity 0.2s ease-in-out;
}

/* Loading state */
#main-content.htmx-swapping {
  opacity: 0.4;
  pointer-events: none;
}

/* HTMX built-in classes for animations */
.htmx-settling {
  transition: opacity 0.2s ease-in-out;
}

/* Loading spinner */
#htmx-spinner {
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms;
}

#htmx-spinner.show {
  opacity: 1;
  pointer-events: auto;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}