#bt-notif{ position:relative; }
.notif-badge{ position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 4px;background:var(--sbr-danger);color:#fff;font-size:10px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1; }
#notif-panel{ position:fixed;top:58px;right:16px;width:340px;max-width:92vw;z-index:9700;background:var(--sbr-surface);border:1px solid var(--sbr-border);border-radius:var(--rad-16);box-shadow:var(--sh-xl);overflow:hidden;display:none; }
body.notif-open #notif-panel{ display:block;animation:sbr-fade var(--mo) var(--ease); }
.np-head{ padding:14px var(--sp-4);font-weight:var(--fw-bold);font-size:var(--fs-body-l);color:var(--sbr-text);border-bottom:1px solid var(--sbr-border); }
.np-body{ max-height:60vh;overflow-y:auto;padding:6px; }
.np-row{ display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--rad-12);cursor:pointer; }
.np-row:hover{ background:var(--sbr-surface-2); }
.np-ic{ width:32px;height:32px;border-radius:var(--rad-8);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.np-main b{ display:block;font-size:var(--fs-body-s);font-weight:var(--fw-semibold);color:var(--sbr-text); }
.np-main span{ font-size:var(--fs-caption);color:var(--sbr-text-2); }
.np-empty{ padding:28px 16px;text-align:center;color:var(--sbr-text-2);font-size:var(--fs-body-s); }
.busca-grp{ font-size:11px;font-weight:700;color:var(--sbr-text-3);text-transform:uppercase;letter-spacing:.06em;padding:10px 12px 4px; }