#evaluations-view { display:flex; flex-direction:column; min-height:0; flex:1; }
.evaluation-table-wrap { min-height:0; overflow:auto; border:1px solid var(--border); border-radius:8px; background:var(--panel); }
#evaluation-list { width:100%; }
#evaluation-list td:first-child { white-space:normal; }
#evaluation-list small { display:block; margin-top:4px; }
#evaluation-dialog { width:min(760px,90vw); max-height:90dvh; padding:0; background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:10px; }
#evaluation-form { display:flex; flex-direction:column; max-height:calc(90dvh - 65px); }
.evaluation-edit-scroll { padding:0 22px; overflow:auto; }
#evaluation-form textarea[name=definition], .evaluation-assignment textarea { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
#evaluation-edit-error { margin:8px 22px; color:var(--error); }
#evaluation-billing { margin-top:22px; padding:20px; border:1px solid var(--border); border-radius:9px; background:var(--panel); }
.evaluation-filters { display:grid; grid-template-columns:minmax(0,1fr); max-width:480px; gap:0 15px; align-items:end; }
.evaluation-filters label { min-width:0; }
.evaluation-dates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 15px; }
.evaluation-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 15px; }
.evaluation-options { margin:10px 0; }
.evaluation-options > summary::after { content:none; }
.evaluation-options > summary::before { content:'▸'; display:inline-block; width:14px; margin-right:6px; color:var(--muted); }
.evaluation-options[open] > summary::before { content:'▾'; }
.evaluation-actions { display:flex; gap:10px; align-items:center; margin:14px 0; }
.evaluation-scope { color:var(--muted); font-size:12px; margin:8px 0; white-space:pre-wrap; }
.evaluation-error { color:var(--error); white-space:pre-wrap; }
.evaluation-error.evaluation-warning { color:var(--gold); }
.evaluation-summary { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.evaluation-summary > span { display:flex; flex-direction:column; gap:6px; min-width:125px; padding:11px 15px; border:1px solid var(--border); border-radius:8px; background:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 7px),var(--panel); color:var(--muted); font-size:10px; font-weight:550; letter-spacing:.4px; text-transform:uppercase; }
.evaluation-summary strong { color:var(--gold); font-size:26px; line-height:1.1; font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:-.5px; text-transform:none; }
.evaluation-results { overflow:auto; max-height:52vh; border-top:1px solid var(--border); }
.evaluation-results table { width:100%; }
.evaluation-results td { max-width:280px; white-space:normal; overflow-wrap:anywhere; }
.evaluation-assignment { padding:0; margin:6px 0; background:var(--background); border:1px solid var(--border); border-radius:6px; }
.form-scroll .evaluation-assignment > summary { display:flex; gap:8px; align-items:center; justify-content:space-between; min-height:27.2px; padding:3px 10px; border:0; border-radius:5px; white-space:normal; font-weight:400; color:var(--emphasis); }
.evaluation-assignment-heading::after { content:none; }
.evaluation-assignment-heading .text-button { width:22px; height:17.6px; min-height:0; padding:0; margin:0; border:0; line-height:1; flex:none; }
.evaluation-assignment-heading::before { content:"▸"; color:var(--muted); }
.evaluation-assignment[open] > .evaluation-assignment-heading::before { content:"▾"; }
.evaluation-assignment-heading > span { flex:1; overflow-wrap:anywhere; }
.evaluation-assignment-fields { padding:0 10px 10px; display:grid; grid-template-columns:1fr 85px; gap:0 12px; }
.evaluation-assignment-fields .wide { grid-column:1/-1; }
.evaluation-assign-add { display:flex; gap:8px; margin:0; }
.evaluation-assign-add > button { color:var(--emphasis); font-weight:400; font-size:20px; }
.evaluation-assign-add select { flex:1; min-width:0; }
@media(max-width:600px) { .evaluation-filters { grid-template-columns:1fr; } }

.evaluation-layout { display:grid; grid-template-columns:minmax(240px,480px) minmax(0,1fr); gap:32px; align-items:start; }
.evaluation-controls { min-width:0; }
.evaluation-description { contain:size; align-self:stretch; min-height:0; overflow-y:auto; min-width:0; padding:18px 24px; border-radius:8px; background:var(--background); color:var(--muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.evaluation-description h2, .evaluation-description h3, .evaluation-description h4, .evaluation-description h5, .evaluation-description h6 { color:var(--text); font-size:14px; margin:18px 0 8px; }
.evaluation-description > :first-child { margin-top:0; }
.evaluation-description p { margin:8px 0; }
.evaluation-description ul, .evaluation-description ol { margin:8px 0; padding-left:20px; }
.evaluation-description li { margin:5px 0; }
.evaluation-description strong { color:var(--text); }
.evaluation-description code { font-size:12px; }
@media(max-width:1050px) { .evaluation-layout { grid-template-columns:minmax(0,1fr); gap:18px; } .evaluation-description { contain:none; max-height:400px; } }

.evaluation-progress { display:grid; gap:7px; padding:14px 16px; border:1px solid var(--border); border-radius:8px; background:var(--background); margin:12px 0; font-size:13px; }
.evaluation-progress span { color:var(--muted); font-size:12px; }
.evaluation-progress progress { width:100%; height:5px; accent-color:var(--gold); }
.evaluation-progress.evaluation-slow strong { color:var(--gold); }

.evaluation-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; }
.evaluation-pagination > span { margin-right:auto; font-size:12px; }