.exam-count-cell { white-space: nowrap; }
.exam-count-cell small { display: block; margin-top: 3px; color: var(--text-2); font-size: 11px; font-weight: 400; }
.exam-session-dialog { min-width: 0; }
.exam-session-title { color: var(--text-2); font-size: 13px; line-height: 1.6; margin: 8px 0 16px; overflow-wrap: anywhere; }
.exam-session-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 20px; }
.exam-session-counts div { padding: 12px 4px; text-align: center; background: var(--surface-2); border-radius: 10px; }
.exam-session-counts strong { display: block; font-size: 22px; line-height: 1.4; }
.exam-session-counts span { font-size: 12px; color: var(--text-2); }
.exam-session-dialog input[type=date] { width: 100%; box-sizing: border-box; min-width: 0; }
.exam-session-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.exam-session-actions button { min-height: 44px; width: 100%; padding: 10px 8px; }
.exam-session-note, .exam-date-edit-note { color: var(--text-2); font-size: 12px; line-height: 1.65; margin: 10px 0; }
.exam-session-status { color: var(--primary); font-size: 12px; line-height: 1.6; margin: 8px 0; }
.exam-session-status:empty { display: none; }
.exam-session-history-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; margin-top: 22px; }
.exam-session-history-head span { color: var(--text-2); font-size: 12px; }
.exam-session-history { max-height: 210px; overflow-y: auto; margin-top: 8px; }
.exam-session-history-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 6px 0; border-bottom: 1px solid var(--border); }
.exam-session-history-row time { font-size: 12px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.exam-session-history-row > div { display: flex; gap: 6px; }
.exam-session-chip { display: inline-flex; gap: 8px; align-items: center; min-height: 36px; background: var(--surface-2); color: var(--text-2); border: 0; border-radius: 7px; padding: 6px 10px; font: inherit; font-size: 12px; cursor: pointer; }
.exam-session-chip span { color: var(--text-3); font-size: 16px; }
.exam-session-chip:hover { color: var(--red); }
.exam-session-chip:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.exam-session-dialog button:disabled { cursor: default; opacity: .55; }
@media (max-width: 480px) {
  .exam-session-history { max-height: 170px; }
  .exam-session-chip { min-height: 40px; }
}