/* Custom Styling for Bitcoin Analyzer Platform */
:root {
  --bg-main: #0b0f19;
  --bg-card: #111827;
  --bg-card-hover: #1f2937;
  --border-color: #1f293d;
  --primary-blue: #3b82f6;
  --bull-green: #10b981;
  --bear-red: #ef4444;
  --accent-gold: #f59e0b;
  --text-main: #f3f4f6;
  --text-muted: #9ca3af;
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
}

/* Glassmorphic card styling */
.glass-panel {
  background: rgba(17, 24, 39, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0b0f19;
}
::-webkit-scrollbar-thumb {
  background: #2d3748;
  border-radius: 3px;
}

/* Heatmap cell styles */
.cell-pos-high {
  background-color: rgba(16, 185, 129, 0.45);
  color: #a7f3d0;
  font-weight: 600;
}
.cell-pos-med {
  background-color: rgba(16, 185, 129, 0.25);
  color: #6ee7b7;
}
.cell-pos-low {
  background-color: rgba(16, 185, 129, 0.12);
  color: #34d399;
}
.cell-neg-low {
  background-color: rgba(239, 68, 68, 0.12);
  color: #fca5a5;
}
.cell-neg-med {
  background-color: rgba(239, 68, 68, 0.25);
  color: #f87171;
}
.cell-neg-high {
  background-color: rgba(239, 68, 68, 0.45);
  color: #fecaca;
  font-weight: 600;
}
.cell-empty {
  background-color: rgba(31, 41, 55, 0.3);
  color: #4b5563;
}

/* Loading spinner */
.spinner {
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #3b82f6;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Directional Gauge styles */
.gauge-strong-bullish {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(5, 150, 105, 0.3));
  border-color: #10b981;
  color: #10b981;
}
.gauge-moderate-bullish {
  background: linear-gradient(135deg, rgba(52, 211, 153, 0.15), rgba(16, 185, 129, 0.2));
  border-color: #34d399;
  color: #34d399;
}
.gauge-neutral {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.2));
  border-color: #f59e0b;
  color: #f59e0b;
}
.gauge-moderate-bearish {
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.15), rgba(239, 68, 68, 0.2));
  border-color: #f87171;
  color: #f87171;
}
.gauge-strong-bearish {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(185, 28, 28, 0.3));
  border-color: #ef4444;
  color: #ef4444;
}