/* Styles for Dropdown Copy Helper */
/* 下拉复制助手样式 */

/* Toast notification styles */
.dropdown-copy-toast {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  padding: 12px 20px !important;
  border-radius: 6px !important;
  color: white !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  z-index: 10000 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  max-width: 300px !important;
  word-wrap: break-word !important;
  transition: all 0.3s ease !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.dropdown-copy-toast.success {
  background-color: #4caf50 !important;
}

.dropdown-copy-toast.error {
  background-color: #f44336 !important;
}

.dropdown-copy-toast.info {
  background-color: #2196f3 !important;
}

/* Animation for toast appearance */
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.dropdown-copy-toast {
  animation: slideInRight 0.3s ease !important;
}

/* Ensure toast is above all other elements */
.dropdown-copy-toast {
  position: fixed !important;
  z-index: 2147483647 !important; /* Maximum z-index value */
}

/* Responsive design for mobile */
@media (max-width: 768px) {
  .dropdown-copy-toast {
    top: 10px !important;
    right: 10px !important;
    left: 10px !important;
    max-width: none !important;
    font-size: 13px !important;
    padding: 10px 16px !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .dropdown-copy-toast {
    border: 2px solid white !important;
  }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .dropdown-copy-toast {
    animation: none !important;
    transition: none !important;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .dropdown-copy-toast.success {
    background-color: #2e7d32 !important;
  }
  
  .dropdown-copy-toast.error {
    background-color: #c62828 !important;
  }
  
  .dropdown-copy-toast.info {
    background-color: #1565c0 !important;
  }
}