.oai-kb-chatbot{border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;max-width:100%;
    margin:1rem auto;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto}
.oai-kb-messages{display:flex;flex-direction:column;gap:.75rem;min-height:0;  overflow-y: auto; margin-top: .2rem;}
.oai-kb-msg{padding:.6rem .8rem;border-radius:.8rem;}

.oai-kb-msg img{max-width:300px;}
.oai-kb-msg .source-link{
    margin: 10px;
}
.oai-kb-msg .source-link a{
    padding: 5px;
    background-color: #c6c6c7;
    border-radius: .5rem;
    border: 1px solid #a6a6a7;
     
}

.oai-kb-msg img{
    max-width: 80%;
    height: auto;
}

.oai-kb-chatbot-user{background:#dce4fc;align-self:flex-end}
.oai-kb-chatbot-bot{background:#e3e3e4}
.oai-kb-form{margin-top:.75rem}

.oai-kb-form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .2rem;
    font-size: 1em;
    padding: 10px;
}
.oai-kb-form-inline select, .oai-kb-form-inline button {
    margin: 0 2px;
    width: min-content;
    padding: 2px;
}

.oai-kb-input{flex:1;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:.6rem}
.oai-kb-send{padding:.6rem .9rem;border:0;background:#111827;color:#fff;border-radius:.6rem;cursor:pointer}
.oai-kb-cite{font-size:12px;color:#6b7280;margin-top:.25rem}

.oai-kb-form select{
    padding: 2px 1px;
    height: min-content;
}



.loading-spinner {
    display: inline-block;
    width: 16px; /* Tamanho do spinner */
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.1); /* Cor clara da borda (fundo) */
    border-radius: 50%;
    border-top-color: #333; /* Cor mais escura da borda (o ponto giratório) */
    animation: spin 1s linear infinite; /* Aplica a animação de rotação */
    margin-left: 5px; /* Separa um pouco do texto */
}

/* Keyframes da animação de rotação */
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}