@import "tailwindcss";

/* Пагинация Pagy (@pagy.series_nav). Акцент — indigo-600 под тему админки. */
.pagy {
  @apply flex items-center space-x-1 text-sm text-gray-400;
  a {
    @apply flex items-center justify-center min-w-[32px] h-8 px-2 rounded-lg transition-colors duration-150;
    &:hover {
      @apply bg-gray-100 text-gray-600;
    }
    &:not([href]) { /* disabled prev/next */
      @apply text-gray-200 cursor-default;
      &:hover { @apply bg-transparent; }
    }
    &[aria-current="page"] {
      @apply border border-indigo-600 text-indigo-600 font-medium bg-white;
    }
    &[role="separator"] { /* gap */
      @apply cursor-default text-gray-300;
      &:hover { @apply bg-transparent; }
    }
  }
  label {
    @apply inline-block whitespace-nowrap bg-gray-200 rounded px-3 py-0.5;
    input {
      @apply bg-gray-100 border-none rounded-md;
    }
  }
}