/* The image has real alpha; surfaces supply contrast without changing brand colors. */
.login-card {
  width:min(400px,100%);
  max-width:100%;
  min-width:0;
}
.logo {
  flex:0 0 auto;
  overflow:hidden;
}
.logo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand .logo {
  width:64px;
  height:44px;
  border-radius:0;
  background:transparent;
}
.side-brand .logo {
  width:44px;
  height:36px;
  padding:4px;
  border-radius:8px;
  background:#fff;
}
.brand > div:last-child,
.side-brand > div:nth-child(2) {
  min-width:0;
}
.side-brand {
  gap:8px;
}
@media (max-width:359px) {
  .brand { gap:8px; }
  .brand .logo { width:52px; height:38px; }
  .brand h1 { font-size:18px; }
}

/* Version is displayed only on the sign-in screen. */
.app-version{display:block;font-size:12px;line-height:1.5;color:#607286;font-weight:400;overflow-wrap:anywhere}
.startup{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;text-align:center;background:#f5f7fb}
.startup h1{font-size:24px;margin:0}.startup p{margin:0;color:#607286}
.login-card .app-version{margin-top:4px}