/*
 * Minimal styling for the pagy gem's `pagy_nav` helper, whose default markup
 * (a bare <nav class="pagy nav"> of unstyled <a> tags) would otherwise look
 * out of place. Matches the app's plain-link, dark #282c34-family palette.
 */

.pagy.nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.875rem;
}

.pagy.nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  color: inherit;
  text-decoration: none;
}

.pagy.nav a[href]:hover {
  background-color: rgb(243 244 246); /* gray-100 */
}

.pagy.nav a.current {
  background-color: rgb(17 24 39); /* gray-900 */
  color: white;
  font-weight: 600;
}

.pagy.nav a[aria-disabled="true"] {
  color: rgb(156 163 175); /* gray-400 */
  cursor: default;
}

@media (prefers-color-scheme: dark) {
  .pagy.nav a[href]:hover {
    background-color: #2c313a;
  }

  .pagy.nav a.current {
    background-color: #528bff;
    color: #282c34;
  }

  .pagy.nav a[aria-disabled="true"] {
    color: #6b7280;
  }
}