/* Livorunel identity. Viewport framing removes only transparent asset margins. */
:root {
  --livorunel-logo-width: 180px;
}
body .livorunel-logo {
  display: inline-block !important;
  width: var(--livorunel-logo-width) !important;
  max-width: 100% !important;
  aspect-ratio: 1755/368;
  height: auto !important;
  min-width: 0;
  flex: 0 1 auto;
  vertical-align: middle;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: url('assets/brand/livorunel-logo-optimized.png') !important;
  background-repeat: no-repeat !important;
  background-size: 123.760684% 196.73913% !important;
  background-position: 50.119904% 48.033708% !important;
  transform: none !important;
}
body .brand-mark,
body .landing-leaf-mark {
  background-color: transparent !important;
  background-image: url('assets/brand/livorunel-mark-optimized.png') !important;
  background-size: 130% 130% !important;
  background-position: 55% 55% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  flex-shrink: 0;
}
body .brand-mark::before,
body .brand-mark::after,
body .brand-mark > span,
body .brand-mark > i,
body .landing-leaf-mark::before,
body .landing-leaf-mark::after,
body .landing-leaf-mark > i,
body .landing-leaf-mark > b {
  display: none !important;
  content: none !important;
}
body .brand > .livorunel-logo {
  --livorunel-logo-width: 180px;
}
body .brand.compact > .livorunel-logo {
  --livorunel-logo-width: 160px;
}
body .landing-brand > .livorunel-logo {
  --livorunel-logo-width: 180px;
  display: inline-block !important;
}
body .intro-nav-brand > .livorunel-logo {
  --livorunel-logo-width: 180px;
}
body .visual-brand > .livorunel-logo {
  --livorunel-logo-width: 200px;
}
body .public-brand > .livorunel-logo {
  --livorunel-logo-width: 180px;
}
body .zh-demo-brand > .livorunel-logo {
  --livorunel-logo-width: 130px;
}
body .mobile-welcome > .livorunel-logo {
  --livorunel-logo-width: 180px;
  display: inline-block !important;
}
body .onboarding:not(.is-intro) .mobile-welcome::after {
  display: none !important;
  content: none !important;
}
body .onboarding:not(.is-intro) .visual-brand {
  min-width: 0;
}
body .login-brand > .livorunel-logo {
  --livorunel-logo-width: 200px;
  filter: brightness(0) invert(1);
}
body .auth-brand > .livorunel-logo,
body .site-header .brand > .livorunel-logo {
  --livorunel-logo-width: 190px;
  filter: brightness(0) invert(1);
}
body .auth-brand {
  min-width: 0;
}
body .sidebar .brand {
  min-width: 0;
}
body .landing-ask-head > span,
body .landing-preview-head {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 760px) {
  body .landing-brand > .livorunel-logo,
  body .intro-nav-brand > .livorunel-logo {
    --livorunel-logo-width: 155px;
  }
  body .brand.compact > .livorunel-logo {
    --livorunel-logo-width: 140px;
  }
  body .auth-brand > .livorunel-logo,
  body .site-header .brand > .livorunel-logo {
    --livorunel-logo-width: 165px;
  }
}
@media (max-width: 400px) {
  body .mobile-top-tab {
    font-size: 12px;
  }
  body #chatTitle {
    font-size: 22px;
  }
}

/* Softer Livorunel sage: retain the two-tone artwork on light surfaces. */
body .livorunel-logo,
body .brand-mark,
body .landing-leaf-mark {
  opacity: 0.68;
}
body .login-brand > .livorunel-logo,
body .auth-brand > .livorunel-logo,
body .site-header .brand > .livorunel-logo {
  opacity: 0.92;
}