dialog.assignment-reminder{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line,#ccd0d8);border-radius:20px;padding:24px;background:var(--panel,#fff);color:var(--ink,#202938);box-shadow:0 24px 90px #0005}
dialog.assignment-reminder::backdrop{background:#10182880;backdrop-filter:blur(3px)}
.assignment-reminder .ar-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.assignment-reminder h2{margin:4px 0 12px}.assignment-reminder .ar-rooms{display:grid;gap:10px;max-height:45dvh;overflow:auto}.assignment-reminder .ar-room{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#ddd)}.assignment-reminder select{width:100%;min-width:0;min-height:44px}.assignment-reminder .ar-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.assignment-reminder .ar-error{color:var(--danger,#ab2626);font-size:.9rem}.assignment-reminder .ar-note{font-size:.8rem;line-height:1.45}.assignment-reminder .button{min-height:42px}
@media(max-width:480px){dialog.assignment-reminder{padding:16px}.assignment-reminder .ar-room{grid-template-columns:minmax(0,1fr) auto}.assignment-reminder .ar-room strong{grid-column:1/-1}.assignment-reminder .ar-actions{justify-content:stretch}.assignment-reminder .ar-actions button{flex:1}.assignment-reminder h2{font-size:1.3rem}}