/* Approved ZiloHub visual identity, 25 Oct 2026. Presentation only.
 * Existing <strong>ZiloHub</strong> text remains accessible to assistive tech.
 * Old v2 icon/CSS remain present for reversible deployment. */
:root{--zh-v3-navy:#06172c;--zh-v3-mint:#60f4c7;--zh-v3-mobile-mint:#087b70}
.login-screen .login-brand .brand-mark,
.login-screen .mobile-login-brand .brand-mark,
.shell .brand .brand-mark,
.page-loader .brand-mark{
  background:#06172c url("/icon-512-zilohub-v3.png") center/cover no-repeat;
  color:transparent;
  overflow:hidden;
  border-radius:22%;
  background-clip:padding-box;
  box-shadow:none;
}
.login-screen .login-brand .brand-mark svg,
.login-screen .mobile-login-brand .brand-mark svg,
.shell .brand .brand-mark svg,
.page-loader .brand-mark svg{display:none}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .login-screen .login-brand strong,
  .shell .brand strong{
    background:linear-gradient(90deg,#f5fbfd 0%,#f5fbfd 48%,#60f4c7 48%,#60f4c7 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
  .login-screen .mobile-login-brand strong{
    background:linear-gradient(90deg,#0d2033 0%,#0d2033 48%,#087b70 48%,#087b70 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
  }
}
@media (prefers-reduced-motion:reduce){
  .login-screen .brand-mark,.shell .brand .brand-mark,.page-loader .brand-mark{animation:none}
}