/* Shared styles */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', 'Tahoma', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.glass-card {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
}

textarea:focus {
    outline: none;
}
.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Connection status styles */
#connection-status {
    padding: 0.5rem;
    border-radius: 0.375rem;
    background: rgba(255, 255, 255, 0.05);
    text-align: center;
}
/* AI Assistant specific styles */
.ai-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.ai-modal-content {
  background: #1e293b;
  padding: 2rem;
  border-radius: 0.5rem;
  width: 80%;
  max-width: 800px;
  max-height: 80vh;
  overflow: auto;
}

.ai-toast {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  padding: 1rem;
  border-radius: 0.5rem;
  color: white;
  z-index: 1000;
}

.ai-toast-success {
  background: #10b981;
}

.ai-toast-error {
  background: #ef4444;
}

/* Code diff styling */
.code-diff {
  font-family: 'JetBrains Mono', monospace;
}

.code-added {
  background: rgba(16, 185, 129, 0.2);
}

.code-removed {
  background: rgba(239, 68, 68, 0.2);
}

/* Animation for connection */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.connecting {
  animation: pulse 1.5s infinite;
}