/* JOBIX_V167_NOTIFICATION_DROPDOWN_COMPACT
   Keeps the tenant notification bell/dropdown compact and prevents wide flyout panels.
   Scope: visual sizing only. Does not alter notification queries or Twilio/SMS behavior. */
:root{
  --jx167-bell-right: 22px;
  --jx167-bell-top: 18px;
  --jx167-bell-width: 260px;
  --jx167-panel-width: 360px;
  --jx167-panel-gap: 10px;
}

/* v166 direct bell/panel implementation */
#jx165-bell{
  position:fixed!important;
  top:var(--jx167-bell-top)!important;
  right:var(--jx167-bell-right)!important;
  z-index:2147483000!important;
  max-width:var(--jx167-bell-width)!important;
  width:auto!important;
  min-width:44px!important;
  min-height:42px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(147,197,253,.7)!important;
  background:#0f172a!important;
  color:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.20)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  cursor:pointer!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1!important;
}
#jx165-bell .jx165-icon{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
#jx165-bell .jx165-tenant{
  display:block!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:900!important;
  font-size:13px!important;
  color:#fff!important;
}
#jx165-bell .jx165-count{
  flex:0 0 auto!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:950!important;
  font-size:12px!important;
  border:2px solid #fff!important;
}
#jx165-bell:not(.has-count) .jx165-count{display:none!important}
#jx165-panel{
  position:fixed!important;
  top:calc(var(--jx167-bell-top) + 52px)!important;
  right:var(--jx167-bell-right)!important;
  z-index:2147482999!important;
  width:var(--jx167-panel-width)!important;
  max-width:calc(100vw - 28px)!important;
  max-height:min(520px, calc(100vh - 94px))!important;
  overflow:auto!important;
  background:#fff!important;
  border:1px solid #dbe7f4!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
}
#jx165-panel:not(.open){display:none!important}
#jx165-panel.open{display:block!important}
#jx165-panel .jx165-panel-head{padding:13px 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid #e5eef8!important;background:#f8fbff!important}
#jx165-panel .jx165-panel-head a{font-weight:900!important;color:#2563eb!important;text-decoration:none!important;white-space:nowrap!important;font-size:13px!important}
#jx165-panel .jx165-notif-empty{padding:18px 15px!important;color:#64748b!important;font-weight:700!important}
#jx165-panel .jx165-notif-item{padding:11px 14px!important;border-bottom:1px solid #edf3fb!important;overflow-wrap:anywhere!important;word-break:break-word!important}
#jx165-panel .jx165-notif-title{font-size:14px!important;line-height:1.2!important;margin-bottom:4px!important}
#jx165-panel .jx165-notif-meta{font-size:11px!important;line-height:1.25!important;color:#64748b!important;margin-bottom:5px!important}
#jx165-panel .jx165-notif-body{font-size:13px!important;line-height:1.35!important;color:#334155!important;margin-bottom:8px!important;max-height:72px!important;overflow:hidden!important}
#jx165-panel .jx165-notif-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
#jx165-panel .jx165-notif-actions a,
#jx165-panel .jx165-notif-actions button{font-size:12px!important;padding:6px 9px!important;border-radius:999px!important}

/* v165 wrapper implementation */
#jobixTenantBell{
  position:fixed!important;
  top:var(--jx167-bell-top)!important;
  right:var(--jx167-bell-right)!important;
  z-index:2147483000!important;
  max-width:var(--jx167-bell-width)!important;
  font-family:Arial,system-ui,sans-serif!important;
}
#jobixTenantBell .jx165-bell-btn{
  max-width:var(--jx167-bell-width)!important;
  width:auto!important;
  min-width:44px!important;
  height:42px!important;
  padding:0 12px!important;
  gap:8px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:#0f172a!important;
  color:#fff!important;
  border-color:rgba(147,197,253,.75)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.20)!important;
}
#jobixTenantBell .jx165-bell-btn *{min-width:0!important}
#jobixTenantBell .jx165-panel{
  width:var(--jx167-panel-width)!important;
  max-width:calc(100vw - 28px)!important;
  right:0!important;
  top:52px!important;
  max-height:min(520px, calc(100vh - 94px))!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#jobixTenantBell .jx165-list{max-height:390px!important;overflow:auto!important}
#jobixTenantBell .jx165-head{padding:13px 15px!important}
#jobixTenantBell .jx165-item{padding:11px 14px!important;overflow-wrap:anywhere!important;word-break:break-word!important}
#jobixTenantBell .jx165-item-title{font-size:14px!important;line-height:1.2!important}
#jobixTenantBell .jx165-item-body{font-size:13px!important;line-height:1.32!important;max-height:72px!important;overflow:hidden!important}
#jobixTenantBell .jx165-item-meta{font-size:11px!important;flex-wrap:wrap!important}

@media(max-width:760px){
  :root{--jx167-bell-right:12px;--jx167-bell-top:12px;--jx167-bell-width:calc(100vw - 24px);--jx167-panel-width:calc(100vw - 24px)}
  #jx165-bell{max-width:var(--jx167-bell-width)!important}
  #jx165-bell .jx165-tenant{max-width:calc(100vw - 110px)!important}
  #jx165-panel{top:64px!important;right:12px!important;width:var(--jx167-panel-width)!important;max-height:calc(100vh - 82px)!important}
  #jobixTenantBell{right:12px!important;top:12px!important;max-width:var(--jx167-bell-width)!important}
  #jobixTenantBell .jx165-panel{right:0!important;width:var(--jx167-panel-width)!important;max-height:calc(100vh - 82px)!important}
}
@media print{#jx165-bell,#jx165-panel,#jobixTenantBell{display:none!important}}