.brand,
.login-brand {
  width: max-content;
  max-width: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.sidebar {
  background: linear-gradient(165deg, #173652 0%, #1c466b 60%, #235d82 100%);
}

.login-visual {
  background: radial-gradient(circle at 45% 65%, rgba(22, 145, 255, 0.28), transparent 38%), linear-gradient(145deg, #102f4c, #1c527a);
}

/* Logo需要更高对比度，使用侧栏顶部品牌带，而不是悬浮卡片。 */
.sidebar .brand {
  width: calc(100% + 44px);
  max-width: none;
  margin: -30px -22px 0;
  padding: 25px 22px 19px;
  background: linear-gradient(100deg, #ffffff 0%, #f2f7fb 100%);
  border-bottom: 1px solid rgba(190, 214, 231, 0.9);
}

.sidebar .brand-logo {
  width: 188px;
}

.login-brand {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.brand-logo {
  display: block;
  width: 188px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}

.login-logo {
  display: block;
  width: 315px;
  height: auto;
  max-height: 88px;
  object-fit: contain;
  object-position: left center;
  filter: none;
}

@media (max-width: 760px) {
  .brand-logo { width: 170px; }
  .login-logo { width: 260px; }
}

.price-editor {
  display: grid;
  gap: 10px;
}

.price-row {
  display: grid;
  grid-template-columns: 52px repeat(5, minmax(100px, 1fr));
  gap: 10px;
  align-items: end;
  padding: 13px;
  background: #f6f8fb;
  border-radius: 12px;
}

.price-row > b {
  align-self: center;
  color: #2b70cd;
}

@media (max-width: 1100px) {
  .price-row { grid-template-columns: 52px repeat(2, minmax(120px, 1fr)); }
}

@media (max-width: 760px) {
  .price-row { grid-template-columns: 1fr 1fr; }
  .price-row > b { grid-column: 1 / -1; }
}