/* SLAMBOOKPH_EVENTS_JOBS_V107_DOM_CLONE_V120
   THIS IS A DIRECT VISUAL CLONE OF THE PRODUCTION JOBS v1.0.7 SHELL.
   Values below are copied from Jobs v1.0.7: topbar 62, logo trigger 48,
   logo image 42, avatar 44, modal 930, mobile full-screen ecosystem. */
:root{--sbp-jobs-bg:#f4f6f8;--sbp-jobs-card:#fff;--sbp-jobs-text:#1f2937;--sbp-jobs-muted:#667085;--sbp-jobs-border:#e4e7ec;--sbp-jobs-accent:#ef476f;--sbp-jobs-accent2:#625bf6}
#sbpJobsV107Topbar *{box-sizing:border-box}
#sbpJobsV107Topbar{
  position:sticky!important;top:0!important;z-index:2147483000!important;height:62px!important;
  background:#fff!important;border-bottom:1px solid var(--sbp-jobs-border)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 8px!important;box-shadow:0 2px 12px rgba(15,23,42,.05)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#sbpJobsV107Topbar .left-wrap,#sbpJobsV107Topbar .right-wrap{display:flex!important;align-items:center!important}
#sbpJobsV107Topbar .left-wrap{gap:10px!important;min-width:0!important}
#sbpJobsV107LogoBtn{
  border:0!important;background:transparent!important;padding:3px!important;width:48px!important;height:48px!important;
  border-radius:14px!important;cursor:pointer!important;display:grid!important;place-items:center!important;
}
#sbpJobsV107LogoBtn:hover{background:#f2f4f7!important}
#sbpJobsV107LogoBtn img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:50%!important}
#sbpJobsV107Topbar .brand-title{
  font-size:18px!important;font-weight:800!important;white-space:nowrap!important;color:var(--sbp-jobs-text)!important;
  text-decoration:none!important;line-height:1!important;
}
#sbpJobsV107Topbar .brand-title strong{color:var(--sbp-jobs-accent)!important;font-weight:800!important}
#sbpJobsV107AvatarBtn{
  width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;padding:0!important;overflow:hidden!important;
  background:linear-gradient(135deg,var(--sbp-jobs-accent2),var(--sbp-jobs-accent))!important;
  color:#fff!important;font-weight:900!important;font-size:17px!important;cursor:pointer!important;
  display:grid!important;place-items:center!important;
}
#sbpJobsV107AvatarBtn img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}
#sbpJobsV107Signin{
  padding:10px 14px!important;border:1px solid var(--sbp-jobs-border)!important;border-radius:12px!important;
  font-weight:800!important;background:#fff!important;color:var(--sbp-jobs-text)!important;text-decoration:none!important;
}
#sbpJobsV107LocalMenu{
  position:fixed!important;z-index:2147483300!important;top:66px!important;left:8px!important;
  width:min(330px,calc(100vw - 16px))!important;background:#fff!important;border:1px solid var(--sbp-jobs-border)!important;
  border-radius:16px!important;box-shadow:0 22px 60px rgba(15,23,42,.18)!important;padding:8px!important;display:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#sbpJobsV107LocalMenu.open{display:block!important}
#sbpJobsV107LocalMenu a,#sbpJobsV107LocalMenu button{
  width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;
  padding:11px 12px!important;border:0!important;background:transparent!important;border-radius:10px!important;
  color:var(--sbp-jobs-text)!important;font:inherit!important;font-weight:700!important;text-align:left!important;
  cursor:pointer!important;text-decoration:none!important;
}
#sbpJobsV107LocalMenu a:hover,#sbpJobsV107LocalMenu button:hover{background:#f2f4f7!important}
#sbpJobsV107LocalMenu hr{border:0!important;border-top:1px solid var(--sbp-jobs-border)!important;margin:7px 4px!important}

#sbpJobsV107Eco{
  position:fixed!important;inset:0!important;z-index:2147483500!important;background:rgba(15,23,42,.30)!important;
  display:none!important;align-items:flex-start!important;justify-content:center!important;padding:18px!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#sbpJobsV107Eco.open{display:flex!important}
#sbpJobsV107Eco .ecosystem-panel{
  width:min(930px,100%)!important;max-height:calc(100vh - 36px)!important;margin-top:0!important;background:#fff!important;
  border:1px solid #dbe4f0!important;border-radius:20px!important;box-shadow:0 26px 80px rgba(15,23,42,.24)!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
#sbpJobsV107Eco .ecosystem-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;
  padding:18px 18px 12px!important;background:#f6faff!important;border-bottom:1px solid #dbe4f0!important;
}
#sbpJobsV107Eco .ecosystem-head h2{margin:0!important;color:#16345c!important;font-size:20px!important;line-height:1.15!important}
#sbpJobsV107Eco .ecosystem-head p{margin:5px 0 0!important;color:#6a7f9e!important;font-size:12px!important}
#sbpJobsV107Eco .ecosystem-head p a{color:#58769f!important;text-decoration:none!important}
#sbpJobsV107Eco .ecosystem-head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
#sbpJobsV107Eco .ecosystem-logout-top{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 13px!important;
  border:1px solid #d8e2ee!important;border-radius:12px!important;background:#fff!important;color:#1d2d47!important;
  font-weight:800!important;font-size:13px!important;text-decoration:none!important;
}
#sbpJobsV107Eco .ecosystem-logout-top:hover{background:#f7faff!important;border-color:#c9d8ea!important}
#sbpJobsV107Eco .ecosystem-close{
  width:40px!important;height:40px!important;border:1px solid #d8e2ee!important;background:#fff!important;border-radius:12px!important;
  color:#71819a!important;font-size:27px!important;line-height:1!important;cursor:pointer!important;
}
#sbpJobsV107Eco .ecosystem-search-wrap{padding:12px 14px 10px!important;background:#fff!important}
#sbpJobsV107Eco .ecosystem-search{
  width:100%!important;height:50px!important;border:1px solid #d7e2ef!important;border-radius:15px!important;
  padding:0 16px!important;font:inherit!important;font-size:15px!important;outline:none!important;
}
#sbpJobsV107Eco .ecosystem-search:focus{border-color:#a7c5ec!important;box-shadow:0 0 0 3px rgba(72,139,219,.10)!important}
#sbpJobsV107Eco .ecosystem-scroll{overflow:auto!important;padding:8px 12px 18px!important}
#sbpJobsV107Eco .ecosystem-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 18px!important}
#sbpJobsV107Eco .ecosystem-app{
  display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
  padding:12px!important;border:1px solid transparent!important;border-radius:14px!important;min-height:74px!important;
  color:#1d2d47!important;text-decoration:none!important;
}
#sbpJobsV107Eco .ecosystem-app:hover{background:#f7faff!important;border-color:#e0e9f4!important}
#sbpJobsV107Eco .ecosystem-app.current{background:#eaf4ff!important;border-color:#b8d9ff!important}
#sbpJobsV107Eco .ecosystem-icon{
  width:46px!important;height:46px!important;border-radius:13px!important;background:#eaf3ff!important;color:#16457e!important;
  display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;font-weight:900!important;
}
#sbpJobsV107Eco .ecosystem-app strong,#sbpJobsV107Eco .ecosystem-app small{display:block!important}
#sbpJobsV107Eco .ecosystem-app strong{font-size:15px!important;color:#1d2d47!important;margin-bottom:3px!important}
#sbpJobsV107Eco .ecosystem-app small{font-size:12px!important;line-height:1.3!important;color:#6a7f9e!important}
#sbpJobsV107Eco .ecosystem-app.hidden{display:none!important}
body.sbpJobsV107EcoOpen{overflow:hidden!important}

/* Old shared/global shells are not allowed to compete with the Jobs benchmark shell. */
#slb141-local,#slb141-global,#slb141-local-panel,#slb141-global-panel{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
#sbp-jobs-exact-topbar,#sbpfm-jobs-benchmark-topbar{display:none!important}

/* Events old/native shells are retired; the Jobs benchmark shell is the only global topbar. */
body > .topbar:not(#sbpJobsV107Topbar),
body > #sbp-jobs-exact-topbar,
body > #sbpfm-jobs-benchmark-topbar{
  display:none!important;
}


@media(max-width:720px){
  #sbpJobsV107Eco{padding:0!important}
  #sbpJobsV107Eco .ecosystem-panel{width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:0!important}
  #sbpJobsV107Eco .ecosystem-grid{grid-template-columns:1fr!important}
  #sbpJobsV107Eco .ecosystem-head{padding:16px!important}
  #sbpJobsV107Eco .ecosystem-search-wrap{padding:10px 12px!important}
  #sbpJobsV107Eco .ecosystem-scroll{padding:6px 8px 12px!important}
  #sbpJobsV107Eco .ecosystem-app{min-height:68px!important;padding:10px!important}
}
@media(max-width:620px){
  #sbpJobsV107Topbar{height:58px!important}
  #sbpJobsV107LogoBtn{width:44px!important;height:44px!important}
  #sbpJobsV107LogoBtn img{width:38px!important;height:38px!important}
  #sbpJobsV107Topbar .brand-title{font-size:16px!important}
  #sbpJobsV107AvatarBtn{width:42px!important;height:42px!important}
  #sbpJobsV107LocalMenu{top:62px!important;left:6px!important;width:calc(100vw - 12px)!important}
}