/* Custom Toast Styles */
.custom-toast {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-family: 'Inter', sans-serif;
}

.custom-toast-body {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.4;
}

.custom-toast-progress {
  height: 3px;
}

/* Success Toast */
.custom-toast-success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  color: white;
}

.custom-toast-success .custom-toast-progress {
  background: rgba(255, 255, 255, 0.3);
}

/* Error Toast */
.custom-toast-error {
  background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
  color: white;
}

.custom-toast-error .custom-toast-progress {
  background: rgba(255, 255, 255, 0.3);
}

/* Warning Toast */
.custom-toast-warning {
  background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
  color: #212529;
}

.custom-toast-warning .custom-toast-progress {
  background: rgba(33, 37, 41, 0.2);
}

/* Info Toast */
.custom-toast-info {
  background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%);
  color: white;
}

.custom-toast-info .custom-toast-progress {
  background: rgba(255, 255, 255, 0.3);
}

/* Loading Toast */
.custom-toast-loading {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  color: white;
}

.custom-toast-loading .custom-toast-progress {
  background: rgba(255, 255, 255, 0.3);
}

/* Toast Container */
.Toastify__toast-container {
  width: 320px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

/* Responsive */
@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  
  .Toastify__toast-container--top-right {
    top: 0;
    right: 0;
    transform: none;
  }
  
  .custom-toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

/* Animation improvements */
.Toastify__toast--success {
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.Toastify__toast--error {
  background: linear-gradient(135deg, #dc3545 0%, #e74c3c 100%);
}

.Toastify__toast--warning {
  background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
  color: #212529;
}

.Toastify__toast--info {
  background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%);
}