/* SLAMBOOKPH_UNIFIED_SHELL_V100
   Canonical global shell. Jobs is the visual benchmark.
   Central source: auth.slambookph.com
*/
:root{
  --sbp-shell-bg:#f4f6f8;
  --sbp-shell-card:#fff;
  --sbp-shell-text:#1f2937;
  --sbp-shell-muted:#667085;
  --sbp-shell-border:#e4e7ec;
  --sbp-shell-accent:#ef476f;
  --sbp-shell-accent2:#625bf6;
}
html,body{margin-top:0!important;padding-top:0!important}
body.sbp-shell-active{padding-top:0!important}
#sbpUnifiedTopbar *{box-sizing:border-box}
#sbpUnifiedTopbar{
  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(--sbp-shell-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;
}
#sbpUnifiedTopbar .sbp-shell-left,
#sbpUnifiedTopbar .sbp-shell-right{
  display:flex!important;
  align-items:center!important;
}
#sbpUnifiedTopbar .sbp-shell-left{gap:10px!important;min-width:0!important}
#sbpUnifiedLogo{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height: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;
}
#sbpUnifiedLogo:hover{background:#f2f4f7!important}
#sbpUnifiedLogo img{
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
#sbpUnifiedTitle{
  color:var(--sbp-shell-text)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
#sbpUnifiedTitle strong{color:var(--sbp-shell-accent)!important}
#sbpUnifiedAvatar{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:50%!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--sbp-shell-accent2),var(--sbp-shell-accent))!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
#sbpUnifiedAvatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
  display:block!important;
}
#sbpUnifiedSignin{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:1px solid var(--sbp-shell-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--sbp-shell-text)!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* local application menu */
#sbpUnifiedLocalMenu{
  position:fixed!important;
  z-index:2147483300!important;
  top:66px!important;
  left:8px!important;
  width:min(330px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - 74px)!important;
  overflow:auto!important;
  display:none!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid var(--sbp-shell-border)!important;
  border-radius:16px!important;
  box-shadow:0 22px 60px rgba(15,23,42,.18)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#sbpUnifiedLocalMenu.open{display:block!important}
#sbpUnifiedLocalMenu a,#sbpUnifiedLocalMenu button{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--sbp-shell-text)!important;
  font:inherit!important;
  font-weight:700!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#sbpUnifiedLocalMenu a:hover,#sbpUnifiedLocalMenu button:hover{background:#f2f4f7!important}
#sbpUnifiedLocalMenu hr{border:0!important;border-top:1px solid var(--sbp-shell-border)!important;margin:7px 4px!important}

/* Jobs-benchmark ecosystem modal */
#sbpUnifiedEcosystem{
  position:fixed!important;
  inset:0!important;
  z-index:2147483500!important;
  display:none!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(15,23,42,.30)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
#sbpUnifiedEcosystem.open{display:flex!important}
#sbpUnifiedEcosystem .sbp-eco-panel{
  width:min(930px,100%)!important;
  max-height:calc(100dvh - 36px)!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;
}
#sbpUnifiedEcosystem .sbp-eco-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;
}
#sbpUnifiedEcosystem .sbp-eco-head h2{
  margin:0!important;
  color:#16345c!important;
  font-size:20px!important;
  line-height:1.15!important;
}
#sbpUnifiedEcosystem .sbp-eco-head p{
  margin:5px 0 0!important;
  color:#6a7f9e!important;
  font-size:12px!important;
}
#sbpUnifiedEcosystem .sbp-eco-head p a{color:#58769f!important;text-decoration:none!important}
#sbpUnifiedEcosystem .sbp-eco-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
#sbpUnifiedEcosystem .sbp-eco-logout{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!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;
}
#sbpUnifiedEcosystem .sbp-eco-close{
  width:40px!important;
  height:40px!important;
  border:1px solid #d8e2ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#71819a!important;
  font-size:27px!important;
  line-height:1!important;
  cursor:pointer!important;
}
#sbpUnifiedEcosystem .sbp-eco-search-wrap{padding:12px 14px 10px!important;background:#fff!important}
#sbpUnifiedEcosystem .sbp-eco-search{
  width:100%!important;
  height:50px!important;
  padding:0 16px!important;
  border:1px solid #d7e2ef!important;
  border-radius:15px!important;
  outline:none!important;
  font:inherit!important;
  font-size:15px!important;
}
#sbpUnifiedEcosystem .sbp-eco-search:focus{
  border-color:#a7c5ec!important;
  box-shadow:0 0 0 3px rgba(72,139,219,.10)!important;
}
#sbpUnifiedEcosystem .sbp-eco-scroll{overflow:auto!important;padding:8px 12px 18px!important}
#sbpUnifiedEcosystem .sbp-eco-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 18px!important;
}
#sbpUnifiedEcosystem .sbp-eco-app{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-height:74px!important;
  padding:12px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  color:#1d2d47!important;
  text-decoration:none!important;
}
#sbpUnifiedEcosystem .sbp-eco-app:hover{background:#f7faff!important;border-color:#e0e9f4!important}
#sbpUnifiedEcosystem .sbp-eco-app.current{background:#eaf4ff!important;border-color:#b8d9ff!important}
#sbpUnifiedEcosystem .sbp-eco-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;
}
#sbpUnifiedEcosystem .sbp-eco-app strong,#sbpUnifiedEcosystem .sbp-eco-app small{display:block!important}
#sbpUnifiedEcosystem .sbp-eco-app strong{font-size:15px!important;color:#1d2d47!important;margin-bottom:3px!important}
#sbpUnifiedEcosystem .sbp-eco-app small{font-size:12px!important;line-height:1.3!important;color:#6a7f9e!important}
#sbpUnifiedEcosystem .sbp-eco-app.hidden{display:none!important}
body.sbp-eco-open{overflow:hidden!important}

/* retire every legacy/global shell */
#slb141-local,#slb141-global,#slb141-local-panel,#slb141-global-panel,
#sbp-jobs-exact-topbar,#sbpfm-jobs-benchmark-topbar,
#sbpJobsV107Topbar,#sbpJobsV107CanonicalTopbar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body[data-sbp-app="filemanager"] .sidebar .brand,
body[data-sbp-app="filemanager"] .sidebar .sbpfm-myfiles-brand{display:none!important}
@media(min-width:901px){
  body[data-sbp-app="filemanager"] .sidebar{
    top:62px!important;
    height:calc(100dvh - 62px)!important;
    max-height:calc(100dvh - 62px)!important;
  }
}

@media(max-width:720px){
  #sbpUnifiedEcosystem{padding:0!important}
  #sbpUnifiedEcosystem .sbp-eco-panel{
    width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border:0!important;
  }
  #sbpUnifiedEcosystem .sbp-eco-grid{grid-template-columns:1fr!important}
  #sbpUnifiedEcosystem .sbp-eco-head{padding:16px!important}
  #sbpUnifiedEcosystem .sbp-eco-search-wrap{padding:10px 12px!important}
  #sbpUnifiedEcosystem .sbp-eco-scroll{padding:6px 8px 12px!important}
  #sbpUnifiedEcosystem .sbp-eco-app{min-height:68px!important;padding:10px!important}
}
@media(max-width:620px){
  #sbpUnifiedTopbar{height:58px!important;min-height:58px!important;padding:0 6px!important}
  #sbpUnifiedTopbar .sbp-shell-left{gap:8px!important}
  #sbpUnifiedLogo{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
  #sbpUnifiedLogo img{width:38px!important;height:38px!important}
  #sbpUnifiedTitle{font-size:16px!important}
  #sbpUnifiedAvatar{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  #sbpUnifiedLocalMenu{top:62px!important;left:6px!important;width:calc(100vw - 12px)!important}
}