/**
 * FCD Inquiry Bot — Frontend Chatbot Styles
 *
 * Most styles are injected dynamically via JS to support configurable brand colors.
 * This file handles additional polish that doesn't depend on brand settings.
 */

/* Smooth entrance animation */
#fcd-bot-panel {
    animation: fcd-slide-up 0.25s ease-out;
}

@keyframes fcd-slide-up {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scrollbar styling for the messages area */
#fcd-bot-messages::-webkit-scrollbar {
    width: 6px;
}

#fcd-bot-messages::-webkit-scrollbar-track {
    background: transparent;
}

#fcd-bot-messages::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

#fcd-bot-messages::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

/* Focus visible for accessibility */
#fcd-bot-toggle:focus-visible,
#fcd-bot-close:focus-visible,
#fcd-bot-send:focus-visible,
#fcd-bot-disclaimer-close:focus-visible,
.fcd-quick-btn:focus-visible {
    outline: 2px solid #363636;
    outline-offset: 2px;
}

/* Message links */
.fcd-msg-bot a {
    color: inherit;
    text-decoration: underline;
    word-break: break-all;
}

.fcd-msg-bot a:hover {
    text-decoration: none;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    #fcd-bot-panel {
        animation: none;
    }
}