/*
 * SageAI · Build A Chatbot — brand presentation (Phase 0). Tokens only; no raw hex.
 * Display wordmark rule (BRAND-STANDARD §6): "Sage" + suite name in ink, the app
 * accent in the suite color. The underscore id (SageAI_BAC) stays a system id only.
 */
.brand-accent { color: hsl(var(--suite)); }

/* Show the suite SVG mark cleanly inside the existing logo containers (neutralize
   the legacy colored square; the SVG is the mark now). */
.logo-icon,
.l-logo-mark { background: transparent !important; padding: 0; overflow: visible; }
.logo-icon > img,
.l-logo-mark > img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* PasswordInput pattern (data-sage-password): masked field + show/hide toggle. */
.sage-password-wrap { position: relative; display: flex; align-items: center; }
.sage-password-wrap > input { flex: 1; padding-right: 4.25rem; }
.sage-password-toggle {
  position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%);
  background: none; border: 0; cursor: pointer; padding: 0.25rem 0.5rem;
  font-size: 0.78rem; font-weight: 600; color: hsl(var(--suite, 262 83% 58%));
}