.nd-notification-popover{width:min(390px,calc(100vw - 24px))!important;max-height:min(620px,78vh);overflow:hidden}
.nd-notification-head>div{display:flex;flex-direction:column;gap:2px}.nd-notification-head small{font-size:10.5px;color:#64748b;font-weight:600}
.nd-notification-list{max-height:520px;overflow:auto;padding:8px!important}
.nd-notification-item{width:100%;border:0;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:right;padding:12px 10px;border-radius:15px;cursor:pointer;color:#0f172a;margin:2px 0;transition:.16s ease}
.nd-notification-item:hover{background:#f8fafc;transform:translateX(-2px)}.nd-notification-item.is-new{background:#fff7f7}.nd-notification-item.is-new:hover{background:#fff1f2}
.nd-notification-icon{width:42px;height:42px;border-radius:13px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:19px}.nd-notification-item.is-new .nd-notification-icon{background:#fee2e2}
.nd-notification-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.nd-notification-copy b{font-size:12.5px;font-weight:900}.nd-notification-copy small{font-size:10.8px;line-height:1.7;color:#475569}.nd-notification-copy em{font-size:9.5px;color:#94a3b8;font-style:normal}.nd-notification-arrow{font-size:22px;color:#94a3b8}
.nd-notification-empty,.nd-notification-error{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:20px;color:#64748b}.nd-notification-empty>span{width:44px;height:44px;border-radius:15px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;font-size:21px}.nd-notification-empty b,.nd-notification-error b{color:#0f172a}.nd-notification-empty small,.nd-notification-error small{font-size:10.5px;line-height:1.8}.nd-notification-error button{border:0;border-radius:10px;padding:8px 13px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}

/* RC50.52 — self-contained notification center shell.
   Earlier builds only styled the contents; the popover itself had no
   visibility/positioning rules in this package and therefore depended on
   legacy CSS from style.css. */
#ndInvoiceBell{position:relative;align-items:center;justify-content:center}
#ndInvoiceBadge{position:absolute;top:-6px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;line-height:1;background:#dc2626;color:#fff;border:2px solid #fff;box-sizing:border-box}
#ndInvoiceBadge[hidden]{display:none!important}
#ndInvoicePopover{position:absolute;z-index:10040;top:calc(100% + 12px);right:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985);transform-origin:top right;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.20);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
#ndInvoicePopover.show,#ndInvoicePopover[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
#ndInvoicePopover .nd-invoice-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #edf2f7;background:#fff}
#ndInvoicePopover .nd-invoice-popover-head strong{font-size:14px;font-weight:900;color:#0f172a}
#ndInvoicePopover #ndInvoiceClose{width:30px;height:30px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
#ndInvoicePopover #ndInvoiceClose:hover{background:#e2e8f0;color:#0f172a}
@media(max-width:640px){#ndInvoicePopover{position:fixed;top:70px;right:12px;left:12px;width:auto!important;transform-origin:top center}}


/* RC50.53 — guarantee that the visible bell receives the physical pointer. */
#authAnchor{position:relative}
#ndInvoiceBell{z-index:10060!important;pointer-events:auto!important;touch-action:manipulation;isolation:isolate}
#ndInvoiceBell>*{pointer-events:none!important}
#ndInvoicePopover{z-index:10070!important}


/* RC50.54 — compact, collision-proof numeric badge. */
#ndInvoiceBadge{
  position:absolute!important;
  top:-5px!important;right:-6px!important;bottom:auto!important;left:auto!important;
  width:auto!important;min-width:19px!important;max-width:34px!important;height:19px!important;
  padding:0 4px!important;margin:0!important;
  border-radius:999px!important;white-space:nowrap!important;overflow:hidden!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;font-weight:900!important;line-height:19px!important;
  letter-spacing:0!important;text-indent:0!important;transform:none!important;
  background:#dc2626!important;color:#fff!important;border:2px solid #fff!important;
  box-sizing:border-box!important;
}
#ndInvoiceBadge[hidden]{display:none!important}