.exam-center { --exam-muted: #64748b; }
.exam-center > .course-buttons { margin-bottom: 24px; }
.exam-center > .field { margin: 20px 0; max-width: 640px; }
.exam-paper-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.exam-center .exam-paper-card { padding: 24px; min-width: 0; border-radius: 18px; }
.exam-paper-card h2 { margin: 16px 0 10px; font-size: 21px; line-height: 1.5; overflow-wrap: anywhere; }
.exam-paper-card p { color: var(--exam-muted); line-height: 1.7; margin: 10px 0; overflow-wrap: anywhere; }
.exam-paper-card > .course-buttons { padding: 16px 0; margin: 16px 0 0; border-top: 1px solid #e2e8f0; gap: 8px; }
.exam-center .button { white-space: normal; height: auto; min-height: 38px; line-height: 1.5; text-align: center; }
.exam-paper-card [data-exam="history"], .exam-paper-card [data-exam="publish"] { color: #fff; background: #2563eb; border-color: #2563eb; }
.exam-event { margin-top: 16px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.exam-event > strong { display: block; line-height: 1.6; overflow-wrap: anywhere; }
.exam-event .button { margin: 4px 8px 0 0; }
.exam-center > h2 { margin-top: 32px; font-size: 20px; }
.exam-center > .panel { padding: 18px 24px; }
.exam-review-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 24px; }
.exam-review-heading h2 { margin: 0 0 8px; }
.exam-review-heading p { margin: 0; color: var(--exam-muted); overflow-wrap: anywhere; }
.exam-review-list { display: grid; gap: 12px; }
.exam-review-row { display: grid; grid-template-columns: minmax(160px,1.2fr) minmax(160px,1fr) 110px auto; align-items: center; gap: 24px; padding: 22px 24px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.exam-student-identity, .exam-review-meta, .exam-review-status { display: grid; gap: 6px; min-width: 0; overflow-wrap: anywhere; }
.exam-student-identity strong { font-size: 17px; }
.exam-student-identity span, .exam-review-meta span, .exam-review-status > span:not(.badge) { color: #64748b; font-size: 13px; line-height: 1.6; }
.exam-review-status .badge { justify-self: start; }
#assessment-content > .exam-student-identity { padding: 16px 20px; margin: 16px 0; background: #eff6ff; border-radius: 12px; }
.exam-empty { padding: 24px; color: #64748b; text-align: center; }
.exam-center [hidden] { display: none !important; }
@media (max-width: 1100px) { .exam-paper-grid { grid-template-columns: minmax(0, 1fr); } .exam-review-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; } }
@media (max-width: 540px) { .exam-center .exam-paper-card { padding: 18px; } .exam-review-row { padding: 18px; } .exam-review-row .exam-student-identity, .exam-review-meta { grid-column: 1 / -1; } .exam-review-heading { align-items: start; flex-direction: column; } .exam-event { padding: 14px; } .exam-paper-card > .course-buttons .button { flex: 1 1 130px; } }