.passed-main {
  min-height: calc(100vh - 68px);
}

.passed-empty {
  padding: 3rem 1rem 2rem;
}

.empty-icon {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 1px solid rgba(139, 164, 192, 0.3);
  color: #3f5572;
  display: grid;
  place-items: center;
  background: rgba(8, 15, 28, 0.55);
  box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.06);
}

.empty-icon svg {
  width: 0.95rem;
}

.passed-empty h2 {
  color: #9fb6d1;
}

.empty-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--cyan);
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 700;
}

.empty-link:hover {
  color: #9ef0ff;
}

.stat-value small {
  font-size: 0.7rem;
  color: #637b97;
}

:root[data-theme="light"] .empty-icon {
  border-color: #cfe0f5;
  color: #7090b2;
  background: #f8fbff;
}

:root[data-theme="light"] .passed-empty h2 {
  color: #3c5a7d;
}