/* Extracted from pages/evidence.html */
.evidence-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem; margin: 1.25rem 0; }
.evidence-card h3 { color: var(--accent); margin-bottom: 0.75rem; }
.stat { font-family: var(--font-mono); font-weight: 700; }
.stat-green { color: var(--green); }
.stat-red { color: var(--red); }
.stat-accent { color: var(--accent); }
.witness-table td:first-child { font-weight: 600; }
.exp-filter { background: var(--bg-card); border: 1px solid var(--border); color: var(--text); padding: 0.4rem 0.8rem; border-radius: 4px; cursor: pointer; font-size: 0.85rem; }
.exp-filter:hover { border-color: var(--accent); }
.exp-filter.active { background: var(--accent); color: var(--bg); border-color: var(--accent); }
.exp-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px; padding: 1.25rem; margin-bottom: 0.75rem; }
.exp-item.status-completed { border-left: 3px solid var(--green); }
.exp-item.status-in_progress { border-left: 3px solid var(--accent); }
.exp-item.status-protocol { border-left: 3px solid var(--border); }
.exp-item.status-designed { border-left: 3px solid var(--red); }
.exp-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.exp-id { font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-dim); }
.exp-status-badge { font-size: 0.75rem; padding: 0.2rem 0.5rem; border-radius: 3px; white-space: nowrap; }
.badge-completed { background: rgba(0,200,0,0.15); color: var(--green); }
.badge-in_progress { background: rgba(100,150,255,0.15); color: var(--accent); }
.badge-protocol { background: rgba(150,150,150,0.15); color: var(--text-dim); }
.badge-designed { background: rgba(255,100,100,0.15); color: var(--red); }
.exp-plain { font-size: 0.95rem; margin: 0.4rem 0 0.5rem; }
.exp-summary { font-size: 0.85rem; color: var(--text-dim); margin: 0.3rem 0; }
.exp-stat { font-family: var(--font-mono); font-size: 0.85rem; color: var(--accent); }
.exp-domains { display: flex; gap: 0.3rem; flex-wrap: wrap; margin-top: 0.5rem; }
.exp-domain-tag { font-size: 0.7rem; padding: 0.15rem 0.4rem; border-radius: 3px; background: rgba(150,150,150,0.1); color: var(--text-dim); }
