.pupil-roster-editor { --roster-ink: #263b34; --roster-line: #d4dfd8; color: var(--roster-ink); text-align: left; margin: 20px 0; }
.roster-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.roster-header strong { font-size: 1.15rem; }
.roster-hint, .roster-summary, .roster-notice { font-size: .875rem; line-height: 1.5; margin: 10px 0; }
.roster-hint { color: #52635b; }
.roster-summary { background: #edf5ef; border-radius: 8px; padding: 10px 12px; }
.roster-notice { background: #fff3d9; border: 1px solid #ead59e; border-radius: 8px; padding: 10px 12px; }
.roster-rows { max-height: 360px; overflow: auto; scrollbar-gutter: stable; padding: 4px; margin: 0 -4px; }
.roster-row { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--roster-line); }
.roster-number { color: #66796e; text-align: center; font-variant-numeric: tabular-nums; font-size: .8rem; }
.pupil-roster-editor input.roster-name { box-sizing: border-box; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 10px 11px; min-height: 44px; border: 1px solid #b5c6ba; border-radius: 7px; color: #24382c; background: white; font: inherit; font-size: 16px; }
.pupil-roster-editor .roster-button { flex-shrink: 0; margin: 0; padding: 8px 10px; min-height: 44px; background: #f6f8f4; border: 1px solid #bccabc; border-radius: 7px; color: #314b39; font: inherit; font-size: .8rem; cursor: pointer; box-shadow: none; }
.pupil-roster-editor .roster-button:hover { background: #e7efe5; }
.pupil-roster-editor :is(input, button, summary):focus-visible { outline: 3px solid #297054; outline-offset: 2px; }
.pupil-roster-editor button:disabled { opacity: .55; cursor: default; }
.roster-row.is-removed input { text-decoration: line-through; background: #f5f5f3; color: #70756e; }
.roster-former { margin-top: 14px; border-top: 1px solid var(--roster-line); padding-top: 12px; }
.roster-former summary, .roster-import summary { cursor: pointer; font-weight: 600; padding: 8px 0; }
.roster-former-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; }
.roster-import { border: 1px solid #d4dfd8; padding: 8px 12px; border-radius: 8px; text-align: left; }
.roster-import textarea { min-height: 90px; }
#classModal .class-modal-content, #class-modal .modal-content { box-sizing: border-box; max-width: 660px; max-height: calc(100dvh - 32px); overflow-y: auto; }
#class-modal { z-index: 10003; }
#class-modal .modal-content { margin: 16px auto; }
.pupil-roster-editor [hidden] { display: none !important; }
@media (max-width: 480px) {
    .roster-row { grid-template-columns: 20px minmax(0, 1fr) 80px; gap: 5px; }
    .roster-row .roster-button { padding: 6px; font-size: .75rem; }
    .roster-rows { max-height: 40vh; }
}