/**
 * CHUNK 96: Penguin Butler Mascot Styles
 * For empty states and onboarding
 */

/* Mascot Container */
.bb-mascot {
  width: 120px;
  height: auto;
  opacity: 0.92;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.25));
  margin: 0 auto var(--space-lg, 24px);
  display: block;
}

/* Empty State with Mascot */
.empty-state {
  text-align: center;
  padding: var(--space-xl, 32px);
  color: var(--text-muted, rgba(255, 255, 255, 0.6));
}

.empty-state.has-mascot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.empty-state.has-mascot .bb-mascot {
  margin-bottom: var(--space-lg, 24px);
}

.empty-state__message {
  font-size: var(--type-body-size, 1rem);
  color: var(--text-muted, rgba(255, 255, 255, 0.6));
  margin-top: var(--space-md, 16px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .bb-mascot {
    width: 100px;
  }
}