/* Custom Video Studio Scrollbars & Refinements */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090a0f;
}
::-webkit-scrollbar-thumb {
  background: #23283e;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3b4267;
}

/* Glassmorphism Classes */
.glass-panel {
  background: rgba(19, 22, 34, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Timeline Cards */
.timeline-card {
  min-width: 140px;
  max-width: 170px;
  height: 68px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.timeline-card.active {
  border-color: #06b6d4 !important;
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.35);
  transform: translateY(-2px);
}

/* Selected Button Highlights */
.style-choice-btn.selected {
  border-color: #8b5cf6 !important;
  background-color: rgba(139, 92, 246, 0.15) !important;
  box-shadow: 0 0 12px rgba(139, 92, 246, 0.25);
}
.voice-btn.selected {
  border-color: #06b6d4 !important;
  background-color: rgba(6, 182, 212, 0.15) !important;
}

/* Weekly Quota Glow & Day Badges */
#btnOpenWeeklyQuotaModal {
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.15);
}
#btnOpenWeeklyQuotaModal:hover {
  box-shadow: 0 0 18px rgba(16, 185, 129, 0.3);
}

/* Animations */
@keyframes glowPulse {
  0%, 100% { opacity: 0.8; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.03); }
}
.glow-pulse {
  animation: glowPulse 3s infinite ease-in-out;
}

/* Text selections disabled for native feel */
button, input, select, textarea, .timeline-card {
  user-select: none;
  -webkit-user-select: none;
}