
.hfb-app-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-left:auto;position:relative;flex-wrap:wrap}
.hfb-bell{appearance:none;border:1px solid #bac2d1;background:#fff;border-radius:999px;color:#17213d;cursor:pointer;padding:9px 12px;font-size:17px;min-width:46px;min-height:44px;box-shadow:0 2px 8px #17213d12}
.hfb-bell strong{font:700 12px system-ui;border-radius:99px;background:#6741a5;color:#fff;padding:3px 6px;margin-left:2px}
.hfb-notification-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(355px,calc(100vw - 30px));z-index:999;background:white;border:1px solid #d8deed;border-radius:18px;box-shadow:0 16px 40px #17213d45;padding:14px;text-align:left;color:#17213d}
.hfb-notification-panel h2{font-size:1.07rem;margin:0 0 6px}
.hfb-notification-list{max-height:55vh;overflow:auto;display:grid;gap:7px;margin:8px 0}
.hfb-notification-row{display:block;padding:11px;border:1px solid #e1e5ed;border-radius:10px;text-decoration:none;color:#17213d;background:#fff}
.hfb-notification-row.unread{background:#f2ebfa;border-color:#c9b9ed}
.hfb-notification-row b{display:block;font-size:.94rem}.hfb-notification-row span{display:block;font-size:.8rem;color:#526079;margin-top:4px}
.hfb-notification-panel button,.hfb-update-banner button{cursor:pointer;font:inherit;padding:8px 11px;border:0;border-radius:9px;background:#17213d;color:white}
.hfb-panel-footer{display:flex;gap:9px;justify-content:space-between;align-items:center;margin-top:8px}
.hfb-panel-footer a{font-size:.85rem}
.hfb-update-banner{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;background:#17213d;color:white;border-radius:14px;padding:12px 16px;box-shadow:0 7px 25px #17213d77;display:flex;gap:12px;align-items:center;width:min(92vw,520px);justify-content:space-between;font:14px system-ui}
.hfb-update-banner button{background:#78cbd0;color:#17213d;font-weight:700}
.hfb-install-tip{font-size:.9rem;margin:8px 0;color:#526079}
@media(max-width:700px){header.top{flex-wrap:wrap}.hfb-app-actions{flex:1;justify-content:flex-end}.hfb-notification-panel{right:-4px}}
