.notification-button{position:relative}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-heading .text-button{margin:0}.notification-list{display:grid;gap:9px;max-height:60vh;overflow:auto}.notification-item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.notification-item.unread{background:#eef5ff;border-color:#bfd4f7}.notification-item strong{display:block}.notification-item p{margin:5px 0;color:var(--muted);font-size:13px}.notification-item time{font-size:11px;color:var(--muted)}
@media(max-width:700px){.secure-header{height:auto;min-height:68px;flex-wrap:wrap;gap:8px;padding-block:10px}.secure-header>div{flex-wrap:wrap}.notification-button{order:-1}}