.notification-bell{position:relative;flex:none}.notification-bell summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #dce3ed;border-radius:12px;background:white;color:#334155}.notification-bell summary::-webkit-details-marker{display:none}.notification-bell summary:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.notification-count{position:absolute;top:-6px;right:-6px;border-radius:20px;background:#2563eb;color:white;font-size:11px;font-weight:700;padding:2px 5px;min-width:18px;text-align:center}.notification-count[hidden],.notification-panel [hidden]{display:none}.notification-panel{position:absolute;right:0;top:52px;z-index:200;width:360px;max-width:calc(100vw - 32px);background:white;border:1px solid #dce3ed;border-radius:14px;box-shadow:0 12px 36px #14223a24;padding:16px}.notification-panel>strong{display:block;margin-bottom:10px}.notification-panel #notification-list{max-height:360px;overflow:auto}.notification-panel form{margin:0;border-bottom:1px solid #edf0f5}.notification-panel button{background:transparent;color:#334155;border:0;border-radius:6px;text-align:left;white-space:normal;width:100%;padding:12px 8px;font-size:13px;line-height:1.5;cursor:pointer}.notification-panel button:hover{background:#eff4ff}.notification-empty,.notification-panel small{color:#64748b;font-size:13px}@media(max-width:550px){.notification-panel{position:fixed;top:var(--notification-top,240px);right:16px;width:calc(100vw - 32px);max-height:calc(100dvh - var(--notification-top,240px) - 16px);overflow:auto}}

.notification-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.notification-panel .notification-panel-heading form{border:0;margin:0}.notification-panel .notification-panel-heading button{width:auto;padding:4px 0;font-weight:600;font-size:12px;color:#2563eb}.notification-panel #notification-list button{display:flex;flex-direction:column;gap:4px}.notification-panel time{font-size:11px;font-weight:400;color:#8591a3}.notification-message{overflow-wrap:anywhere}