#summary-dialog{width:min(1100px,calc(100% - 28px));max-height:92dvh}
#summary-dialog .summary-body{padding:0 0 12px}
.class-photo-view{display:block;border:0;padding:0;background:#edf2f7;border-radius:11px;overflow:hidden;cursor:zoom-in;aspect-ratio:1}
.class-photo-view img,#photos .class-photo-view img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.class-photo-view:focus-visible{outline:3px solid #6799e1;outline-offset:3px}
.class-photo-edit{width:104px;display:grid;gap:5px}
.class-photo-delete{border:1px solid #eedbd8;background:#fff8f7;color:#a3483f;border-radius:7px;padding:6px;font-size:12px}
.photo-edit-status{font-size:13px;color:#946038;line-height:1.5;margin:10px 0}
.photo-edit-status:empty{display:none}
.photo-undo[hidden]{display:none}
.photo-empty{color:#8090a3;font-size:13px}
.course-album-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid #e2eaf2}
.course-album-meta h4{font-size:15px;margin:0 0 8px}
.course-album-meta p{font-size:12px;color:#6f8096;margin:0 0 10px;line-height:1.5}
.course-album-meta .record-status{display:block;margin-bottom:15px}
.course-album-meta button{padding:8px 12px;font-size:13px}
.course-album-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}
.course-album-note{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#40536b;margin:12px 0 0}
.course-album-file{display:inline-block;margin:10px 8px 0 0;border:1px solid #dce6f0;border-radius:8px;padding:8px;background:#f4f8fc;color:#436488;font-size:13px}
@media(max-width:650px){.course-album-row{grid-template-columns:1fr;gap:14px}.course-album-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.course-album-meta h4,.course-album-meta p{grid-column:1;margin:0}.course-album-meta .record-status{grid-column:1;margin:2px 0}.course-album-meta button{grid-column:2;grid-row:1/4;align-self:center}.course-album-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#summary-dialog .lesson-form{padding:18px}#summary-dialog .attendance-grid{gap:4px}.class-photo-edit{width:88px}}
