.notificationBell{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #dce4ef;border-radius:14px;color:#0b1f3b;background:white;cursor:pointer}
.notificationBell:focus-visible,.notificationItem:focus-visible{outline:3px solid #3b82f6;outline-offset:3px}
.notificationBadge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:#c73748;color:#fff;border:2px solid #f6f9ff;font-size:10px;font-weight:800;padding:0 4px}
.notificationItem{display:flex;width:100%;align-items:flex-start;gap:13px;border:1px solid #e0e7f1;border-radius:17px;background:#fff;text-align:left;padding:18px;margin:12px 0;color:#0b1f3b;font:inherit;cursor:pointer}
.notificationItem.unread{background:#eef5ff;border-color:#bbd5fa}
.notificationSymbol{display:grid;place-items:center;flex:0 0 36px;height:36px;background:#e8effd;color:#2164c9;border-radius:12px}
.notificationCopy{flex:1;min-width:0}.notificationCopy strong,.notificationCopy small{display:block;overflow-wrap:anywhere}.notificationCopy small{color:#5c6c83;font-size:12px;margin-top:8px}
.notificationPreview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#536277;font-size:14px;line-height:1.5;margin:6px 0}
.notificationDot{width:8px;height:8px;background:#c73748;border-radius:50%;flex:0 0 8px;margin-top:7px}
.notificationEmpty{text-align:center;padding:50px 12px;color:#596d88}.notificationEmpty h3{color:#0b1f3b}
.notificationLead{color:#536277;font-size:14px;line-height:1.5}.notificationTools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.threadFooter{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px}.unreadLabel{color:#a32137;font-size:12px;font-weight:700}.notice .textBtn{margin-top:8px}
.notificationStatus{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.noticeHelp{font-size:13px;color:#546782;line-height:1.5}.noticeExpired{color:#8d4250}.notificationBell.failed{border-color:#b37a23;color:#976516}
.headerActions{min-width:0}.avatarBtn{flex-shrink:0}
@media(max-width:600px){.appHeader{flex-wrap:wrap;gap:8px}.appHeader .brand img{width:112px;height:40px}.headerActions{gap:8px;flex:1;justify-content:flex-end}.appHeader .familySwitcher{max-width:130px;min-width:0;flex:1;font-size:16px;padding:10px 5px}.notificationItem{padding:14px;gap:10px}.notificationCopy strong{font-size:15px}.notificationBell{width:40px;height:40px;flex-basis:40px}.avatarBtn{width:40px;height:40px}.threadFooter{flex-wrap:wrap}.recordHead{align-items:flex-start;overflow-wrap:anywhere}}
@media(max-width:360px){.appHeader .brand img{width:88px;height:35px}.headerActions{gap:6px}.appHeader .familySwitcher{max-width:100px}}