.topbar { align-items: flex-start; }
.top-actions { flex-shrink: 0; flex-wrap: wrap; }
.filters input { width: 100%; min-height: 40px; border: 1px solid var(--line); border-radius: 8px; padding: 7px 11px; }
.case-list { max-height: 52vh; }
.case-sub { white-space: normal; overflow-wrap: anywhere; }
.status-dot.correct { color: var(--green); }
.decision-row [data-decision="correct"][aria-pressed="true"] { background: var(--green); }
.case-header h2 { overflow-wrap: anywhere; }
.review-card { margin: 0 0 16px; }
.evidence-card img { min-height: 60px; }
.evidence-meta { margin: 8px 0; color: var(--muted); overflow-wrap: anywhere; font-size: 13px; }
.focus-label { min-height: 0; }
.transcript { max-height: 300px; font-size: 12px; overflow-wrap: anywhere; }
.annotation-note { white-space: pre-wrap; overflow-wrap: anywhere; }
.analysis-card details + details { margin-top: 10px; }
.analysis-card details p { margin-top: 8px; }
.analysis-card summary { cursor: pointer; font-weight: 650; }
.analysis-card .evidence-grid { margin-top: 12px; }
.filter-actions { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 12px; }
.progress-count { margin: 0; color: var(--muted); font-size: 12px; }
.dataset { color: var(--muted); font-weight: 400; }
.manual-summary { margin: 0 0 12px; color: var(--muted); font-size: 13px; }
button:disabled { cursor: default; opacity: .5; }
footer { padding: 16px 24px; color: var(--muted); font-size: 13px; }
a { color: var(--blue); }
@media (max-width: 600px) { .topbar { padding: 18px 14px; }.topbar h1 { font-size: 22px; }.case-list { max-height: 220px; } }

audio { width: 100%; margin-top: 10px; }
.replay-images { margin-top: 12px; }
.ai-annotation { border-left: 4px solid var(--blue); }
.ai-annotation h4 { margin: 14px 0 5px; }
.native-evidence { border-left: 4px solid var(--green); }
.legacy-evidence { border-left: 4px solid var(--line); }
.transcript-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.content, .transcript-grid > section, .review-shell { min-width: 0; }
.transcript { white-space: pre-wrap; }
@media (max-width: 700px) { .transcript-grid { grid-template-columns: 1fr; } .top-actions { flex-shrink: 1; } }