#notifications{position:relative}#notifications.has-unread:after{content:'';position:absolute;right:8px;top:7px;width:8px;height:8px;border-radius:50%;background:#a9d7ff;box-shadow:0 0 0 3px #15202d}.follow-notifications-dialog{box-sizing:border-box;width:min(420px,calc(100% - 28px));max-height:75dvh;overflow:auto;padding:20px;border:1px solid #a5d1ff22;border-radius:22px;background:#142231;color:#edf4ff}.follow-notifications-dialog::backdrop{background:#07101aa6}.follow-notifications-dialog h2{font-size:22px;margin:8px 0 20px}.notification-close{display:block;margin-left:auto;border:0;border-radius:12px;background:#ffffff09;color:#cce4ff;min-height:44px;padding:8px 14px}.follow-notification-list{display:grid;gap:8px;color:#a8bcd1;font-size:13px}.follow-notification{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:14px;border:1px solid transparent;border-radius:15px;background:#ffffff03;color:#dce9f7;cursor:pointer}.follow-notification.unread{background:#8ec6ff0c;border-color:#94cdff14}.notification-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#436b89,#29425e);color:#d9edff}.follow-notification>span:last-child{display:grid;gap:4px}.follow-notification strong{font-size:13px}.follow-notification small{color:#8fa6bd;font-size:11px}.follow-notification-status{font-size:12px;color:#a6bad0}.follow-notifications-dialog button:focus-visible{outline:2px solid #add5ff;outline-offset:2px}

.notification-hint{font-size:11px!important;color:#8ca5be;margin:-10px 0 18px!important;text-align:left!important}.notification-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-actions button{min-height:44px;border-radius:12px;font-size:11px}.follow-notifications-dialog h2{text-align:left!important}.follow-notifications-dialog .follow-notification-status{font-size:12px!important}

/* Photos retain the same compact footprint as initials. */
.notification-avatar{position:relative;overflow:hidden;flex-shrink:0}
.notification-avatar .member-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}