/* BoothNest v3.2.4 Unified Notification Drawer */
.bn-notify-wrap{position:relative;}
.bn-notify-panel{display:none!important;}
.bn-notify-btn{position:relative;}
.bn-notify-count:empty{display:none;}

#bn-notification-backdrop{
  position:fixed;inset:0;z-index:2147483300;background:rgba(15,23,42,.34);
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
body.bn-notifications-open #bn-notification-backdrop{opacity:1;pointer-events:auto;}

#bn-notification-drawer{
  position:fixed;z-index:2147483301;right:24px;top:78px;width:min(430px,calc(100vw - 32px));
  max-height:min(620px,calc(100vh - 104px));overflow:hidden;background:#fff;color:#0f172a;
  border:1px solid rgba(148,163,184,.35);border-radius:22px;box-shadow:0 28px 70px rgba(15,23,42,.28);
  transform:translateY(-8px) scale(.985);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;
}
body.bn-notifications-open #bn-notification-drawer{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;}

.bn-notification-handle{display:none;width:52px;height:5px;border-radius:999px;background:#cbd5e1;margin:12px auto 6px;}
.bn-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffff,#f8fafc);}
.bn-notification-title{display:flex;flex-direction:column;gap:2px;}
.bn-notification-title strong{font-size:18px;line-height:1.15;color:#0f172a;}
.bn-notification-title span{font-size:12px;color:#64748b;}
.bn-notification-close{border:0;background:#eef2f7;color:#0f172a;width:40px;height:40px;border-radius:999px;font-size:26px;line-height:40px;padding:0;cursor:pointer;}
.bn-notification-body{max-height:calc(min(620px,calc(100vh - 104px)) - 72px);overflow:auto;padding:12px;}
.bn-notification-empty{padding:22px 14px;text-align:center;color:#64748b;font-size:14px;}
.bn-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px;}
.bn-notification-toolbar a,.bn-notification-toolbar button,.bn-notification-foot a{font-weight:850;color:#198754;text-decoration:none;background:#eef8f1;border:0;border-radius:999px;padding:8px 12px;font-size:12px;}
.bn-notification-toolbar button:disabled{opacity:.45;}
.bn-notification-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #eef2f7;background:#fff;border-radius:16px;margin:7px 0;padding:10px;}
.bn-notification-row.is-unread{border-color:rgba(25,135,84,.30);background:#f7fbf8;}
.bn-notification-link{text-decoration:none;color:#0f172a;min-width:0;}
.bn-notification-link strong{display:block;font-size:14px;line-height:1.25;}
.bn-notification-link small{display:block;color:#64748b;margin-top:3px;line-height:1.35;}
.bn-notification-link em{display:block;color:#94a3b8;font-size:11px;font-style:normal;margin-top:4px;}
.bn-notification-row [data-bn-read-one],.bn-notification-read-state{border:0;border-radius:999px;background:#e8f5ee;color:#198754;font-weight:850;font-size:12px;padding:7px 10px;}
.bn-notification-read-state{background:#f1f5f9;color:#64748b;}

@media (max-width:820px){
  body.bn-notifications-open{overflow:hidden;}
  #bn-notification-drawer{
    left:14px;right:14px;top:calc(96px + env(safe-area-inset-top,0px));bottom:auto;width:auto;
    max-height:calc(100vh - 138px - env(safe-area-inset-bottom,0px));border-radius:24px;
    transform:translateY(-8px);box-shadow:0 26px 70px rgba(15,23,42,.36);
  }
  body.bn-notifications-open #bn-notification-drawer{transform:translateY(0);}
  .bn-notification-handle{display:block;}
  .bn-notification-head{padding:8px 16px 12px;}
  .bn-notification-title strong{font-size:22px;}
  .bn-notification-title span{font-size:13px;}
  .bn-notification-close{width:52px;height:52px;border-radius:18px;font-size:34px;line-height:52px;}
  .bn-notification-body{max-height:calc(100vh - 225px - env(safe-area-inset-bottom,0px));padding:12px 14px 16px;}
  .bn-notification-link strong{font-size:16px;}
  .bn-notification-link small{font-size:14px;}
}