/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


.toast-message {
  background: #2d3748;
  color: #fff;
  padding: 12px 24px;
  border-radius: 6px;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
  font-size: 1rem;
}






.pagination {
  @apply inline-flex items-center space-x-2 rounded-md shadow-sm;
}

.pagination a,
.pagination span {
  @apply flex items-center justify-center w-10 h-10 text-gray-600 bg-white border border-gray-300 rounded-full font-semibold transition duration-300 ease-in-out hover:bg-blue-100 hover:border-blue-400 hover:text-blue-600;
}

.pagination .current {
  @apply bg-blue-600 border-blue-600 text-white cursor-default shadow-md;
}

.pagination .disabled {
  @apply text-gray-400 cursor-not-allowed bg-gray-100 border-gray-200;
}

/* Optional: Add SVG icons for Previous and Next buttons by embedding in view templates */

.kaminari {
  @apply flex space-x-2 mt-4;
}

.kaminari a,
.kaminari span {
  @apply px-3 py-1 border rounded text-sm;
}

.kaminari .current {
  @apply bg-orange-500 text-white border-orange-600;
}

.kaminari a:hover {
  @apply bg-orange-100;
}