@media (max-width: 960px) {
.topbar,
body.page-admin.shell-admin .main.main-admin-v15 > .topbar {
align-items: center;
flex-wrap: nowrap;
min-height: 64px;
gap: 10px;
}
.topbar-left,
.topbar-right {
align-items: center;
flex-wrap: nowrap;
min-width: 0;
}
.topbar-left { flex: 1 1 auto; }
.topbar-right {
flex: 0 1 auto;
justify-content: flex-end;
max-width: min(72vw, 520px);
}
.topbar-admin-shortcut { display: none; }
.topbar-branding,
.brand-title,
.topbar-brand,
.brand,
.logo-text {
min-width: 0;
max-width: 36vw;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.topbar-account-box,
.account-box {
min-width: 0;
max-width: 100%;
}
.account-trigger {
min-width: 0;
max-width: min(62vw, 430px);
grid-template-columns: auto minmax(0, 1fr) auto;
}
.account-trigger .user-meta,
.account-user-line {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.sidebar-open::before {
content: "";
position: fixed;
inset: 0;
background: rgba(3, 7, 18, .24);
backdrop-filter: none;
-webkit-backdrop-filter: none;
pointer-events: none;
opacity: 1;
z-index: 18;
}
body.theme-light.sidebar-open::before { background: rgba(17, 31, 55, .14); }
body:not(.sidebar-open)::before {
content: none;
display: none;
opacity: 0;
pointer-events: none;
}
}