/* Test-specific styles, served via /includes/{sessionId}/styles.css */
#status { list-style: none; padding: 0; margin: 2rem 0; }
#status li { padding: 1rem 0; border-bottom: 1px solid var(--color-border); }
.check-row { display: flex; align-items: baseline; gap: 1rem; }
.check-name { font-weight: 700; min-width: 10rem; color: var(--color-text); }
.check-desc { font-size: 0.9rem; color: var(--color-text-muted); margin: 0.5rem 0 0; }

.ok { color: var(--color-success); font-weight: bold; }
.fail { color: var(--color-error); font-weight: bold; }
.na { color: var(--color-text-muted); opacity: 0.7; }

@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.pending { color: var(--color-pending); animation: pulse 1.5s ease-in-out infinite; }

#done-msg {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  background: var(--color-surface);
  border-left: 4px solid var(--color-accent);
  border-radius: 6px;
  animation: slide-in 0.4s ease-out;
}
@keyframes slide-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
#done-msg p { margin: 0; font-weight: 500; }