/* Shared identity for marketing, authentication and the signed-in app. */
.verss-brand { display: inline-flex; align-items: center; gap: 8px; color: #315d4e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 28px; font-weight: 400; letter-spacing: -1.2px; line-height: 1; white-space: nowrap; vertical-align: middle; }
.verss-brand-symbol { display: block; width: 34px; height: 36px; flex: none; }
.verss-auth-brand { display: inline-block; margin-bottom: 16px; }
.verss-app-brand .verss-brand { font-size: 25px; }
.verss-app-brand .verss-brand-symbol { width: 30px; height: 32px; }
.v-report-sidebar .verss-brand { font-size: 25px; }
.v-report-sidebar .verss-brand-symbol { width: 28px; height: 30px; }
@media (max-width: 600px) {
  .v-nav .verss-brand { font-size: 25px; gap: 6px; }
  .v-nav .verss-brand-symbol { width: 29px; height: 31px; }
}
/* Align existing interactive controls with the brand without changing status colours. */
.verss-app {
  --color-indigo-50: #f0f4ef;
  --color-indigo-100: #e1ebe2;
  --color-indigo-200: #c4d9ca;
  --color-indigo-300: #9bbda7;
  --color-indigo-400: #739e84;
  --color-indigo-500: #487a61;
  --color-indigo-600: #315d4e;
  --color-indigo-700: #274b3f;
  --color-indigo-800: #203e34;
  --color-indigo-900: #1a322b;
  background-color: #faf9f6;
}