/* Frame the supplied transparent canvases without modifying the brand assets. */
.brand-mark{position:relative;display:block;width:34px;height:26px;overflow:hidden;flex:0 0 34px}
.brand-mark img{position:absolute;width:150.91%;height:198.10%;max-width:none;left:-26.23%;top:-51.82%;object-fit:contain}
.sidebar .brand{gap:7px;font-size:16px;margin-left:0;margin-right:0;white-space:nowrap}
.videosarafan-login-brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.videosarafan-login-brand .brand-horizontal{position:relative;width:min(280px,100%);aspect-ratio:1328/268;overflow:hidden;margin:0}
.brand-horizontal img{position:absolute;width:109.04%;height:405.22%;max-width:none;left:-4.75%;top:-158.58%;object-fit:contain}
.videosarafan-login-brand p{margin:0}
@media(max-width:760px){.sidebar .brand{margin-left:8px}.sidebar .brand-mark{display:block}}

/* Public login: centered branding and actions, without a theme control. */
.login-page{min-height:100svh;padding:24px 0}
.login-page .login-card{text-align:center}
.login-page .videosarafan-login-brand{align-items:center;text-align:center}
.login-page .login-brand p{max-width:300px;line-height:1.6}
.login-page .login-help{line-height:1.6;margin:16px 0 0}