/* Mission Control — Custom Styles */

/* Custom scrollbar (matches GST Tracker) */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #334155; /* slate-700 */
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #475569; /* slate-600 */
}

/* Sidebar nav active state */
.nav-link.active {
  background-color: rgba(13, 148, 136, 0.12); /* gst-600 @ 12% */
  color: #0d9488; /* gst-600 */
  border-left: 3px solid #0d9488;
  padding-left: calc(0.75rem - 3px); /* compensate for border */
}

/* Pulse dot animation */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.status-dot {
  animation: pulse-dot 2s ease-in-out infinite;
}

/* Card hover effect */
.card-hover {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card-hover:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Mobile responsive */
@media (max-width: 768px) {
  aside {
    position: relative;
    width: 100%;
  }
  main {
    margin-left: 0;
  }
}