/* Final transparent dashboard topbar: menu -> logo -> page name */
.topbar,
.dashboard-topbar,
.app-topbar,
.page-topbar,
.main-header,
header.topbar {
  min-height: 58px !important;
  max-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(128,128,128,.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

.topbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.topbar-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

.topbar-left .sidebar-toggle,
.topbar-left .arc-sidebar-toggle,
.topbar-left [data-arc-sidebar-toggle],
.topbar-left [data-sidebar-toggle],
.topbar-left .menu-toggle,
.topbar-left button {
  order: 1 !important;
  flex: 0 0 auto !important;
}

.arc-topbar-logo {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  height: 28px !important;
  max-height: 28px !important;
  width: auto !important;
  max-width: 126px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.arc-topbar-logo img,
.topbar-left .arc-topbar-logo img,
.topbar-left img[src*="arcendium-logo"] {
  display: block !important;
  height: 26px !important;
  max-height: 26px !important;
  width: auto !important;
  max-width: 120px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.topbar-left .page-title,
.topbar-left #page-title {
  order: 3 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}