.lesai-brand {
  display: inline-flex; align-items: center; gap: 11px; max-width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: left; vertical-align: middle; color: inherit; letter-spacing: 0; line-height: 1.25;
}
.lesai-brand-mark {
  display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px;
  align-items: center; justify-content: center; border-radius: 10px;
  background: #ff652b; color: #fff; font-size: 23px; font-weight: 750; line-height: 1;
}
.lesai-brand-copy { display: flex; flex-direction: column; min-width: 0; gap: 3px; }
.lesai-brand-copy strong { color: inherit; font-size: 18px; font-weight: 700; white-space: nowrap; }
.lesai-brand-copy small { color: inherit; opacity: .65; font-size: 11px; font-weight: 400; white-space: nowrap; letter-spacing: 2px; }
.main-sidebar .navbar-header .navbar-brand { display: flex; align-items: center; height: 76px; padding: 0 16px; margin: 0; }
.main-sidebar .navbar-header .lesai-brand { color: #f5f7fc; }
.main-sidebar .navbar-header .logo-lg { line-height: 1; }
.login-logo .lesai-brand { color: #14243f; }
#accordionSidebar.bg-gradient-primary { background: #10243e; background-image: none; }
#accordionSidebar .sidebar-brand { height: 80px; padding: 16px; justify-content: flex-start !important; }
#accordionSidebar .lesai-brand { color: #f5f7fc; }
#accordionSidebar.toggled .sidebar-brand { justify-content: center !important; padding: 12px; }
#accordionSidebar.toggled .lesai-brand-copy { display: none; }
@media (max-width: 767.98px) {
  #accordionSidebar .sidebar-brand { justify-content: center !important; padding: 12px; }
  #accordionSidebar .lesai-brand-copy { display: none; }
}

/* Original LESAI artwork, clipped by SVG viewports without changing the source. */
.lesai-logo { display: inline-block; width: 150px; height: 49px; flex-shrink: 0; overflow: hidden; vertical-align: middle; }
.lesai-logo--light { mix-blend-mode: multiply; }
.lesai-logo--symbol { width: 44px; height: 32px; }
.lesai-brand > .lesai-logo--symbol, .lesai-brand-copy > .lesai-logo--light { display: none; }
.lesai-brand-copy { align-items: flex-start; gap: 2px; }
.lesai-brand-copy small { padding-left: 4px; font-size: 10px; letter-spacing: 3px; }
.main-sidebar .navbar-header .navbar-brand { padding: 0 20px; }
.login-logo .lesai-brand-copy { align-items: center; }
.login-logo .lesai-brand-copy > .lesai-logo--dark { display: none; }
.login-logo .lesai-brand-copy > .lesai-logo--light { display: inline-block; width: 200px; height: 62px; }
.login-logo .lesai-brand-copy small { margin-top: 8px; }
#accordionSidebar .sidebar-brand { height: 92px; padding: 12px 24px; }
#accordionSidebar.toggled .lesai-brand > .lesai-logo--symbol { display: inline-block; }
.lesai-agent-login.bg-gradient-primary { background: #10243e; background-image: radial-gradient(ellipse at top left, #254567, transparent 65%); }
.lesai-agent-login .text-center > .lesai-logo { width: 190px; height: 59px; }
@media (max-width: 767.98px) {
  #accordionSidebar .lesai-brand > .lesai-logo--symbol { display: inline-block; }
}

.login-page .login-logo { color: #f5f7fc; font-size: 15px; letter-spacing: 2px; line-height: 1.6; }
.login-page .login-logo::before {
  content: ""; display: block; width: 190px; height: 63px; margin: 0 auto 12px;
  background: url('/images/brand/lesai-sheet.png') -60px -253.333px / 512px 341.333px no-repeat;
  border-radius: 6px;
}