/* The same visible account, branded inbox balloon and download-arrow controls across BYP apps.
   Does not change any PWA install/notification permission logic. */
.byp-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.byp-header-account{min-height:40px;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.025em;border-radius:999px;padding:8px 13px;color:#fff!important;border:1px solid #ff77d5!important;background:linear-gradient(110deg,#ef26ad,#8b36ec)!important;cursor:pointer}
.byp-header-icon{position:relative;width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#160f26;border:1px solid rgba(176,114,253,.58);color:#fff;cursor:pointer;padding:7px}
.byp-header-icon img{display:block;width:28px;height:28px;object-fit:contain}
.byp-header-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.byp-header-icon:focus-visible,.byp-header-account:focus-visible{outline:3px solid #16d6ff;outline-offset:2px}
.byp-header-icon[hidden]{display:none!important}
.byp-header-count{position:absolute;top:-3px;right:-4px;min-width:13px;height:13px;padding:0 2px;border:2px solid #10091e;border-radius:50%;background:#ed1549;color:#fff;font-size:0;line-height:14px;text-align:center;box-shadow:0 0 9px rgba(237,21,73,.55)}
.byp-header-count.has-number{min-width:18px;height:18px;top:-5px;right:-7px;font-size:10px;font-weight:900;line-height:14px;padding:0 2px}
.byp-header-count[hidden]{display:none}
#bypQuickActions{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:939;padding:5px 7px;border-radius:25px;background:rgba(8,5,18,.94);border:1px solid rgba(179,114,253,.32);box-shadow:0 7px 26px rgba(0,0,0,.35)}
#bypQuickActions .byp-bell{position:relative;top:auto;right:auto;z-index:auto}
#bypQuickActions .byp-bell svg{display:none}
#bypQuickActions .byp-bell img{display:block;width:27px;height:27px}
#bypQuickActions .byp-bell-count{top:-3px;right:-5px;background:#ed1549}
#bypQuickActions .byp-bell-count.is-dot{width:13px;min-width:13px;height:13px;border:2px solid #10091e;font-size:0;padding:0}
@media(max-width:540px){
 .byp-header-actions{gap:5px}
 .byp-header-account{min-height:36px;font-size:11px;padding:6px 9px}
 .byp-header-icon{width:36px;height:36px;min-width:36px;padding:5px}
 .byp-header-icon img{width:25px;height:25px}
 #bypQuickActions{right:5px;top:max(6px,env(safe-area-inset-top));padding:3px 5px}
}