/* HELEN shared header and module polish, 260719 */
.topbar,
header.topbar,
body .app > header {
  gap: 12px;
}

.brand,
.app-name {
  min-width: 0;
}

.brand .mark,
.brand .dot,
.app-dot {
  flex: 0 0 auto;
}

body .brand span.brand-title,
.brand .brand-title,
.app-title,
.title {
  display: grid !important;
  gap: 2px;
  min-width: 0;
}

body .brand span.brand-title b,
.brand .brand-title b,
.app-title b,
.title b {
  display: block !important;
  color: #171426;
  font-size: 15px;
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.12;
}

body .brand span.brand-title small,
.brand .brand-title small,
.app-title span,
.title span {
  display: block !important;
  color: #8a8498;
  font-size: 11px;
  line-height: 1.2;
}

.nav a,
.nav-mini a {
  white-space: nowrap;
}

.nav a.active,
.nav-mini a.active {
  background: #f6f1ff !important;
  border-color: #ded2ff !important;
  color: #6a4ec0 !important;
}

.nav a.lang-cn,
.nav-mini a.lang-cn {
  background: #eefbff !important;
  border-color: #cbeff3 !important;
  color: #287986 !important;
}

.nav a.lang-en {
  background: #f6f1ff !important;
  border-color: #ded2ff !important;
  color: #6a4ec0 !important;
}

.module-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-left: 6px;
  padding: 0 8px;
  border: 1px solid #ded2ff;
  border-radius: 999px;
  background: #f6f1ff;
  color: #6a4ec0;
  font-size: 10px;
  font-weight: 850;
  vertical-align: middle;
}

.module-status.reserved {
  border-color: #d8eef8;
  background: #eefbff;
  color: #287986;
}

@media (max-width: 680px) {
  .topbar,
  header.topbar,
  body .app > header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .nav,
  .nav-mini {
    justify-content: flex-start !important;
  }
}