/* Custom Base & Utility Styling */
@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #070C1E;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}

/* Nav Tab States */
.tab-btn.active-tab {
  background: rgba(14, 165, 233, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(14, 165, 233, 0.3);
}

.modal-subtab.active-subtab {
  background: rgba(16, 185, 129, 0.15);
  color: #34d399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Filter Pill States */
.filter-pill {
  background: #0A1128;
  border-color: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}
.filter-pill:hover {
  border-color: rgba(14, 165, 233, 0.4);
  color: #ffffff;
}
.filter-pill.active-pill {
  background: rgba(14, 165, 233, 0.2);
  border-color: #0ea5e9;
  color: #38bdf8;
}

/* Progress bar pulse effect */
@keyframes glowPulse {
  0%, 100% { opacity: 0.8; }
  50% { opacity: 1; filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.6)); }
}
.glow-bar {
  animation: glowPulse 2.5s infinite ease-in-out;
}

/* Print Stylesheet for Transparency Report */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
  header, nav, footer, button, .no-print {
    display: none !important;
  }
  #view-transparency {
    display: block !important;
  }
  .bg-[#111D3F], .bg-[#0A1128], .bg-[#070C1E] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
  }
  .text-white, .text-slate-200, .text-slate-300 {
    color: #0f172a !important;
  }
}