/* Custom styles beyond DaisyUI */

/* Make tables more readable on mobile */
@media (max-width: 640px) {
  .table td, .table th {
    padding: 0.75rem 0.5rem;
  }
}

/* Add a subtle hover effect to company rows */
.table tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.02);
}

/* Add a subtle transition to buttons */
.btn {
  transition: all 0.2s ease-in-out;
}

/* Custom card styling */
.card {
  transition: transform 0.2s ease-in-out;
}

.card:hover {
  transform: translateY(-2px);
}