/**
 * SQL Quote Tool - Custom Styles (Tailwind-compatible)
 * Only custom styles that Tailwind doesn't cover
 * 
 * @author LD (首席开发)
 * @created 2025-06-19
 * @version 2.0.0 - Tailwind CSS Integration
 */

/* ===== LOADING BUTTON ANIMATION ===== */
.loading {
  position: relative;
  pointer-events: none;
}

.loading::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* ===== ENHANCED ANIMATIONS ===== */
@keyframes fadeIn {
  0% { 
    opacity: 0; 
    transform: translateY(10px); 
  }
  100% { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

@keyframes slideIn {
  0% { 
    transform: translateX(100%); 
  }
  100% { 
    transform: translateX(0); 
  }
}

/* ===== CUSTOM UTILITIES ===== */
.font-mono {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Courier New', monospace;
}

/* Better focus for accessibility */
*:focus-visible {
  outline: 2px solid #3b82f6 !important;
  outline-offset: 2px !important;
}

/* Custom scrollbar for webkit browsers */
textarea::-webkit-scrollbar {
  width: 8px;
}

textarea::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

textarea::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}