.student-mail-composer { display: grid; gap: 20px; }
.student-mail-composer label { display: grid; gap: 7px; margin-block: 12px; }
.student-mail-composer input, .student-mail-composer textarea, .student-mail-composer select { min-width: 0; width: 100%; box-sizing: border-box; }
.student-mail-composer input[type=checkbox] { width: auto; justify-self: start; }
.student-mail-composer textarea { resize: vertical; }
.student-mail-composer button { max-width: 100%; overflow-wrap: anywhere; margin: 5px; }
.student-mail-composer li { overflow-wrap: anywhere; margin-block: 8px; }
.student-mail-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.student-mail-groups {display:grid;gap:8px;max-height:360px;overflow:auto;}
.student-mail-composer .student-mail-group-option {display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:0;overflow-wrap:anywhere;}
.student-mail-group-option input {flex:none;}
.student-mail-group-pager {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.student-mail-frame { display: block; width: 100%; height: 580px; border: 1px solid #d6d9df; background: white; }
.student-mail-composer details { margin-block: 14px; }
@media (max-width: 600px) { .student-mail-composer .panel { padding: 14px; } .student-mail-frame { height: 650px; } }