/* Styles matching test.html Cyberpunk & Eri theme + Docker Desktop Accordion UI */

body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background-color: #131313;
  color: #E5E2E1;
}

.grid-overlay {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 40px 40px;
}

.radial-glow {
  background: radial-gradient(circle at 50% 50%, rgba(231, 187, 198, 0.04) 0%, transparent 70%);
}

nav, main, footer {
  position: relative;
  z-index: 10;
}

select option {
  background-color: #1c1b1b !important;
  color: #ffffff !important;
}

.glass-panel {
  background-color: rgba(28, 27, 27, 0.6);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.neon-glow-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.neon-glow-hover:hover {
  border-color: #e7bbc6;
  box-shadow: 0 0 12px rgba(231, 187, 198, 0.2);
  color: #ffffff;
}

/* Interactive vertical indicator for rows/cards matching test.html */
.card-neon-border {
  position: relative;
  transition: all 0.25s ease;
}

.card-neon-border::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #e7bbc6;
  transform: scaleY(0);
  transition: transform 0.25s ease;
  transform-origin: center;
}

.card-neon-border:hover::before {
  transform: scaleY(1);
}

.card-neon-border:hover {
  background-color: rgba(255, 255, 255, 0.02);
}

/* Docker Stack Accordion Styles */
.stack-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
}

.stack-active .stack-content {
  max-height: 1200px;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.stack-icon {
  transition: transform 0.3s ease;
}

.stack-active .stack-icon {
  transform: rotate(180deg);
}

/* Custom scrollbar matching dark cyber aesthetics */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #131313;
}
::-webkit-scrollbar-thumb {
  background: #4A4546;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e7bbc6;
}