.toast-container {
  z-index: 9999;
}

.card {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
}

.card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.text-break {
  word-break: break-word;
}

@media (max-width: 768px) {
  .btn-group {
    flex-wrap: wrap;
    gap: 4px;
  }
  
  .btn-group .btn {
    flex: 0 0 auto;
  }
}