/* Music Lab branding for the shared login page (/auth?from=music and the
   Music Lab hosts). Scoped to .al-auth-logo--music so the tenant and platform
   login keeps its own look untouched. */

.al-auth-logo--music {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  margin-bottom: 6px;
}

.al-auth-logo--music img {
  display: block;
  width: 52px;
  height: 52px;
}

.al-auth-logo--music .al-auth-brand {
  font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -.02em;
  /* The login card is white: the deeper stops keep the wordmark at ≥ 4.5:1.
     The vivid brand stops come back when the device is in dark mode. */
  background: linear-gradient(135deg, #b80c61, #bf3f16);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (prefers-color-scheme: dark) {
  .al-auth-logo--music .al-auth-brand {
    background: linear-gradient(135deg, #f20b7e, #ff7a54);
    -webkit-background-clip: text;
    background-clip: text;
  }
}

/* The shared auth page swaps logos by colour scheme; the Music Lab mark is a
   single SVG that works on both, so those rules must not hide it. */
.al-auth-logo--music img.al-logo-light,
.al-auth-logo--music img.al-logo-dark { display: block; }