/* Pagy info text (e.g. "Mostrando 1 a 5 de 12 ítems") */
.pagy.info {
  @apply text-sm text-slate-500;

  b {
    @apply font-medium text-navy-700;
  }
}

/* Pagy nav pagination */
.pagy {
  @apply flex items-center gap-1;

  [aria-label="Anterior"] {
    @apply px-3 py-1.5 text-sm text-navy-600 border border-slate-200 rounded-lg hover:bg-slate-50 transition-colors;
    &:not([href]) {
      @apply text-slate-400 cursor-not-allowed hover:bg-transparent;
    }
  }

  [aria-label="Siguiente"] {
    @apply px-3 py-1.5 text-sm text-navy-600 border border-slate-200 rounded-lg hover:bg-slate-50 transition-colors;
    &:not([href]) {
      @apply text-slate-400 cursor-not-allowed hover:bg-transparent;
    }
  }

  a:not(.gap) {
    @apply flex items-center justify-center px-3 py-1.5 text-sm text-navy-600 border border-slate-200 rounded-lg hover:bg-slate-50 transition-colors;
    &:not([href]) {
      @apply text-slate-400 cursor-not-allowed hover:bg-transparent;
    }
    &.current {
      @apply bg-navy-700 text-white border-navy-700 font-medium hover:bg-navy-700;
    }
  }

  label {
    @apply inline-block whitespace-nowrap bg-slate-100 rounded-lg px-3 py-0.5;
    input {
      @apply bg-white border-none rounded-md;
    }
  }
}


div.ts-wrapper div.ts-control {
  @apply rounded-lg p-2.5 text-sm bg-gray-50;
}