:root {
  --ink: #172235;
  --muted: #697386;
  --line: #e1e8e7;
  --cream: #f4f8f7;
  --paper: #f7faf9;
  --bg: #f4f8f7;
  --coral: #149c91;
}

.brand .platform-logo {
  display: block;
  width: 205px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  flex: 0 0 auto;
}

.sidebar .brand .platform-logo { width: 188px; }
.login-card .brand .platform-logo { width: 210px; }
.topbar .brand .platform-logo,
footer .brand .platform-logo { width: 215px; }

.login-page {
  background: radial-gradient(circle at 20% 20%, #d8f1ed, transparent 38%), #f4f8f7;
}

.sidebar a.active {
  background: #e3f3f0;
  color: #0f7f76;
}

.hero {
  background: radial-gradient(circle at 50% 10%, #d8f1ed 0, transparent 57%);
}

.business-logo.platform-fallback:not(.has-image) {
  width: 48px;
  height: 48px;
  padding: 3px;
  border-radius: 0;
  background: transparent;
}

.business-logo.platform-fallback:not(.has-image) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 900px) {
  .sidebar .brand .platform-logo { width: 188px; }
}