.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;padding:0 .4rem;margin-left:.35rem;border-radius:999px;background:#a62c31;color:#fff;font-size:.78rem;font-weight:750;vertical-align:middle;line-height:1}
.workspace-account .notification-trigger{display:inline-flex;align-items:center;gap:.25rem;margin-right:auto;color:#173f70;font-weight:650}
.student-notifications{padding:0;overflow:hidden;scroll-margin-top:1rem}
.student-notifications>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;cursor:pointer;font-weight:700;list-style:none}
.student-notifications>summary::-webkit-details-marker{display:none}
.student-notifications>summary:focus-visible{outline:3px solid #356ba4;outline-offset:-4px}
.notification-toggle{display:flex;gap:.65rem;align-items:center;color:#52657b;font-size:.85rem;font-weight:500}
.student-notifications .when-open,.student-notifications[open] .when-closed{display:none}
.student-notifications[open] .when-open{display:inline}
.student-notifications[open] .notification-toggle>span:last-child{transform:rotate(180deg)}
.notification-panel{padding:0 1.2rem 1rem;border-top:1px solid #e0e6ed}
.notification-list{max-height:22rem;overflow:auto;overscroll-behavior:contain;margin-top:.6rem}
.notification-item{padding:1rem;border-bottom:1px solid #e0e6ed;border-left:3px solid transparent;overflow-wrap:anywhere}
.notification-item.unread{background:#f2f6fc;border-left-color:#356ba4}
.notification-item h3{margin:0;font-size:1rem}.notification-item p{white-space:pre-wrap;margin:.5rem 0}
.notification-item .row{gap:.7rem;flex-wrap:wrap}.notification-item button{font-size:.8rem}
@media(max-width:600px){.notification-toggle{font-size:.75rem}.student-notifications>summary{padding:1rem}.notification-panel{padding:0 .75rem .75rem}.workspace-account{flex-wrap:wrap}.notification-list{max-height:18rem}}