dialog {
  border: 0;
  padding: 0;
  border-radius: 18px;
  width: min(760px, calc(100% - 24px));
  box-shadow: 0 30px 100px #08172d99;
}
dialog::backdrop { background: #132f52c9; }
.account-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.danger { background: #ffe0df; color: #8c2d34; }
.success { background: #dff3e8; color: #176151; }
.review-card { background: #fffdf8; border: 1px solid var(--line); border-radius: 16px; padding: 18px; display: grid; gap: 14px; }
.review-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.review-copy { background: #fff6dc; border-radius: 12px; padding: 10px 14px; }
.review-copy p { margin: .35em 0; }
.review-media { min-height: 70px; border: 1px dashed #d9c8ad; border-radius: 14px; padding: 12px; display: grid; place-items: center; background: #fff; }
.review-media img, .review-media video { display: block; max-width: 100%; max-height: 420px; border-radius: 10px; }
.review-media audio { width: min(100%, 520px); }
.review-actions { display: flex; gap: 9px; flex-wrap: wrap; }
.review-feedback { min-height: 82px; }
.file-link { display: inline-block; text-decoration: none; }
.review-message { margin: 0; }
.teacher-photo { width: 48px; height: 58px; border-radius: 10px; overflow: hidden; background: #eee8f5; display: grid; place-items: center; font-size: 25px; }
.teacher-photo img { width: 100%; height: 100%; object-fit: cover; }
.course-row td:first-child { border-left: 5px solid transparent; }
.course-row.cree-10 td:first-child { border-left-color: #007f77; }
.course-row.cree-20 td:first-child { border-left-color: #6a3faf; }
.course-row.cree-30 td:first-child { border-left-color: #c44718; }
.course-row.cree-10 { background: #eaf8f6; }
.course-row.cree-20 { background: #f3edff; }
.course-row.cree-30 { background: #fff0e8; }
.course-label { display: inline-block; border-radius: 999px; padding: 5px 10px; font-weight: 900; white-space: nowrap; }
.course-label.cree-10 { color: #00645e; background: #cceee9; }
.course-label.cree-20 { color: #57318f; background: #e2d4fb; }
.course-label.cree-30 { color: #a23610; background: #ffd8c4; }
.course-label.unassigned { color: #5c6577; background: #e9ebef; }
.portfolio-dialog { width: min(980px, calc(100% - 24px)); max-height: calc(100vh - 24px); }
.portfolio-dialog-panel { border: 0; box-shadow: none; }
.portfolio-profile { display: grid; grid-template-columns: 170px 1fr; gap: 24px; align-items: center; margin: 20px 0 26px; padding: 20px; border-radius: 16px; background: linear-gradient(135deg, #132f52, #55317f); color: white; }
.portfolio-profile h3 { margin: 0 0 8px; color: white; font: 700 clamp(28px, 4vw, 42px)/1.05 Georgia, serif; }
.portfolio-profile p { margin: 5px 0; }
.portfolio-profile-photo { width: 150px; height: 185px; border: 3px solid #ffffff99; border-radius: 16px; overflow: hidden; background: #ffffff1c; display: grid; place-items: center; font-size: 56px; }
.portfolio-profile-photo img { width: 100%; height: 100%; object-fit: cover; }
.portfolio-summary { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.portfolio-summary span { padding: 6px 10px; border-radius: 999px; background: #ffffff20; font-size: 13px; font-weight: 750; }
.portfolio-work-list { display: grid; gap: 14px; }
.portfolio-work { border: 1px solid var(--line); border-radius: 16px; padding: 18px; background: #fffaf0; display: grid; gap: 12px; }
.portfolio-work-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.portfolio-work-head h4 { margin: 0; color: var(--navy); font: 700 21px Georgia, serif; }
.portfolio-work-copy p { margin: .4em 0; }
.portfolio-work-media { display: grid; gap: 10px; }
.portfolio-work-media img, .portfolio-work-media video { max-width: 100%; max-height: 420px; border-radius: 12px; background: white; }
.portfolio-work-media audio { width: min(100%, 560px); }
@media (max-width: 620px) {
  .review-head { display: grid; }
  .review-actions button { width: 100%; }
  .portfolio-profile { grid-template-columns: 1fr; }
  .portfolio-profile-photo { width: 120px; height: 148px; }
  .portfolio-work-head { display: grid; }
}
.teacher-comment-editor{margin-top:18px;padding:16px;border-left:4px solid #dca72c;background:#fff8e8;border-radius:6px}.teacher-comment-editor label{display:block;font-weight:700;margin-bottom:8px}.teacher-comment-input{display:block;width:100%;min-height:90px;padding:12px;margin-bottom:10px;border:1px solid #b8ad99;border-radius:6px;font:inherit;resize:vertical}.teacher-comment-message{margin:8px 0 0}.teacher-comment{margin-top:18px;padding:14px 16px;border-left:4px solid #dca72c;background:#fff5d9;white-space:pre-wrap}.teacher-comment p{margin:8px 0 0}