/* UniSpace brand mark ----------------------------------------------------
   One vector sign is used across the application shell and authentication.
   It replaces the legacy text hexagon, so the emblem never gets duplicated
   by another frame or orbit. */
.unispace-brand-mark {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
}

body #screen-main .sidebar-left .brand .unispace-brand-mark--sidebar {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    filter: drop-shadow(0 0 12px rgba(89, 233, 242, 0.15)) drop-shadow(0 0 18px rgba(156, 120, 255, 0.12));
}

body #screen-main.nav-compact .sidebar-left .brand .unispace-brand-mark--sidebar {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
}

#screen-login .login-logo .unispace-brand-mark--auth {
    width: 58px;
    height: 58px;
    filter: drop-shadow(0 0 16px rgba(89, 233, 242, 0.2)) drop-shadow(0 0 26px rgba(156, 120, 255, 0.2));
    animation: unispaceBrandBreath 3.4s ease-in-out infinite;
}

@keyframes unispaceBrandBreath {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 14px rgba(89, 233, 242, 0.16)) drop-shadow(0 0 22px rgba(156, 120, 255, 0.16)); }
    50% { transform: scale(1.035); filter: drop-shadow(0 0 18px rgba(89, 233, 242, 0.24)) drop-shadow(0 0 30px rgba(156, 120, 255, 0.24)); }
}

@media (prefers-reduced-motion: reduce) {
    #screen-login .login-logo .unispace-brand-mark--auth { animation: none; }
}

@media (max-width: 460px) {
    #screen-login .login-logo .unispace-brand-mark--auth {
        width: 52px;
        height: 52px;
    }
}