/* Custom AI Chat - Frontend Styles */

/* Chat Wrapper */
.cac-chat-wrapper,
.cac-stats-wrapper {
    width: 100%;
    position: relative;
    /*margin: 20px 0;*/
}

/* Loading State */
.cac-chat-loading,
.cac-stats-loading {
    text-align: center;
    padding: 40px;
    background: #f9f9f9;
    border: 1px dashed #ddd;
    border-radius: 8px;
}

.cac-chat-loading p,
.cac-stats-loading p {
    margin: 0;
    color: #666;
    font-size: 16px;
}

/* Iframes */
.cac-chat-iframe,
.cac-stats-iframe {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: none;
    transition: opacity 0.3s ease;
}

/* Show iframe when loaded */
.cac-chat-iframe.loaded,
.cac-stats-iframe.loaded {
    display: block;
    opacity: 1;
}

/* Error Messages */
.cac-error {
    padding: 20px;
    background: #fee;
    border: 1px solid #fcc;
    border-radius: 4px;
    color: #c00;
    margin: 20px 0;
}

.cac-error strong {
    display: block;
    margin-bottom: 10px;
}

/* Animation for loading */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.cac-chat-loading,
.cac-stats-loading {
    animation: pulse 2s ease-in-out infinite;
}