.notification-bell{display:flex;align-items:center;gap:4px;padding:8px;flex-shrink:0}.notification-badge{border-radius:20px;background:var(--green);color:var(--bg);padding:2px 5px;font-size:11px}.notification-panel{position:fixed;right:20px;top:78px;width:430px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;z-index:50;box-shadow:0 12px 40px #0003;color:var(--ink)}.notification-panel[hidden],.notification-toast[hidden]{display:none}.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.notification-panel button,.notification-toast button{background:transparent;color:var(--ink);border:0;text-align:left;padding:6px}.notification-panel h3{margin-top:18px}.notification-row{display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.notification-row>svg{flex-shrink:0;margin-top:8px}.notification-row>button:first-of-type{flex:1}.notification-row small{display:block;color:var(--muted);margin-top:7px}.notification-row.unread{border-left:3px solid var(--green);padding-left:8px}.notification-panel label{display:flex;align-items:center;gap:10px;margin:14px 0}.notification-panel select,.notification-panel input[type=time]{margin-left:auto;max-width:160px;padding:7px}.notification-toast{position:fixed;bottom:20px;right:20px;max-width:min(360px,calc(100vw - 24px));z-index:60;box-shadow:0 6px 25px #0003}@media(max-width:700px){.notification-panel{top:65px;right:12px}.header-right{gap:8px}}