.evaluation-panel{color:var(--n-403b35,#403b35);margin:18px 0 0;min-width:0}.evaluation-heading,.evaluation-card-heading,.evaluation-form-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.evaluation-heading{margin-bottom:14px}.evaluation-heading h3{font-size:18px;line-height:1.5;margin:0}.evaluation-text-button{border:0;background:transparent;color:var(--n-80664f,#80664f);padding:9px 3px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}.evaluation-text-button:hover:not(:disabled){background:var(--n-f6eee3,#f6eee3);filter:none}.evaluation-list{display:grid;gap:12px}.evaluation-card{min-width:0;background:var(--n-fffdf8,#fffdf8);border:1px solid var(--n-eee3d5,#eee3d5);border-radius:16px;padding:16px 18px;overflow-wrap:anywhere}.evaluation-card-heading{align-items:flex-start}.evaluation-card h4{margin:0;font-size:15px;line-height:1.6}.evaluation-meta{color:var(--n-81766a,#81766a);font-size:11px;line-height:1.7;margin:3px 0 0}.evaluation-comment{font-size:14px;line-height:1.85;white-space:pre-wrap;margin:12px 0 0}.evaluation-card video{display:block;width:100%;max-height:420px;background:var(--n-211f1b,#211f1b);border-radius:10px;margin-top:14px}.evaluation-empty,.evaluation-help{color:var(--n-81766a,#81766a);font-size:12px;line-height:1.8}.evaluation-empty{padding:16px;border:1px dashed var(--n-e5d8c6,#e5d8c6);border-radius:14px;margin:0}.evaluation-form{display:grid;gap:13px;padding:18px;margin:0 0 16px;background:var(--n-f6f5eb,#f6f5eb);border:1px solid var(--n-e5e5d6,#e5e5d6);border-radius:17px}.evaluation-form-heading h4{font-size:15px;margin:0}.evaluation-form-heading span{font-size:11px;color:var(--i-6e8e78,#6e8e78)}.evaluation-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.evaluation-form label{display:grid;min-width:0;gap:6px;font-size:12px;color:var(--n-665e53,#665e53)}.evaluation-form input,.evaluation-form select,.evaluation-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--n-ddcfbe,#ddcfbe);border-radius:9px;background:var(--n-fffefb,#fffefb);color:var(--n-403b35,#403b35);font:inherit;font-size:16px;padding:11px;line-height:1.5}.evaluation-form textarea{resize:vertical;min-height:100px}.evaluation-form input[type=file]{font-size:12px;padding:9px}.evaluation-help{margin:0}.evaluation-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.evaluation-save-button{border:1px solid var(--n-a98757,#a98757);border-radius:10px;background:var(--n-f9e9bf,#f9e9bf);color:var(--n-55442c,#55442c);padding:11px 18px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.evaluation-panel button:disabled{opacity:.55;cursor:wait}.evaluation-panel button:focus-visible,.evaluation-panel input:focus-visible,.evaluation-panel select:focus-visible,.evaluation-panel textarea:focus-visible{outline:3px solid var(--n-d4916b,#d4916b);outline-offset:3px}.evaluation-status{font-size:12px;line-height:1.8;color:var(--i-6e8e78,#6e8e78);margin:12px 0}.evaluation-status[role=alert]{color:var(--i-a64036,#a64036)}.evaluation-status:empty{display:none}
/* A teacher's panel keeps the status line's two lines between the form and the list (review 2026-10-30): saving, 수정 and
   취소 change its words, never the place of the list below. */
.evaluation-panel:not(.parent-evaluation-panel) .evaluation-status{min-height:3.6em;box-sizing:border-box}
.evaluation-panel:not(.parent-evaluation-panel) .evaluation-status:empty{display:block}.evaluation-panel [hidden]{display:none!important}@media(max-width:600px){.evaluation-card,.evaluation-form{padding:14px}.evaluation-heading h3{font-size:16px}.evaluation-fields{gap:8px}.evaluation-card video{max-height:320px}}
.evaluation-latest{display:grid;gap:12px}.evaluation-latest-label{margin:0 0 -4px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--n-947047,#947047)}.evaluation-history{border-top:1px solid var(--n-e8dece,#e8dece);padding-top:12px;margin-top:4px;min-width:0}.evaluation-history>summary{padding:6px 0;color:var(--n-756b5c,#756b5c);font-size:13px;font-weight:700;cursor:pointer;list-style-position:inside}.evaluation-history>summary span{margin-left:5px;color:var(--n-958a7c,#958a7c);font-size:11px;font-weight:400}.evaluation-history-toolbar{display:flex;justify-content:flex-end;margin:8px 0 10px}.evaluation-history-toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--n-81766a,#81766a)}.evaluation-history-toolbar select{font:inherit;font-size:12px;color:var(--n-665e53,#665e53);background:var(--n-fffdf8,#fffdf8);border:1px solid var(--n-ddcfbe,#ddcfbe);border-radius:8px;padding:7px 10px;max-width:100%}.evaluation-history-list{display:grid;gap:12px}.evaluation-history>summary:focus-visible{outline:3px solid var(--n-d4916b,#d4916b);outline-offset:3px;border-radius:5px}
.parent-evaluation-panel{margin-top:0}
.parent-evaluation-panel .evaluation-heading{min-height:44px;gap:8px;margin-bottom:5px}
.parent-evaluation-panel .evaluation-heading h3{font-size:15px;line-height:1.4}
.parent-evaluation-panel .evaluation-heading>.evaluation-text-button{min-height:44px;padding:8px 0 8px 10px}

/* The list's place while it is read the first time (2026-10-30): no status line pushes it down. */
.evaluation-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.evaluation-loading{display:grid;gap:12px}
.evaluation-loading-card{display:block;height:92px;border:1px solid var(--n-e6dccb,#e6dccb);border-radius:14px;background:var(--n-fffdf8,#fffdf8)}
/* 새로고침 while the list is read: no pulse (owner, 2026-10-30: "깜빡깜빡 하는 효과 없애줘"); it keeps its look and only a read
   longer than 0.4 s dims it, once and steadily (its disabled .5 waits that long too). */
.evaluation-text-button.is-opening{cursor:progress;opacity:1;animation:evaluation-busy 0s linear .4s both}
@keyframes evaluation-busy{to{opacity:.5}}
/* 화면 색 (2026-10-31): in the four other colour sets the 평가 focus ring is the set's --t-focus (the light coral ring was
   2.5:1 on the panel); 지금 keeps it. */
:where(:root[data-theme]:not([data-theme="classic"])) .evaluation-panel :is(button,input,select,textarea):focus-visible,:where(:root[data-theme]:not([data-theme="classic"])) .evaluation-history>summary:focus-visible{outline-color:var(--t-focus)}