/* CustomeZ / Online status on the public sign-in screen only. */
body.login-page .brand.login-brand{margin-bottom:11px}
body.login-page .cz-login-online{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;min-height:33px;margin:0 auto 16px;padding:5px 16px;
  border:1px solid rgba(80,211,128,.38);border-radius:999px;
  background:linear-gradient(125deg,rgba(10,26,23,.94),rgba(17,32,29,.86));
  color:#e6f5eb;box-shadow:0 5px 20px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.04);
  white-space:nowrap;font-family:"Segoe UI",Tahoma,sans-serif;
}
body.login-page .cz-login-online .cz-login-online-dot{
  width:7px;height:7px;border-radius:100%;background:#45e88b;
  box-shadow:0 0 0 3px rgba(69,232,139,.10),0 0 11px rgba(69,232,139,.5);
  flex-shrink:0;
}
body.login-page .cz-login-online [data-online-status]{
  color:#cadbd3;font-size:11px;letter-spacing:1.3px;font-weight:850;
}
body.login-page .cz-login-online [data-online-count]{
  color:#55f5a0;font-size:19px;line-height:1;font-weight:900;
  font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(65,232,136,.24);
}
body.login-page .cz-login-online.is-stale{
  border-color:rgba(179,193,195,.25);background:rgba(20,28,35,.75)
}
body.login-page .cz-login-online.is-stale .cz-login-online-dot{
  background:#82929b;box-shadow:none
}
body.login-page .cz-login-online.is-stale [data-online-count]{
  color:#a6b3be;text-shadow:none
}
@media(max-width:500px){
  body.login-page .brand.login-brand{margin-bottom:8px}
  body.login-page .cz-login-online{min-height:31px;margin-bottom:14px;padding:4px 13px}
  body.login-page .cz-login-online [data-online-count]{font-size:17px}
}