/*
 * Bosigo corporate lock-up.
 * The public-site treatment uses the Bosigo symbol plus a typeset name rather
 * than the legacy all-in-one wordmark image. WorkOS remains a product label.
 */
.brand{overflow:visible!important}

.bosigo-name-lockup{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  gap:.48em;
  color:#fff;
  line-height:1;
  white-space:nowrap;
}
.bosigo-name-lockup>img{
  display:block;
  width:1.55em;
  height:auto;
  flex:0 0 auto;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(255,212,0,.14));
}
.bosigo-name-text{
  display:block;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:850;
  letter-spacing:-.06em;
  line-height:.9;
}

/* Sidebar brand: symbol + Bosigo, then the WorkOS product descriptor. */
.brand-name-lockup{
  font-size:1.42rem;
  gap:.42em;
}
.brand-name-lockup>img{width:1.38em}
.brand-product{
  margin-left:3px;
  padding-left:13px!important;
  border-left:1px solid rgba(255,255,255,.22)!important;
}
.brand-product strong{font-weight:850;letter-spacing:.01em!important}
.brand-product small{color:#9a9a94!important}
.brand-icon{display:none;width:46px!important;height:auto!important;object-fit:contain!important}
.brand-corporate-note{display:block;color:#8e8e88;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}

/* Entry page and animated splash use the same lock-up at larger scales. */
.auth-brand-lockup{
  width:max-content;
  max-width:100%;
  margin-bottom:clamp(45px,8vh,90px);
  font-size:clamp(3rem,6.2vw,5.35rem);
  gap:.38em;
}
.auth-brand-lockup>img{width:1.35em}
.splash-brand-lockup{
  font-size:clamp(2.35rem,5vw,3.55rem);
  gap:.4em;
}
.splash-brand-lockup>img{width:1.42em}

body.sidebar-collapsed .brand-icon{display:block!important}
body.sidebar-collapsed .brand-name-lockup,
body.sidebar-collapsed .brand-product{display:none!important}

.nav-item{text-decoration:none}
.nav-item:visited{color:inherit}
.topbar-icon-action{text-decoration:none}
.screen.active{display:block}

@media(max-width:1180px){
  .brand-name-lockup{font-size:1.28rem}
  .brand-product{padding-left:10px!important}
}
@media(max-width:980px){
  .brand-name-lockup{font-size:1.2rem}
  .brand-product{display:none}
}
@media(max-width:820px){
  .auth-brand-lockup{
    margin-bottom:38px;
    font-size:clamp(2.55rem,12vw,4rem);
  }
}