.attendance-count{background:#16866d;color:#fff;border-radius:99px;padding:2px 6px;font-size:11px;line-height:16px;margin-left:auto}
.bottom-nav-item .attendance-count{position:absolute;top:2px;right:12%;margin:0}
.bottom-nav-item{position:relative}
#attendanceSidebarNotice:empty{display:none}
#attendanceSidebarNotice button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid #16866d55;border-radius:14px;background:#16866d18;color:inherit;text-align:left;cursor:pointer;margin-bottom:8px}
#attendanceSidebarNotice svg,.attendance-unread-actions svg{width:20px;height:20px;flex-shrink:0}
#attendanceSidebarNotice strong,#attendanceSidebarNotice small{display:block;font-size:12px}
#attendanceSidebarNotice small{opacity:.7;margin-top:3px}
.is-collapsed #attendanceSidebarNotice span{display:none}
.attendance-inbox{margin-bottom:20px;min-width:0;padding:18px}
.attendance-inbox header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.attendance-inbox h3{margin:0;font-size:16px}.attendance-inbox h3 span{opacity:.6;font-size:13px}
.attendance-unread-list{max-height:360px;overflow:auto;overscroll-behavior:contain}
.attendance-unread-list article{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #8494a322}
.attendance-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#16866d20;color:inherit;display:grid;place-items:center;overflow:hidden}.attendance-avatar img{width:100%;height:100%;object-fit:cover}
.attendance-unread-copy{flex:1;min-width:0}.attendance-unread-copy strong{font-size:14px}.attendance-unread-copy small{color:#16866d}.attendance-unread-copy p{margin:4px 0 0;font-size:13px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.attendance-unread-actions{display:flex;gap:4px;align-items:center}.attendance-unread-actions .btn{min-height:44px}.attendance-empty{font-size:13px;opacity:.65;margin:0}
.at-read-all{margin:4px 12px 8px;padding:9px;background:transparent;color:inherit;border:1px solid #8494a344;border-radius:10px;cursor:pointer;font-size:12px}
@media(max-width:600px){.attendance-inbox{padding:14px}.attendance-unread-list article{flex-wrap:wrap;gap:8px}.attendance-unread-copy{flex-basis:calc(100% - 48px)}.attendance-unread-actions{margin-left:48px}.attendance-inbox header .btn{font-size:12px;padding:8px}.attendance-inbox h3{font-size:14px}}