/* Let long context names yield space to the actual header controls. */
#app .admin-topbar .admin-breadcrumb {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
#app .admin-topbar .admin-breadcrumb > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#app .admin-topbar .header-actions {
  flex: 0 0 auto;
}
#app .admin-topbar .admin-menu {
  flex-shrink: 0;
}
@media (min-width: 1021px) and (max-width: 1100px) {
  #app .admin-topbar { gap: 12px; }
  #app .admin-topbar .admin-breadcrumb { gap: 8px; }
  #app .admin-topbar .connection { max-width: 170px; }
}