@import "tailwindcss";
@config "../tailwind.config.js";

/* Custom responsive styles for small windows */
@media (max-width: 640px) {
  .container {
    max-width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* Ensure LED control panels are responsive */
.led-control-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.75rem;
}

@media (max-width: 600px) {
  .led-control-grid {
    grid-template-columns: 1fr;
  }
}