/* Custom Styles and Cyber Animations */

/* Custom Scrollbar for sleek UI look */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #090D16;
}

::-webkit-scrollbar-thumb {
  background: #1E293B;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Base Body Styles */
body {
  font-family: 'Inter', sans-serif;
  overflow: hidden;
}

/* Animations */
@keyframes neon-pulse {
  0%, 100% {
    box-shadow: 0 0 4px rgba(0, 240, 255, 0.2), 0 0 12px rgba(0, 240, 255, 0.1);
  }
  50% {
    box-shadow: 0 0 8px rgba(0, 240, 255, 0.4), 0 0 20px rgba(0, 240, 255, 0.2);
  }
}

.glow-blue {
  animation: neon-pulse 3s infinite alternate;
}

/* Markdown preview formatting styling */
#report-preview h1 {
  font-family: 'Fira Code', monospace;
  color: #00F0FF;
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 1px solid #1E293B;
  padding-bottom: 0.25rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

#report-preview h2 {
  font-family: 'Fira Code', monospace;
  color: #39FF14;
  font-size: 1.05rem;
  font-weight: 600;
  margin-top: 0.85rem;
  margin-bottom: 0.4rem;
}

#report-preview p {
  margin-bottom: 0.5rem;
  line-height: 1.5;
  color: #CBD5E1;
}

#report-preview ul {
  list-style-type: disc;
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
}

#report-preview li {
  margin-bottom: 0.25rem;
  color: #E2E8F0;
}

#report-preview code {
  font-family: 'Fira Code', monospace;
  background-color: #0D1321;
  color: #BD00FF;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.85em;
  border: 1px solid #1E293B;
}

#report-preview pre {
  background-color: #05070B;
  border: 1px solid #1E293B;
  border-radius: 0.375rem;
  padding: 0.75rem;
  overflow-x: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#report-preview pre code {
  background-color: transparent;
  color: #00F0FF;
  border: none;
  padding: 0;
}

/* Terminal logs pulse animations */
.log-row {
  display: flex;
  gap: 8px;
  line-height: 1.6;
  border-left: 2px solid transparent;
  padding-left: 4px;
}

.log-row.ceo { border-color: #BD00FF; }
.log-row.recon { border-color: #FFB000; }
.log-row.exploit { border-color: #FF3131; }
.log-row.reporter { border-color: #39FF14; }
.log-row.qa { border-color: #00F0FF; }
.log-row.system { border-color: #64748B; }
.log-row.error { border-color: #EF4444; background: rgba(239, 68, 68, 0.05); }

/* Blinking cursor */
.cursor-blink::after {
  content: "█";
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  from, to { color: transparent }
  50% { color: inherit }
}