.notification-topbar{gap:20px;margin-bottom:28px}.notification-panel{overflow:hidden;padding:0}.notification-card{width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) 20px;gap:14px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:var(--card);padding:18px 20px;color:var(--ink)}.notification-card:first-child{border-top:0}.notification-card:hover{background:var(--surface)}.notification-card.unread{background:var(--card)}.notification-card:disabled{opacity:.6;cursor:wait}.notification-dot{width:7px;height:7px;border-radius:50%;background:#c7ccc6}.notification-card.unread .notification-dot{background:var(--brand-gold);box-shadow:0 0 0 4px rgba(199,167,106,.14)}.notification-copy{min-width:0;display:grid;gap:5px}.notification-title-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.notification-title-row strong{font-size:.9375rem;line-height:1.45;font-weight:600}.notification-title-row small{flex:none;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.notification-body{font-size:.875rem;line-height:1.5;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-kind{font-size:.75rem;line-height:1.4;font-weight:500;color:var(--green)}.notification-arrow{font-size:1.5rem;color:#9ba29e;line-height:1}.notification-status{min-height:20px;padding:0 20px 14px;color:var(--muted);font-size:.8125rem}@media(max-width:720px){.notification-topbar{display:grid}.notification-topbar .btn{display:inline-flex!important;justify-self:start}.notification-card{padding:16px 14px;gap:11px}.notification-title-row{align-items:flex-start}.notification-body{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-status{padding-inline:14px}}