/**
 * AI Concierge Widget - Optional External Stylesheet
 *
 * Core styles are embedded in concierge.js for single-script embedding.
 * This file only adds extras that can be loaded separately:
 * <link rel="stylesheet" href="https://your-basecamp.com/embed/concierge.css">
 * <script src="https://your-basecamp.com/embed/concierge.js" data-company="..."></script>
 */

/* #region Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .concierge-widget .concierge-bubble,
    .concierge-widget .concierge-panel,
    .concierge-widget .concierge-message,
    .concierge-widget .concierge-send {
        animation: none !important;
        transition: none !important;
    }
}
/* #endregion */

/* #region Print Styles */
@media print {
    .concierge-widget {
        display: none !important;
    }
}
/* #endregion */

/* #region Accessibility */
.concierge-widget .concierge-bubble:focus-visible,
.concierge-widget .concierge-input:focus-visible,
.concierge-widget .concierge-send:focus-visible,
.concierge-widget .concierge-topic:focus-visible,
.concierge-widget .concierge-hdr-btn:focus-visible {
    outline: 0.125rem solid var(--concierge-accent);
    outline-offset: 0.125rem;
}

.concierge-widget .sr-only {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    padding: 0;
    margin: -0.0625rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* #endregion */

/* #region Custom Scrollbars */
.concierge-widget .concierge-messages::-webkit-scrollbar {
    width: 0.375rem;
}
.concierge-widget .concierge-messages::-webkit-scrollbar-track {
    background: transparent;
}
.concierge-widget .concierge-messages::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 0.25rem;
}
.concierge-widget .concierge-messages {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.concierge-widget .concierge-input {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.concierge-widget .concierge-input::-webkit-scrollbar {
    display: none;
}
/* #endregion */