/* Scalable blue/teal tutor mark: cap, smiling speech bubble, and open book. */
.tutor-portrait, .tutor-brand {
  display: block;
  flex-shrink: 0;
  background: url("/app/assets/ai-tutor-mark.svg") center / contain no-repeat;
}

.tutor-portrait-animated, .ai-active .tutor-portrait {
  background-image: url("/app/assets/ai-tutor-mark-animated.svg");
}

.ai-active .tutor-portrait {
  background-color: white;
  border-radius: 8px;
}

.tutor-brand {
  width: 128px;
  height: 141px;
  background-image: url("/app/assets/ai-tutor-brand-animated.svg");
}

/* White keeps the blue outline legible against the dark admin navigation. */
#project-explorer .tutor-portrait,
#login .md\:flex .tutor-portrait {
  background-color: white;
  border-radius: 10px;
  background-size: 88% 88%;
}

@media (prefers-reduced-motion: reduce) {
  .tutor-portrait-animated, .ai-active .tutor-portrait {
    background-image: url("/app/assets/ai-tutor-mark.svg");
  }
  .tutor-brand { background-image: url("/app/assets/ai-tutor-brand.svg"); }
}