.notification-control{position:relative;display:flex;align-items:center}.notification-control[hidden],.notification-control [hidden]{display:none!important}.notification-bell{position:relative;display:grid;place-items:center;background:transparent;border:1px solid #d7dce4;border-radius:9px;color:#1d4ed8;padding:10px;min-width:44px;min-height:44px;cursor:pointer}.notification-flag{position:absolute;top:-6px;right:-5px;background:#c62828;color:white;border:2px solid #fff;border-radius:50%;font-size:12px;line-height:18px;width:21px;height:21px;text-align:center}.notification-list{position:absolute;right:0;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;background:white;border:1px solid #d7dce4;box-shadow:0 12px 32px #0f172a24;border-radius:12px;padding:18px;z-index:50;color:#0f172a}.notification-list h2{font-size:19px;margin:0 0 14px}.notification-list h3{font-size:15px;margin:5px 0}.notification-list article{padding:13px 0;border-top:1px solid #e5e7eb;overflow-wrap:anywhere}.notification-list p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.notification-list small{font-size:12px;color:#536174;display:block}.notification-list a{display:inline-block;margin-top:8px}.notification-clear{width:100%;padding:11px;border:1px solid #b4c8ec;border-radius:8px;background:#eff6ff;color:#1d4ed8;margin:12px 0 9px;cursor:pointer}.notification-clear:disabled{opacity:.5;cursor:default}@media(max-width:600px){.notification-list{position:fixed;top:80px;right:16px;width:calc(100vw - 32px);box-sizing:border-box}.site-nav nav{gap:8px}.notification-bell{padding:8px}}

.site-header .notification-bell{color:#fff;background:#ffffff1a;border-color:#ffffff55}@media(max-width:380px){body.signed-in .site-nav{gap:6px;padding:10px 8px}.site-nav .site-brand{font-size:18px}.site-nav .nav-workspace,#topLogout{font-size:11px;padding:8px}.notification-bell{min-width:40px;min-height:40px}.site-nav nav{gap:5px}}

.notification-record-link{border:0;background:none;color:#1d4ed8;text-decoration:underline;padding:8px 0;cursor:pointer;font:inherit}.notification-detail{width:560px;max-width:calc(100vw - 40px);max-height:80vh;overflow:auto;box-sizing:border-box;border:1px solid #d7dce4;border-radius:12px;padding:24px;color:#0f172a}.notification-detail::backdrop{background:#0f172a80}.notification-detail p{white-space:pre-wrap;overflow-wrap:anywhere}.notification-detail button{display:block;margin-top:18px;padding:10px 18px}

/* Alert links sit inside the header nav, but use dropdown colours. */
.site-nav nav .notification-list a.notification-item-link{display:block;color:#0f172a;background:transparent;text-decoration:none;margin:0;padding:4px;border-radius:8px;font-weight:400;white-space:normal}.site-nav nav .notification-list a.notification-item-link:hover{background:#eff6ff}.site-nav nav .notification-list a.notification-item-link:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.site-nav nav .notification-list .notification-item-link .notification-item-action{display:block;color:#1d4ed8;text-decoration:underline;font-weight:600;margin-top:10px;font-size:14px}.notification-item-link h3{color:#0f172a}