/* Custom Admin Styles */
.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-thin::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/* Mobile table improvements */
@media (max-width: 640px) {
  .table-mobile {
    font-size: 0.75rem;
  }
  
  .table-mobile th,
  .table-mobile td {
    padding: 0.5rem 0.25rem;
    white-space: nowrap;
  }
  
  .table-mobile .status-badge {
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
  }
  
  .table-mobile .action-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
  }
}

/* Pagination improvements */
.pagination-info {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}

.pagination-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  transition: all 0.2s;
}

.pagination-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.pagination-btn.active {
  background-color: rgba(16, 185, 129, 0.2);
  color: rgb(16, 185, 129);
  font-weight: 500;
}

.pagination-btn.disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.05);
  cursor: not-allowed;
}