/* Só layout do sino; componentes/tokens são os reais public/ui.css. */
.nb-shell{position:relative;margin-left:auto;width:max-content}
.nb-shell .popover{width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto}
.nb-shell .pop-head{position:sticky;top:-6px;background:var(--card);z-index:1;gap:12px;flex-wrap:wrap}
.nb-shell .nb-body{min-width:0;flex:1;overflow-wrap:anywhere}
.nb-shell .m-ico{flex:0 0 24px;color:var(--brand-600)}
.nb-shell time{display:block;font-size:11px;color:var(--ink-500);margin-top:6px}
.nb-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.nb-actions button{min-height:44px;text-align:left}
.nb-count{padding:8px 10px;color:var(--ink-500);font-size:12px}
.nb-pager{display:flex;justify-content:space-between;gap:12px;padding:8px 10px}
.nb-shell button:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
.nb-shell .notif.lida{opacity:1;color:var(--ink-500)}