@import url("../../styles.css");
.topbar{position:relative}.notification-popover{position:absolute;top:58px;right:62px;width:340px;max-height:420px;overflow:auto;background:var(--surface,#fff);border:1px solid var(--border,#dfe5ee);border-radius:12px;box-shadow:0 14px 35px rgba(20,34,55,.16);z-index:20}.notification-popover-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border,#dfe5ee)}.notification-popover-heading button{border:0;background:none;color:var(--accent,#315efb);cursor:pointer;font-size:12px}.notification-item{display:flex;gap:10px;width:100%;padding:12px 16px;text-align:left;border:0;border-bottom:1px solid var(--border,#edf0f5);background:transparent;cursor:pointer}.notification-item:hover,.notification-item.unread{background:#f5f8ff}.notification-item span:nth-child(2){display:flex;flex-direction:column;gap:3px}.notification-item strong{font-size:13px}.notification-item small{color:var(--muted,#687386);line-height:1.35}.notification-severity{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#8b95a7;flex:0 0 auto}.notification-severity.high{background:#d84b4b}.notification-severity.medium{background:#d99527}.notification-severity.low{background:#4a9b76}.notification-empty{padding:18px 16px;margin:0;color:var(--muted,#687386);font-size:13px}.hidden-view{display:none!important}