/* StudioHub professional brand kit, preserved vector paths.
   Full horizontal lockup for login + shell, theme-specific versions;
   SH symbol alone is reserved for favicon and PWA icons. */
:root .brand, :root .brand-mobile { min-width:0; align-items:center; }
:root .brand { display:flex; padding:7px 8px 20px; }
:root .brand .studio-brand-logo { display:block; width:min(100%,188px); height:auto; max-height:44px; aspect-ratio:712 / 153; object-fit:contain; object-position:left center; flex:0 1 auto; }
:root .loginbox .brand { padding:0 0 18px; }
:root .loginbox .brand .studio-brand-logo { width:min(100%,245px); max-height:58px; }
:root .mobiletop .brand-mobile { display:flex; align-items:center; flex:0 1 auto; overflow:visible; }
:root .mobiletop .brand-mobile .studio-brand-logo { width:clamp(116px,42vw,159px); height:auto; max-height:35px; min-width:0; aspect-ratio:712 / 153; object-fit:contain; object-position:left center; }
:root .brand .studio-brand-logo--light,
:root .brand-mobile .studio-brand-logo--light { display:none; }
:root[data-theme="light"] .brand .studio-brand-logo--dark,
:root[data-theme="light"] .brand-mobile .studio-brand-logo--dark { display:none; }
:root[data-theme="light"] .brand .studio-brand-logo--light,
:root[data-theme="light"] .brand-mobile .studio-brand-logo--light { display:block; }
@media (prefers-color-scheme:light) {
 :root[data-theme="auto"] .brand .studio-brand-logo--dark,
 :root[data-theme="auto"] .brand-mobile .studio-brand-logo--dark { display:none; }
 :root[data-theme="auto"] .brand .studio-brand-logo--light,
 :root[data-theme="auto"] .brand-mobile .studio-brand-logo--light { display:block; }
}
@media (max-width:350px){
 :root .mobiletop .brand-mobile .studio-brand-logo {width:118px;max-height:28px;}
}