.headers-textarea {
  font-family: monospace;
  font-size: 0.82rem;
  min-height: 200px;
  resize: vertical;
}
.form-hint { font-size: 0.8rem; color: var(--text-muted); margin-top: 0.4rem; }
.actions-row { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0; }

.grade-row { display: flex; align-items: center; gap: 1.5rem; padding: 1.25rem; background: var(--bg-secondary); border-radius: var(--radius-md); margin-bottom: 1.25rem; }
.grade-badge { width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 900; color: #fff; flex-shrink: 0; }
.grade-badge.A { background: #16a34a; }
.grade-badge.B { background: #65a30d; }
.grade-badge.C { background: #d97706; }
.grade-badge.D { background: #ea580c; }
.grade-badge.F { background: #dc2626; }
.grade-label { font-weight: 700; font-size: 1.1rem; }
.grade-score  { font-size: 0.88rem; color: var(--text-muted); margin-top: 0.2rem; }

.header-item { border: 1px solid var(--border-color); border-radius: var(--radius-md); margin-bottom: 0.75rem; overflow: hidden; }
.header-item-top { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; cursor: pointer; background: var(--bg-secondary); }
.header-item-top:hover { background: var(--bg-primary); }
.header-status { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; flex-shrink: 0; }
.header-status.pass { background: #dcfce7; color: #15803d; }
.header-status.warn { background: #fef9c3; color: #a16207; }
.header-status.fail { background: #fee2e2; color: #b91c1c; }
.header-name { font-family: monospace; font-weight: 700; font-size: 0.88rem; flex: 1; }
.header-value-preview { font-size: 0.78rem; color: var(--text-muted); font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 260px; }
.header-item-body { padding: 0.75rem 1rem; border-top: 1px solid var(--border-color); font-size: 0.85rem; }
.header-found-val { font-family: monospace; font-size: 0.8rem; background: var(--bg-secondary); padding: 0.4rem 0.6rem; border-radius: var(--radius-sm); margin-bottom: 0.5rem; word-break: break-all; }
.header-desc { color: var(--text-secondary); line-height: 1.5; }
.header-rec { color: #d97706; margin-top: 0.35rem; font-size: 0.82rem; }
.header-rec::before { content: '💡 '; }