.vy-notification-panel{z-index:10000;color:#18352d;background:#fffdf8;border:1px solid #c7d4cc;border-radius:14px;width:min(400px,100vw - 24px);max-height:78vh;padding:16px;font-family:system-ui;position:fixed;top:72px;right:12px;overflow:auto;box-shadow:0 10px 35px #0003}.vy-notification-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.vy-notification-panel button{color:#18352d;cursor:pointer;background:#fff;border:1px solid #b7c7bd;border-radius:8px;min-height:40px;padding:8px}.vy-notification-item{border-bottom:1px solid #ddd;gap:6px;padding:12px 0;display:grid}.vy-notification-item.unread{border-left:3px solid #1f6849;padding-left:10px}.vy-notification-item p{margin:0;font-size:13px;line-height:1.5}.vy-notification-panel label{align-items:center;gap:8px;padding:10px 0;display:flex}.vy-notification-panel input{width:auto}.vy-notification-bell{color:#18352d;cursor:pointer;background:#fff;border:1px solid #bac9c0;border-radius:8px;min-height:44px;padding:8px 12px}.vy-notification-new{color:#ab231c;margin-left:8px;font-size:10px}.vy-notification-status{color:#655;font-size:12px}.vy-notification-panel [hidden]{display:none}.b2b-header:has(.vy-notification-bell)>div{min-width:0}@media (width<=700px){.b2b-header:has(.vy-notification-bell){flex-wrap:wrap;gap:6px;height:auto;min-height:72px}.b2b-header:has(.vy-notification-bell)>div{flex-wrap:wrap;flex:260px;justify-content:flex-end;gap:5px}}