/* The full wordmark identifies the website; standalone symbols identify the PWA. */
.welcome-brand{width:240px;max-width:28%;height:auto;max-height:none}
@media(max-width:800px){
 .topbar{gap:12px;min-height:72px;padding:10px 16px;align-items:center}
 .topbar-brand{display:flex;flex:0 1 156px;min-width:100px;margin-right:auto;align-items:center}
 .topbar-brand img{display:block;width:156px;max-width:100%;height:auto;object-fit:contain}
 .topbar-tools{gap:10px;flex:0 0 auto;min-width:0}
 .topbar .user-menu{padding:3px;gap:8px;min-width:0}
 .topbar .user-menu strong{max-width:95px;font-size:12px}
 .topbar .user-menu-hint{font-size:9px;margin-top:4px}
 .topbar .avatar{width:34px;height:34px;flex-shrink:0;font-size:14px}
 .topbar .inbox-launch{width:36px;height:36px;flex:0 0 36px;border-radius:11px}
 .welcome-brand{width:190px;max-width:30%;max-height:none}
}
@media(max-width:360px){.topbar .user-menu>div:first-child{display:none}.topbar-brand{flex-basis:164px}.topbar-brand img{width:164px}}
@media(max-width:600px){.welcome-brand{display:none}}