.eval2{width:100%}.eval2-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.eval2-head h3{font:30px Georgia,serif;margin:4px 0}.eval2-head p{margin:0;color:#60747a}.eval2-head>span{background:#e8f0ed;border-radius:99px;padding:8px 12px;font-size:12px}.eval2-rows{display:grid;gap:10px}.eval2-row{background:#fffdfa;border:1px solid #ddd6c8;border-radius:15px;padding:14px}.eval2-id{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mini-face{width:36px;height:36px;border-radius:50%;background:#f1e7dc;display:grid;place-items:center;font-weight:900}.eval2-balls{display:flex;gap:12px;flex-wrap:wrap}.eval2-balls button{border:0;background:none;display:grid;justify-items:center;gap:5px;cursor:pointer;color:#607078}.eval2-balls i{width:34px;height:34px;border-radius:50%;background:var(--ball-fill);border:2px solid var(--ball-edge);opacity:.55}.eval2-balls button[aria-checked=true] i{opacity:1;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ball-edge);transform:scale(1.05)}.eval2-balls button small{font-size:10px}.eval2-balls [data-code=DIFFICULTY]{--ball-fill:#f4c9c2;--ball-edge:#b77e71}.eval2-balls [data-code=REINFORCE]{--ball-fill:#f5e8a8;--ball-edge:#aa9650}.eval2-balls [data-code=SUCCESS]{--ball-fill:#bfe2c8;--ball-edge:#658c6e}.eval2-balls [data-code=EASE]{--ball-fill:#b9dce2;--ball-edge:#527d85}.eval2-row details{margin-top:10px}.eval2-row summary{font-size:12px;font-weight:800;cursor:pointer}.eval2-row textarea{width:100%;min-height:70px;margin-top:8px;border:1px solid #d4ddda;border-radius:12px;padding:10px;font:14px inherit}.eval2-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:14px;padding:16px;border-radius:16px;background:#edf3f1}.eval2-footer p{margin:3px 0 0;color:#60747a}.eval2-footer button{border:0;border-radius:99px;background:#c77f68;color:#fff;padding:12px 16px;font-weight:800}
.eval2-balls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.eval2-balls [data-code=EXCUSED]{--ball-fill:#ecebea;--ball-edge:#7b8588}.demo-comment{display:block;margin-top:16px;font-size:13px;font-weight:700}.demo-comment textarea{display:block;font-weight:400}.eval2-head [data-validation]{white-space:nowrap}

/* Compact pupil rows; comment editing belongs to a modal. */
.eval2-table-scroll{overflow-x:auto}.eval2-table{min-width:650px}
.eval2 .eval2-row,.eval2-column-head{display:grid;grid-template-columns:140px minmax(310px,1fr) 125px;gap:12px;align-items:center}
.eval2 .eval2-row{padding:12px 14px;border-radius:12px}.eval2 .eval2-id{margin:0}.eval2 .eval2-balls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.eval2-column-head{padding:8px 14px;font-size:11px;font-weight:700;color:#607078}.eval2-column-head>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;text-align:center}
.eval2 .eval2-comment{border:1px solid #d5dfdc;border-radius:99px;background:#fff;padding:8px 10px;color:#213644;cursor:pointer;font:600 12px system-ui;white-space:nowrap}
.eval2-comment-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid #d5dfdc;border-radius:20px;padding:28px;background:#fffefa;color:#213644}
.eval2-comment-dialog::backdrop{background:#21364488}.eval2-comment-dialog h3{font:28px Georgia,serif;margin:0 0 20px}.eval2-comment-dialog textarea{width:100%;min-height:140px;margin:10px 0 18px;padding:14px;border:1px solid #cad8d4;border-radius:12px;font:16px system-ui}
.eval2-comment-actions{display:flex;justify-content:flex-end;gap:10px}.eval2-comment-actions button{border:1px solid #cad8d4;border-radius:99px;padding:10px 14px;background:#fff;cursor:pointer}.eval2-comment-actions button[type=submit]{background:#213644;color:#fff}