/* SLAMBOOKPH_EVENTS_SINGLE_TOPBAR_CANONICAL_AVATAR_V163 */
:root{
  --sbpe161-accent:#ef476f;
  --sbpe161-text:#17243a;
  --sbpe161-line:#e4e7ec;
}
html,body{margin:0!important}
body{padding-top:0!important}

/* One authoritative Events account/header renderer only. */
#slb141-local,#slb141-global,#slb141-local-panel,#slb141-global-panel,
#sbp-jobs-exact-topbar,#sbpfm-jobs-benchmark-topbar,
#sbpJobsV107Topbar,#sbpJobsV107LocalMenu,#sbpJobsV107Eco,
#sbpJobsV107CanonicalTopbar,#sbpJobsV107CanonicalLocal,#sbpJobsV107CanonicalEco{
  display:none!important;visibility:hidden!important;pointer-events:none!important
}
body > .topbar:not(#sbpEventsUniversalTopbar){display:none!important}

#sbpEventsUniversalTopbar{
  position:sticky!important;top:0!important;z-index:2147483000!important;
  width:100%!important;height:62px!important;min-height:62px!important;
  background:#fff!important;border-bottom:1px solid var(--sbpe161-line)!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:0 8px!important;box-sizing:border-box!important;
  box-shadow:0 2px 12px rgba(15,23,42,.05)!important
}
#sbpEventsUniversalTopbar .sbpe161-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#sbpEventsUniversalTopbar .sbpe161-right{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:44px!important}
#sbpEventsUniversalLogo{
  width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;
  flex:0 0 48px!important;padding:3px!important;border:0!important;border-radius:14px!important;
  background:transparent!important;display:grid!important;place-items:center!important;cursor:pointer!important
}
#sbpEventsUniversalLogo img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:50%!important}
#sbpEventsUniversalTopbar .sbpe161-title{
  color:var(--sbpe161-text)!important;font-size:18px!important;font-weight:800!important;
  line-height:1!important;white-space:nowrap!important;text-decoration:none!important
}
#sbpEventsUniversalTopbar .sbpe161-title strong{color:var(--sbpe161-accent)!important}

/* HARD SIZE LOCK: never oval, never stretched. */
#sbpEventsUniversalAvatar{
  box-sizing:border-box!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;
  flex:0 0 44px!important;aspect-ratio:1/1!important;
  border-radius:999px!important;overflow:hidden!important;
  border:1px solid #e4e7ec!important;padding:0!important;margin:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important;cursor:pointer!important;
  background:linear-gradient(135deg,#7c3aed,#ef476f)!important;
  color:#fff!important;font-size:14px!important;font-weight:900!important
}
#sbpEventsUniversalAvatar img{
  display:block!important;width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
  object-fit:cover!important;object-position:center!important;border-radius:999px!important;
  padding:0!important;margin:0!important;border:0!important
}
#sbpEventsUniversalAvatar svg,#sbpEventsUniversalAvatar i{display:none!important}
#sbpEventsUniversalSignin{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;padding:0 14px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid #d0d5dd!important;color:#17243a!important;
  text-decoration:none!important;font-weight:800!important;white-space:nowrap!important
}

/* Local Events menu. */
#sbpEventsUniversalLocal{
  position:fixed!important;top:66px!important;left:8px!important;z-index:2147483642!important;
  width:min(330px,calc(100vw - 16px))!important;background:#fff!important;
  border:1px solid #e4e7ec!important;border-radius:14px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.18)!important;padding:8px!important;
  display:none!important;box-sizing:border-box!important
}
#sbpEventsUniversalLocal.open{display:block!important}
#sbpEventsUniversalLocal a{
  display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  padding:11px 12px!important;border-radius:10px!important;color:#17243a!important;
  text-decoration:none!important;font-weight:800!important;box-sizing:border-box!important
}
#sbpEventsUniversalLocal a:hover{background:#f2f4f7!important}
#sbpEventsUniversalLocal hr{border:0;border-top:1px solid #eef2f6;margin:7px 4px}

/* Ecosystem modal. */
#sbpEventsUniversalEco{
  position:fixed!important;inset:0!important;z-index:2147483645!important;
  background:rgba(15,23,42,.42)!important;display:none!important;
  align-items:flex-start!important;justify-content:center!important;padding:78px 14px 22px!important;
  box-sizing:border-box!important
}
#sbpEventsUniversalEco.open{display:flex!important}
#sbpEventsUniversalEco .sbpe161-panel{
  width:min(930px,100%)!important;max-height:calc(100dvh - 100px)!important;
  background:#fff!important;border-radius:20px!important;box-shadow:0 28px 80px rgba(15,23,42,.28)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important
}
#sbpEventsUniversalEco .sbpe161-head{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:18px 20px 12px!important;border-bottom:1px solid #eef2f6!important}
#sbpEventsUniversalEco .sbpe161-account{display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important}
#sbpEventsUniversalEco .sbpe161-photo{
  width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:999px!important;overflow:hidden!important;
  background:linear-gradient(135deg,#7c3aed,#ef476f)!important;color:#fff!important;
  display:grid!important;place-items:center!important;font-weight:900!important
}
#sbpEventsUniversalEco .sbpe161-photo img{width:52px!important;height:52px!important;object-fit:cover!important;border-radius:999px!important}
#sbpEventsUniversalEco h2{margin:0!important;font-size:20px!important;color:#17243a!important}
#sbpEventsUniversalEco .sbpe161-sub{color:#667085!important;font-size:12px!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#sbpEventsUniversalEco .sbpe161-head-actions{margin-left:auto!important;display:flex!important;gap:8px!important;align-items:center!important}
#sbpEventsUniversalEco .sbpe161-head-actions a,#sbpEventsUniversalEco .sbpe161-head-actions button{
  min-height:38px!important;padding:0 12px!important;border-radius:9px!important;border:1px solid #d0d5dd!important;
  background:#fff!important;color:#17243a!important;text-decoration:none!important;font-weight:800!important;cursor:pointer!important
}
#sbpEventsUniversalEco .sbpe161-head-actions .logout{color:#b42318!important}
#sbpEventsUniversalEco .sbpe161-search-wrap{padding:12px 20px!important}
#sbpEventsUniversalEco .sbpe161-search{width:100%!important;height:44px!important;border:1px solid #d0d5dd!important;border-radius:10px!important;padding:0 13px!important;box-sizing:border-box!important}
#sbpEventsUniversalEco .sbpe161-scroll{overflow:auto!important;padding:0 20px 20px!important}
#sbpEventsUniversalEco .sbpe161-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#sbpEventsUniversalEco .sbpe161-app{
  display:flex!important;align-items:flex-start!important;gap:11px!important;padding:11px!important;
  border:1px solid #eaecf0!important;border-radius:12px!important;text-decoration:none!important;
  color:#17243a!important;background:#fff!important;min-width:0!important
}
#sbpEventsUniversalEco .sbpe161-app.current{border-color:#f2a9b9!important;background:#fff7f9!important}
#sbpEventsUniversalEco .sbpe161-icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;background:#f2f4f7!important;display:grid!important;place-items:center!important}
#sbpEventsUniversalEco .sbpe161-app strong{display:block!important;font-size:13px!important}
#sbpEventsUniversalEco .sbpe161-app small{display:block!important;color:#667085!important;font-size:11px!important;margin-top:2px!important}
#sbpEventsUniversalEco .hidden{display:none!important}

@media(max-width:620px){
  #sbpEventsUniversalTopbar{height:58px!important;min-height:58px!important;padding:0 6px!important}
  #sbpEventsUniversalLogo{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex-basis:44px!important}
  #sbpEventsUniversalLogo img{width:38px!important;height:38px!important}
  #sbpEventsUniversalTopbar .sbpe161-title{font-size:16px!important}
  #sbpEventsUniversalAvatar{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    max-width:42px!important;max-height:42px!important;flex:0 0 42px!important
  }
  #sbpEventsUniversalAvatar img{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    max-width:42px!important;max-height:42px!important
  }
  #sbpEventsUniversalLocal{top:62px!important;left:6px!important;width:calc(100vw - 12px)!important}
  #sbpEventsUniversalEco{padding:66px 0 0!important;align-items:stretch!important}
  #sbpEventsUniversalEco .sbpe161-panel{width:100%!important;height:calc(100dvh - 66px)!important;max-height:none!important;border-radius:18px 18px 0 0!important}
  #sbpEventsUniversalEco .sbpe161-grid{grid-template-columns:1fr!important}
}

/* SLAMBOOKPH_EVENTS_ECOSYSTEM_LOGOUT_UI_V164_START */
/*
 * Professional modal header actions:
 * neutral by default; danger emphasis only when the user interacts.
 */
#sbpEventsUniversalEco .sbpe161-head-actions{
  gap:8px!important;
  align-items:center!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .logout{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border:1px solid #e4e7ec!important;
  border-radius:10px!important;
  background:#ffffff!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .logout:hover{
  background:#fff6f5!important;
  border-color:#fda29b!important;
  color:#b42318!important;
  box-shadow:0 2px 5px rgba(180,35,24,.08)!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .logout:active{
  transform:translateY(1px)!important;
  background:#fee4e2!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .logout:focus-visible{
  outline:3px solid rgba(239,71,111,.16)!important;
  outline-offset:2px!important;
  border-color:#f97066!important;
  color:#b42318!important;
}

#sbpEventsUniversalEco .sbpe164-logout-icon{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  flex:0 0 16px!important;
  display:block!important;
  overflow:visible!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .sbpe161-close{
  box-sizing:border-box!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  flex:0 0 36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:1px solid #e4e7ec!important;
  border-radius:10px!important;
  background:#ffffff!important;
  color:#667085!important;
  font-size:19px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .sbpe161-close:hover{
  background:#f9fafb!important;
  border-color:#d0d5dd!important;
  color:#344054!important;
}

#sbpEventsUniversalEco .sbpe161-head-actions .sbpe161-close:focus-visible{
  outline:3px solid rgba(52,64,84,.12)!important;
  outline-offset:2px!important;
}

@media(max-width:480px){
  #sbpEventsUniversalEco .sbpe161-head-actions .logout{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    padding:0!important;
  }
  #sbpEventsUniversalEco .sbpe161-head-actions .logout span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}
/* SLAMBOOKPH_EVENTS_ECOSYSTEM_LOGOUT_UI_V164_END */