/* One crisp, font-independent mark for the tab, portal and both workspaces. */
img.lazyflow-brand-mark { display:block; width:44px; height:44px; flex:0 0 44px; object-fit:contain; }
body.admin-console .header h1 { display:grid; grid-template-columns:44px max-content; grid-template-rows:auto auto; column-gap:9px; width:184px; flex-shrink:0; }
body.admin-console .header h1 .lazyflow-brand-mark { grid-row:1 / 3; }
body.admin-console .header h1 .header-title { white-space:nowrap; font-size:21px; align-self:end; }
body.admin-console .header h1 .admin-brand-caption { grid-column:2; padding-left:0; margin-top:2px; }
.friends-app .brand strong, .admin-login-brand strong { white-space:nowrap; }
body.cartoon-theme.friends-client .workspace-header .brand { gap:7px; padding-inline:0; }
.friends-client .brand .lazyflow-brand-mark { width:36px; height:36px; flex-basis:36px; }
body.cartoon-theme.friends-client .workspace-header .brand strong { font-size:17px; }
@media (max-width:1180px) {
    .friends-client .brand .lazyflow-brand-mark { width:32px; height:32px; flex-basis:32px; }
}
@media (max-width:768px) {
    body.admin-console .header h1 { display:flex; width:auto; flex:1; gap:7px; }
    body.admin-console .header h1 .lazyflow-brand-mark { width:32px; height:32px; flex-basis:32px; }
    body.admin-console .header h1 .header-title { align-self:center; font-size:17px; }
    .friends-landing .brand .lazyflow-brand-mark, .admin-login-brand .lazyflow-brand-mark { width:36px; height:36px; flex-basis:36px; }
}
@media (max-width:370px) {
    body.admin-console .header h1 { gap:5px; }
    body.admin-console .header h1 .header-title { font-size:15px; }
    body.admin-console .header h1 .lazyflow-brand-mark { width:28px; height:28px; flex-basis:28px; }
    .friends-app .brand strong { font-size:17px; }
}