/* CRM SupportPet / PetSprite presentation, adapted to the existing HR sidebar. */
.sidebar .support-pet-entry {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  flex-shrink: 0; width: 112px; margin: 4px auto 8px; padding: 4px 8px 8px;
  border: 0; border-radius: 20px; background: transparent; box-shadow: none;
  color: var(--muted); cursor: pointer; touch-action: manipulation;
}
.sidebar .support-pet-entry:hover { background: transparent; box-shadow: none; transform: none; }
.sidebar .support-pet-entry:active { transform: scale(.98); }
.sidebar .support-pet-entry:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; background: var(--crm-accent-soft); }
.support-pet-sprite { display: block; width: 96px; height: 104px; flex-shrink: 0; pointer-events: none; object-fit: contain; }
.support-pet-sprite[hidden] { display: none; }
.ai-note .support-pet-label { font-size: 11px; font-weight: 500; line-height: 22px; border-radius: 20px; padding: 0 10px; background: #ffffffd9; color: var(--muted); box-shadow: 0 2px 9px #1f3c5710; white-space: nowrap; }
.support-assistant-intro > .support-pet-sprite { width: 64px; height: 69.333px; margin: 0 4px; }
.support-response > .support-pet-sprite { width: 32px; height: 34.667px; }
@media (max-width: 640px) { .sidebar .support-pet-entry { margin-bottom: max(8px, env(safe-area-inset-bottom)); } }
@media (prefers-reduced-motion: reduce) { .sidebar .support-pet-entry { transition: none; animation: none; } }
@media print { .support-pet-entry { display: none !important; } }