/* ========================================================
   Dr. Avneet Sandhu • Academic Portal Stylesheet
   Responsive Light & Dark Mode
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.45);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.7);
}

/* Hide scrollbar for horizontal chip bars */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Fullscreen Projector Mode styling */
:fullscreen #qr-projector-modal-content {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  background: #020617 !important;
  color: #ffffff !important;
  padding: 2rem !important;
  border: none !important;
}

:fullscreen #qr-canvas-container canvas {
  width: min(75vw, 420px) !important;
  height: min(75vw, 420px) !important;
  padding: 20px !important;
  background: #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important;
}

:fullscreen #qr-test-title {
  color: #ffffff !important;
  font-size: 2rem !important;
}

/* Print styles for student scorecard */
@media print {
  body * {
    visibility: hidden;
  }
  #test-results-step, #test-results-step * {
    visibility: visible;
  }
  #test-results-step {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #000 !important;
    background: #fff !important;
  }
  button, .no-print, header, footer {
    display: none !important;
  }
}