/* The supplied logo and wordmark are a single SVG with a transparent background. */
img.tradestellar-logo{display:block;object-fit:contain;height:auto;border-radius:0;box-shadow:none;filter:none;background:transparent;flex-shrink:0;}
[data-theme="light"] #sidebar img.tradestellar-logo:not(.tradestellar-star){content:url('../images/zenvojournal-light.svg?v=1');}
.nav .brand .tradestellar-logo{--nav-logo-width:calc(255.35px * var(--nav-logo-scale,1));width:var(--nav-logo-width);height:auto;shape-rendering:geometricPrecision;}
/* A five-pixel width step keeps this 5:1 logo's width and height on whole pixels. */
@supports(width:round(nearest,1px,1px)){.nav .brand .tradestellar-logo{width:round(nearest,var(--nav-logo-width),5px);}}
.foot .brand{flex-direction:column;align-items:flex-start;gap:3.8px;}
.foot .brand img.tradestellar-logo{width:242.03px;height:auto;}
.foot .footer-brand-tagline{display:flex;align-items:center;justify-content:center;width:132.9px;margin-left:42.3px;font-size:10px;font-weight:500;letter-spacing:1.25px;color:var(--text-faint,#8198bf);line-height:1.4;white-space:nowrap;}
.foot .footer-brand-tagline i{width:2px;height:2px;margin:0 3.75px;border-radius:50%;background:#3b82f6;flex-shrink:0;}
.auth-brand img.tradestellar-logo,.auth-visual .auth-brand img.tradestellar-logo{width:186px;height:auto;}
.sidebar .brand{flex-direction:column;align-items:flex-start;gap:0;padding:0 0 18px;}
.sidebar .brand img.tradestellar-logo{width:162px;height:auto;max-width:100%;}
.sidebar .brand-text{padding-left:12px;}
.sidebar.collapsed .brand{padding:6px 0 18px;align-items:center;}
.sidebar.collapsed .brand img.tradestellar-logo{width:48px;height:auto;}
.sidebar.collapsed .brand-text{display:none;}
.demo-brand{flex-direction:column;align-items:flex-start;gap:4.8px;margin:8px 20px 12px;}
.demo-brand img.tradestellar-logo{width:222.72px;height:auto;max-width:100%;}
.demo-brand>div{width:165.47px;margin-left:55.68px;padding-left:0;text-align:center;}
.demo-brand small{margin-top:0;font-size:12.8px;font-weight:500;letter-spacing:1.6px;white-space:nowrap;}
.demo-tagline-dot{color:#3b82f6;margin:0 5px;}
#inside .demo-brand{align-items:center;}
/* Compact sidebars crop the star from the same SVG used by the full wordmark. */
#inside .demo-brand img.tradestellar-logo{display:block;width:44px;height:44px;object-fit:cover;object-position:left center;border-radius:0;}
#inside .analysis-mock-shell .demo-brand img.tradestellar-logo{width:32px;height:32px;}
.subscription-art-brand img.tradestellar-logo{width:156px;height:auto;}
@media(max-width:760px){.nav .brand .tradestellar-logo{--nav-logo-width:calc(202.06px * var(--nav-logo-scale,1));}.auth-brand img.tradestellar-logo{width:156px;}}
@media(max-width:420px){.nav .brand .tradestellar-logo{--nav-logo-width:calc(clamp(134px,calc(100vw - 216px),186.5px) * var(--nav-logo-scale,1));}}
@media(max-width:360px){.nav .brand .tradestellar-logo{--nav-logo-width:calc(clamp(134px,calc(100vw - 206px),160px) * var(--nav-logo-scale,1));}}

/* Main app: center the slogan beneath the wordmark, excluding the star. */
#sidebar .brand{align-items:flex-start;gap:3px;padding:8px 12px 8px;}
#sidebar .brand img.tradestellar-logo{width:139.2px;height:auto;}
#sidebar .brand-text{width:103.42px;margin-left:34.8px;padding-left:0;text-align:center;}
#sidebar .brand-tagline{width:max-content;align-self:center;justify-content:center;}
#sidebar.collapsed .brand{align-items:center;gap:0;padding:6px 0 6px;}
#sidebar.collapsed .brand img.tradestellar-logo{width:41.2px;}

/* Main app collapsed sidebar uses the star without the wordmark. */
#sidebar .brand img.tradestellar-star{display:none;width:32px;height:32px;object-fit:cover;object-position:left center;}
#sidebar.collapsed .brand img.tradestellar-logo{display:none;}
#sidebar.collapsed .brand img.tradestellar-star{display:block;width:32px;height:32px;}

/* Keep the main app brand's footprint steady and crossfade its two marks. */
#sidebar.sidebar-fluid .brand,
#sidebar.sidebar-fluid.collapsed .brand{
  position:relative;display:block;height:53px;flex-shrink:0;padding:0;
}
#sidebar.sidebar-fluid .brand img.tradestellar-logo{
  position:absolute;left:12px;top:8px;display:block;width:139.2px;max-width:none;
  opacity:1;transform:translateX(0) scale(1);transform-origin:left center;
  transition:opacity 180ms ease 80ms,transform var(--sidebar-duration) var(--sidebar-ease);
}
#sidebar.sidebar-fluid.collapsed .brand img.tradestellar-logo{
  opacity:0;transform:translateX(-8px) scale(.94);pointer-events:none;
  transition:opacity 100ms ease,transform var(--sidebar-duration) var(--sidebar-ease);
}
#sidebar.sidebar-fluid .brand img.tradestellar-star{
  left:calc(50% - 16px);top:6px;width:32px;height:32px;
  opacity:0;transform:scale(.85);pointer-events:none;
  transition:opacity 120ms ease,transform var(--sidebar-duration) var(--sidebar-ease);
}
#sidebar.sidebar-fluid.collapsed .brand img.tradestellar-star{
  opacity:1;transform:scale(1);
  transition:opacity 180ms ease 60ms,transform var(--sidebar-duration) var(--sidebar-ease);
}
#sidebar.sidebar-fluid .brand-text{
  position:absolute;left:46.8px;top:39px;display:flex;margin:0;
  opacity:1;transform:translateX(0);
  transition:opacity 180ms ease 80ms,transform var(--sidebar-duration) var(--sidebar-ease);
}
#sidebar.sidebar-fluid.collapsed .brand-text{opacity:0;transform:translateX(-6px);transition-delay:0ms;pointer-events:none;}