﻿/* LeakNet Interactive Efficacy Report */
.leaknet-efficacy-report {
  font-family: 'Roboto', sans-serif;
  background-color: #f5f5f5;
  color: #3d4752;
}

.leaknet-efficacy-report__embed {
  background-color: #f5f5f5;
  color: #3d4752;
}

.leaknet-efficacy-report .chart-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  height: 350px;
  max-height: 400px;
}

@media (max-width: 768px) {
  .leaknet-efficacy-report .chart-container {
    height: 300px;
    max-height: 350px;
  }
}

.leaknet-efficacy-report .nav-link {
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

.leaknet-efficacy-report .nav-link.active,
.leaknet-efficacy-report .nav-link:hover {
  color: #0064b4;
  border-bottom-color: #0064b4;
}

.leaknet-efficacy-report .stat-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.leaknet-efficacy-report .stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.leaknet-efficacy-report .animated-dot::after {
  content: ' .';
  animation: leaknet-dot-animation 1s infinite steps(1, start);
}

@keyframes leaknet-dot-animation {
  0% { content: ' .'; }
  25% { content: ' ..'; }
  50% { content: ' ...'; }
  75% { content: ' ...'; }
}

.leaknet-efficacy-report h1,
.leaknet-efficacy-report h2,
.leaknet-efficacy-report h3 {
  font-family: 'Raleway', sans-serif;
}

.leaknet-efficacy-report .quensus-blue { color: #0064b4; }
.leaknet-efficacy-report .quensus-light-blue { color: #1999ff; }
.leaknet-efficacy-report .quensus-orange { color: #ff9a00; }
.leaknet-efficacy-report .quensus-dark { color: #3d4752; }
.leaknet-efficacy-report .bg-quensus-blue { background-color: #0064b4; }
.leaknet-efficacy-report .bg-quensus-orange { background-color: #ff9a00; }
.leaknet-efficacy-report .bg-quensus-dark { background-color: #3d4752; }
.leaknet-efficacy-report .bg-red-50 { background-color: #fee2e2 !important; }
.leaknet-efficacy-report .bg-red-100 { background-color: #fecaca !important; }
.leaknet-efficacy-report .bg-blue-50 { background-color: #dbeafe !important; }
.leaknet-efficacy-report .bg-blue-100 { background-color: #bfdbfe !important; }

.leaknet-efficacy-report .border-quensus-blue {
  border-color: #0064b4;
}

.leaknet-efficacy-report #navbar {
  position: sticky;
  top: 0;
  z-index: 40;
}
