/* Use the customer's supplied logo at its original proportions and colors. */
.signmall-brand {
  display: block;
  width: 240px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
}
.signmall-brand--compact { width: 184px; }
.signmall-topbar {
  height: auto;
  min-height: 108px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.signmall-topbar .wordmark { display: inline-flex; flex-shrink: 0; }
.signmall-topbar .logo { flex-shrink: 0; }
.topbar.signmall-topbar { flex-wrap: wrap; }
.topbar.signmall-topbar .top-actions { flex-wrap: wrap; min-width: 0; }
.kw-header.signmall-topbar { min-height: 92px; }
.kw-header .signmall-brand { width: 196px; }
.auth-brand { justify-content: center; }
.auth-brand .signmall-brand { width: 272px; }
.login-card > .signmall-brand { width: 272px; margin: 0 auto 12px; }
.dash-brand .signmall-brand { width: 184px; }
.sidebar .logo .signmall-brand { margin-bottom: 10px; }
@media (max-width: 700px) {
  .topbar.signmall-topbar { flex-wrap: wrap; gap: 12px; }
  .signmall-topbar { min-height: 88px; }
  .signmall-topbar .signmall-brand { width: clamp(156px, 45vw, 208px); }
  .topbar.signmall-topbar .top-actions { flex-wrap: wrap; min-width: 0; }
  .topbar.signmall-topbar .top-actions select { max-width: min(275px, 70vw); }
}