/* Hide Chainlit's built-in message feedback buttons (thumbs up/down).
   We use custom per-action feedback buttons instead. */
button[class*="feedback"],
.message-actions > button:has(svg) {
    display: none !important;
}

/* Subtle shadow keeps the logo visible on both dark and light backgrounds. */
img[alt="logo"],
img[src*="logo_dark"],
img[src*="logo_light"] {
    filter: drop-shadow(0 0 6px rgba(0,0,0,0.25));
}

/* Center the logo on the login page (overrides Tailwind's md:justify-start). */
div:has(> img.logo) {
    justify-content: center !important;
}

/* Glow-pulse animation for the AUREL avatar, using the app's primary teal colour. */
@keyframes aurel-glow {
    0%, 100% {
        filter: drop-shadow(0 0 3px rgba(74, 158, 142, 0.35));
        opacity: 1;
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(74, 158, 142, 0.75));
        opacity: 0.82;
    }
}

/* Larger chat avatar: remove circular crop, scale up, and vertically align with text. */
div.ai-message {
    align-items: flex-start !important;
}

span:has(> img[src*="logo_dark"]) {
    width: 52px !important;
    height: 52px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}
span:has(> img[src*="logo_dark"]) > img {
    object-fit: contain !important;
    width: 52px !important;
    height: 52px !important;
    animation: aurel-glow 2.4s ease-in-out infinite;
}