.school-shell[data-role="student"] .student-mailbox{display:grid;gap:10px;width:100%;background:#fff}.school-shell[data-role="student"] .student-mailbox__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.school-shell[data-role="student"] .student-mail-title{display:flex;align-items:center;gap:6px;color:#293653;font-size:9px}.school-shell[data-role="student"] .student-mail-title>span{font-size:12px;color:#66758d}.school-shell[data-role="student"] .student-mail-title strong{font-size:9px;font-weight:700}.school-shell[data-role="student"] .student-mailbox__actions{display:flex;align-items:center;gap:10px}.school-shell[data-role="student"] .student-mail-search{width:235px;height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #dfe3e9;border-radius:6px;background:#fff}.school-shell[data-role="student"] .student-mail-search>span{color:#8590a2;font-size:12px}.school-shell[data-role="student"] .student-mail-search input{width:100%;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;font-size:8px!important}.school-shell[data-role="student"] .student-mail-compose{position:relative}.school-shell[data-role="student"] .student-mail-compose>summary{list-style:none;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:5px;background:#edf1ff;color:#536ff1;font-size:8px;font-weight:700;cursor:pointer}.school-shell[data-role="student"] .student-mail-compose>summary::-webkit-details-marker{display:none}.school-shell[data-role="student"] .student-mail-compose__panel{position:absolute;z-index:20;top:38px;inset-inline-end:0;width:360px;padding:14px;border:1px solid #e5e8ee;border-radius:7px;background:#fff;box-shadow:0 14px 34px rgba(28,37,58,.14)}.school-shell[data-role="student"] .student-mail-compose__panel h2{margin:0 0 10px;color:#26314a;font-size:10px}.school-shell[data-role="student"] .student-mail-compose__form{display:grid;gap:9px}.school-shell[data-role="student"] .student-mail-compose__form label{display:grid;gap:5px}.school-shell[data-role="student"] .student-mail-compose__form label>span{font-size:7px;color:#59647a}.school-shell[data-role="student"] .student-mail-empty-note{padding:12px;border-radius:5px;background:#fafafa;color:#7c8698;font-size:8px}.school-shell[data-role="student"] .student-mail-table{overflow:hidden;border:1px solid #dfe3e9;border-radius:7px;background:#fff}.school-shell[data-role="student"] .student-mail-tabs{height:48px;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr)) auto;align-items:stretch;border-bottom:1px solid #e5e8ed;background:#fff}.school-shell[data-role="student"] .student-mail-tabs a{position:relative;display:flex;align-items:center;justify-content:center;color:#6f798b;font-size:8px;font-weight:650;text-decoration:none}.school-shell[data-role="student"] .student-mail-tabs a.is-active{color:#536ff1}.school-shell[data-role="student"] .student-mail-tabs a.is-active::after{content:"";position:absolute;inset-inline:18px;bottom:-1px;height:2px;background:#536ff1}.school-shell[data-role="student"] .student-mail-tabs>span{display:flex;align-items:center;padding-inline:14px;color:#6f798b;font-size:7px;white-space:nowrap}.school-shell[data-role="student"] .student-mail-list{display:grid}.school-shell[data-role="student"] .student-mail-row{width:100%;min-height:50px;display:grid;grid-template-columns:24px minmax(170px,.85fr) 72px minmax(190px,.9fr) minmax(280px,1.6fr) 65px;gap:9px;align-items:center;padding:0 12px;border:0;border-bottom:1px solid #eef0f3;background:#fff;color:#2f3950;text-align:start;cursor:pointer}.school-shell[data-role="student"] button.student-mail-row:hover{background:#fafbfc}.school-shell[data-role="student"] .student-mail-row:last-child{border-bottom:0}.school-shell[data-role="student"] .student-mail-row--feed{cursor:default}.school-shell[data-role="student"] .student-mail-check{width:16px;height:16px;border:1px solid #d6dbe3;border-radius:5px;background:#fff}.school-shell[data-role="student"] .student-mail-sender{min-width:0;display:flex;align-items:center;gap:7px}.school-shell[data-role="student"] .student-mail-avatar{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#acb9cc;color:#fff;font-size:6px;font-weight:750}.school-shell[data-role="student"] .student-mail-sender strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#314068;font-size:7.5px}.school-shell[data-role="student"] .student-mail-role{justify-self:start;padding:2px 5px;border-radius:999px;font-size:6px;font-weight:650}.school-shell[data-role="student"] .student-mail-role.is-admin{color:#637086}.school-shell[data-role="student"] .student-mail-role.is-teacher{background:#fff0f2;color:#e04f63}.school-shell[data-role="student"] .student-mail-role.is-student{background:#eaf9f4;color:#269477}.school-shell[data-role="student"] .student-mail-subject,.school-shell[data-role="student"] .student-mail-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-shell[data-role="student"] .student-mail-subject{color:#324064;font-size:7.5px;font-weight:620}.school-shell[data-role="student"] .student-mail-preview{color:#667186;font-size:7px}.school-shell[data-role="student"] .student-mail-row time{justify-self:end;color:#262e3f;font-size:7px;font-weight:600;white-space:nowrap}.school-shell[data-role="student"] .student-mail-empty{min-height:300px;display:grid;place-items:center;align-content:center;gap:7px;color:#9099a8;font-size:7px;text-align:center}.school-shell[data-role="student"] .student-mail-empty__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#f4f5f7;color:#aeb5c1;font-size:16px}.school-shell[data-role="student"] .student-mail-empty strong{color:#4b566c;font-size:8px}.school-shell[data-role="student"] .student-mail-state{min-height:calc(100vh - 110px);display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#8d96a6}.school-shell[data-role="student"] .student-mail-state h2,.school-shell[data-role="student"] .student-mail-state p{margin:0}.school-shell[data-role="student"] .student-mail-state h2{color:#3d4860;font-size:10px}.school-shell[data-role="student"] .student-mail-conversation{min-height:calc(100vh - 92px);display:grid;grid-template-rows:auto 1fr auto;border:1px solid #e4e7ec;border-radius:7px;background:#fff;overflow:hidden}.school-shell[data-role="student"] .student-mail-conversation__head{min-height:50px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #e8eaee}.school-shell[data-role="student"] .student-mail-back{width:26px;height:26px;border:1px solid #e0e4ea;border-radius:5px;background:#fff;color:#53647f}.school-shell[data-role="student"] .student-mail-conversation__head span{color:#929aa7;font-size:6px}.school-shell[data-role="student"] .student-mail-conversation__head h2{margin:2px 0 0;color:#2a354d;font-size:9px}.school-shell[data-role="student"] .student-mail-thread-status{padding:3px 6px;border-radius:999px;background:#edf1ff;color:#536ff1;font-size:6px}.school-shell[data-role="student"] .student-mail-conversation__body{padding:14px;overflow:auto;background:#fcfcfd}.school-shell[data-role="student"] .student-mail-message{max-width:78%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;margin-bottom:10px}.school-shell[data-role="student"] .student-mail-message__bubble{padding:8px 9px;border:1px solid #e8eaee;border-radius:7px;background:#fff}.school-shell[data-role="student"] .student-mail-message__bubble>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.school-shell[data-role="student"] .student-mail-message strong{font-size:7px}.school-shell[data-role="student"] .student-mail-message time{color:#929aa7;font-size:6px}.school-shell[data-role="student"] .student-mail-message p{margin:5px 0 0;color:#606c82;font-size:7px;line-height:1.5}.school-shell[data-role="student"] .student-mail-reply{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px 12px;border-top:1px solid #e8eaee;background:#fff}.school-shell[data-role="student"] .student-mail-reply textarea{min-height:56px}.school-shell[data-role="student"] .student-mail-reply .school-button{min-width:90px}[dir="rtl"] .school-shell[data-role="student"] .student-mail-row,[dir="rtl"] .school-shell[data-role="student"] .student-mail-message{text-align:right}[dir="rtl"] .school-shell[data-role="student"] .student-mail-row time{justify-self:start}[dir="rtl"] .school-shell[data-role="student"] .student-mail-back{transform:scaleX(-1)}@media(max-width:1050px){.school-shell[data-role="student"] .student-mail-row{grid-template-columns:22px minmax(140px,.9fr) 60px minmax(170px,1fr) minmax(200px,1.4fr) 58px}}@media(max-width:760px){.school-shell[data-role="student"] .student-mailbox__toolbar{align-items:stretch;flex-direction:column}.school-shell[data-role="student"] .student-mailbox__actions{justify-content:space-between}.school-shell[data-role="student"] .student-mail-search{width:min(260px,65vw)}.school-shell[data-role="student"] .student-mail-compose__panel{position:fixed;inset:76px 14px auto;width:auto}.school-shell[data-role="student"] .student-mail-table{overflow:auto}.school-shell[data-role="student"] .student-mail-tabs{min-width:620px}.school-shell[data-role="student"] .student-mail-list{min-width:760px}.school-shell[data-role="student"] .student-mail-conversation{min-height:560px}}@media(max-width:520px){.school-shell[data-role="student"] .student-mailbox__actions{align-items:stretch;flex-direction:column}.school-shell[data-role="student"] .student-mail-search{width:100%}.school-shell[data-role="student"] .student-mail-compose>summary{width:100%}.school-shell[data-role="student"] .student-mail-message{max-width:100%}.school-shell[data-role="student"] .student-mail-reply{grid-template-columns:1fr}}