/* IZI Class — Thi thử */
.exam-modal { width: min(640px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto; }
.exam-classes { display: flex; flex-wrap: wrap; gap: 8px; min-height: 38px; align-items: center; padding: 8px 10px; border: 1px dashed #d6dce8; border-radius: 10px; background: #f8fafd; }
.exam-class-chip { background: #e7f6ef; color: #127a4c; border-radius: 999px; padding: 3px 10px; font-size: 13px; font-weight: 600; }
.exam-muted { color: #6b7489; font-size: 13px; margin: 0 0 8px; }
.exam-picks { display: grid; gap: 10px; }
.exam-pick { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid #e9edf4; border-radius: 12px; }
.exam-pick[hidden] { display: none; }
.exam-pick label { font-weight: 700; }
.exam-pick select { min-width: 0; }
.exam-none { margin: 0; color: #b54708; font-size: 13px; }
.exam-section { border-top: 1px solid #e9edf4; padding-top: 16px; margin-top: 16px; }
.exam-section:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }
.exam-section h2 { font-size: 18px; margin: 0 0 4px; }
.gr-sections { list-style: none; padding: 0; margin: 0 0 10px; display: grid; gap: 6px; }
.gr-sections li { display: flex; justify-content: space-between; background: #f6efff; border-radius: 8px; padding: 6px 10px; font-size: 14px; }
@media (max-width: 560px) { .exam-pick { grid-template-columns: 1fr; } }