.notification-header-actions{display:flex;align-items:center;gap:.35rem}.notification-open{position:relative}.notification-badge{position:absolute;right:-2px;top:-3px;background:#0064e8;color:white;border-radius:1rem;padding:.1rem .3rem;font-size:.65rem;min-width:1rem}.notification-list{display:grid;gap:.7rem;margin-top:1rem}.notification-item{border:1px solid var(--line,#dfe5ee);border-radius:16px;padding:1rem;overflow-wrap:anywhere}.notification-item.unread{border-left:4px solid #0064e8}.notification-item h3{font-size:1rem;margin:0 0 .5rem}.notification-item p{margin:.4rem 0}.notification-item time{display:block;font-size:.8rem;color:var(--muted,#697a91);margin-bottom:.6rem}.notification-device{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem 0}#notificationPanel>.btn{margin:.25rem .4rem .5rem 0}#notificationPanel details{margin:1rem 0}#notificationPanel .muted{line-height:1.5}
