/* Shared 9AI Assist identity: shared Bridge outline, Assist label and blue stripe. */
:root {
  --nineai-brand-accent: #23a9f2;
  --nineai-brand-ink: #111417;
}
.nineai-wordmark {
  display: inline-flex;
  width: 112px;
  height: 41.3px;
  aspect-ratio: 716 / 264;
  flex: 0 0 auto;
  color: inherit;
}
.nineai-wordmark .nineai-logo { display: block; width: 100%; height: 100%; }
.nineai-assist-badge { fill: var(--nineai-brand-accent); }
.site-footer .nineai-wordmark { width: 136px; height: 50.1px; }
body.app-shell .brand-mark,
body.app-shell .support-brand-mark,
.nineai-brand-icon {
  background: transparent;
  color: #eef0f3;
  border: 0;
  box-shadow: none;
}
.auth-showcase__mark .nineai-mark,
.support-intro-mark .nineai-mark,
.site-brand__mark .nineai-mark,
.visual-card__mark .nineai-mark,
.brand-mark .nineai-mark,
.support-brand-mark .nineai-mark,
.nineai-brand-icon .nineai-mark,
.logo .nineai-mark { display: block; width: 100%; height: 100%; }
.nineai-brand-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.app-sidebar .app-brand,
.app-mobile-drawer .app-brand { gap: 10px; }
.app-sidebar .app-brand .brand-mark,
.app-mobile-drawer .app-brand .brand-mark { display: none; }
html.sidebar-collapsed .app-sidebar .nineai-wordmark { display: none; }
.public-nav .nineai-wordmark,
.public-shell footer .nineai-wordmark { color: var(--nineai-brand-ink); }
.public-nav a.bg-emerald-500,
.public-shell footer a.bg-emerald-500 { background: #20242b; color: #ffffff; }
.public-nav a.bg-emerald-500:hover,
.public-shell footer a.bg-emerald-500:hover { background: #343a44; }
.public-nav a.text-emerald-600 { color: #20242b; }
@media (max-width: 480px) { .nineai-wordmark { width: 104px; height: 38.4px; } }