@tailwind base;
@tailwind components;
@tailwind utilities;

/* Next.js error overlay styles */
[data-nextjs-dialog-backdrop] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

/* Prevent white flash on admin pages */
@layer base {
  html {
    background-color: rgb(249 250 251);
  }
  
  html.dark {
    background-color: rgb(17 24 39);
  }
  
  body {
    @apply bg-gray-50 dark:bg-gray-900 transition-none;
  }
  
  /* Disable transitions on page load to prevent flash */
  .no-transitions * {
    transition: none !important;
  }
}