@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,500,0,0&display=block');

/* Adobe Fonts - Gibson: 200, 200i, 400, 400i, 500, 500i, 600, 600i */
@import url("https://use.typekit.net/cbi3phm.css");

/* Fundo da página para simular o visual da imagem */


/* Variáveis para configuração de tamanhos */
:root {
    --widget-width: 400px;
    --widget-height: 475px;
    --widget-expanded-width: 55%;
    --widget-expanded-height: 80%; 
    --widget-minimized-size-width: 90px;
    --widget-minimized-size-height: 50px;
    
    /* Posição do widget */
    --widget-bottom: 20px;
    --widget-right: 20px;
    
    /* Tamanhos de fonte - herda família do site principal */
    --font-size-xxsmall: 10px;
    --font-size-xsmall: 12px;
    --font-size-small: 14px;
    --font-size-base: 16px;
    --font-size-medium: 18px;
    --font-size-large: 20px;
    --font-size-xlarge: 24px;
    --font-size-header: 16px;
    --font-size-minimized: 14px;
    
    /* Cores */
    --primary          : #0000ff;
    --primary-light    : #8080ff;
    --primary-lighter  : #ccd1ff;
    --primary-lightest : #e0e4fc;
    --primary-accent   : #2fdce8;
    --primary-soft     : #f2f3ff;

    --black            : #000000; 
    --gray-darkest     : #111111;
    --gray-darker      : #222222;
    --gray-dark        : #333333;
    --gray             : #666666;
    --gray-light       : #878787; 
    --gray-lighter     : #dddddd;
    --gray-lightest    : #f1f1f1; 
    --white            : #ffffff;

    /* Custom */
    --widget-bg: var(--primary-soft);                   /* Cor de fundo do widget */
    --widget-text-color: var(--black);                  /* Cor do texto principal */
    --widget-bg-minimized: var(--black);                /* Cor de fundo do widget minimizado */
    --widget-text-color-minimized: var(--white);        /* Cor de texto do widget minimizado */

    --widget-title-color: var(--primary-lighter);       /* Cor do título do cabeçalho */

    --widget-user-message-bg: var(--white);             /* Cor de fundo das mensagens do usuário */
    --widget-user-message-text-color: var(--black);     /* Cor do texto das mensagens do usuário */
    --widget-bot-message-bg: transparent;               /* Cor de fundo das mensagens do bot */
    --widget-bot-message-text-color: var(--black);      /* Cor do texto das mensagens do bot */

    --widget-input-bg: var(--white);                    /* Cor de fundo do campo de input */
    --widget-send-btn-bg: var(--black);                 /* Cor do botão de enviar */
    --widget-send-btn-bg-hover: linear-gradient(90deg, var(--primary), var(--primary-accent)); /* Cor de hover do botão de enviar */
}

/* Estilos base do widget */
.chatbot-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: var(--widget-width);
    height: var(--widget-height);
    background: var(--widget-bg);
    border-radius: 30px;
    box-shadow: 4px 4px 10px 0 rgba(9, 9, 168, 0.30); /* 0 4px 24px 0 rgba(80, 60, 120, 0.10); */
    display: flex;
    flex-direction: column;
    transition: all 0.3s cubic-bezier(.4,0,.2,1);
    z-index: 1000;
    user-select: none; 
    /* Herda a fonte do site principal */
    /*font-family: inherit;*/
    font-family: "canada-type-gibson", sans-serif;
}

/* Elementos internos do widget */
.chatbot-header,
.chatbot-messages,
.chatbot-input,
.chatbot-disclaimer,
.chatbot-privacy-overlay {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1;
}

/* Quando o widget não está minimizado, mostra os elementos */
.chatbot-widget:not(.minimized) .chatbot-header,
.chatbot-widget:not(.minimized) .chatbot-messages,
.chatbot-widget:not(.minimized) .chatbot-input,
.chatbot-widget:not(.minimized) .chatbot-disclaimer,
.chatbot-widget:not(.minimized) .chatbot-privacy-overlay {
    opacity: 1;
    visibility: visible;
}

/* Modo expandido */
.chatbot-widget.expanded {
    width: var(--widget-expanded-width);
    height: var(--widget-expanded-height);
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.chatbot-widget.expanded .chatbot-input {
    /*opacity: 0;
    animation: fadeInInput 0.5s ease forwards;
    animation-delay: 0.4s;*/
}

/* Modo minimizado */
.chatbot-widget.minimized {
    width: var(--widget-minimized-size-width);
    height: var(--widget-minimized-size-height);
    /*border: solid 3px var(--primary);*/
    border-radius: 30px;
    background: transparent;
    color: var(--widget-text-color-minimized);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 4px 4px 10px 0 rgba(9, 9, 168, 0.30);
    transition: all 0.4s ease;
}

.chatbot-widget.minimized:before {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 30px;
    background-color: var(--widget-bg-minimized);
    transition: all 0.4s ease, background-color 0.2s ease;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chatbot-widget:after {
    opacity: 0;
}

.chatbot-widget.minimized:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    background: var(--widget-send-btn-bg-hover);
    z-index: -2;
    transition: opacity 0.4s ease;
    opacity: 1;
}

.chatbot-widget.rectangle-widget.minimized {
    min-width: var(--widget-minimized-size-width);
    height: var(--widget-minimized-size-height);
    border-radius: 30px;
    padding: 0 20px;
}

.chatbot-widget.minimized .chatbot-header,
.chatbot-widget.minimized .chatbot-messages,
.chatbot-widget.minimized .chatbot-input,
.chatbot-widget.minimized .chatbot-disclaimer,
.chatbot-widget.minimized .chatbot-privacy-overlay {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.chatbot-widget.minimized::before {
    content: var(--widget-text, 'ASK AI');
    white-space: nowrap;
    font-size: var(--font-size-minimized);
    font-weight: 500;
    letter-spacing: 1px;
    transition: background-color 0.4s ease;
}

.chatbot-widget.minimized:hover {
    /*background: var(--primary);*/
}

.chatbot-widget.minimized:hover:before {
    background-color: transparent;
}

/* Cabeçalho do widget */
.chatbot-header {
    padding: 15px 15px 15px 45px;
    background: transparent;
    border-radius: 30px 30px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 6;
}

.chatbot-header h3 {
    margin: 0;
    color: var(--widget-title-color);
    font-size: var(--font-size-header);
    font-weight: 400;
}

.chatbot-header .icons {
    display: flex;
    gap: 0;
    margin-right: -5px; /* Margem negativa om base no padding do botão */
}

.chatbot-header button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: var(--primary-light);
    transition: color 0.4s ease;
    font-size: var(--font-size-medium);
}

.chatbot-header button:hover {
    color: var(--primary);
}

.chatbot-header button .material-symbols-outlined {
    font-variation-settings: 'wght' 500;
    font-size: var(--font-size-header);
    color: var(--primary-light);
    transition: color 0.4s ease;
}

.chatbot-header button:hover .material-symbols-outlined {
    color: var(--primary);
}

/* Área de mensagens */
.chatbot-messages {
    flex: 1;
    padding: 0 45px 30px 45px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: transparent;
    scrollbar-width: thin;
    scrollbar-color: var(--primary-light) var(--primary-lightest);
    user-select: text;
}

/* Esconder scrollbar em browsers WebKit/Chromium */
.chatbot-messages::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/* Estilos das mensagens */
.message {
    max-width: 100%; /*90%*/
    padding: 12px 20px;
    border-radius: 30px;
    font-size: var(--font-size-base);
    font-weight: 200;
    line-height: 1.4;
    animation: fadeIn 0.4s ease;
}

/* Remover excesso de margem */
.message >:first-child { margin-top: 0 !important }
.message >:last-child  { margin-bottom: 0 !important }

/* Forçar primeiro elemento a ser maior e com cor primária */
/*
.message >:first-child { 
    font-size: var(--font-size-medium);
    color: var(--primary);
}
.message >:first-child a { 
    text-decoration: underline;
}
.message >:first-child a:hover { 
    text-decoration: underline;
}*/

/* Remover <br> */
.message br { display: none }

/* Força o tamanho de fonte para todos os elementos HTML dentro das mensagens */
.message *,
.message p,
.message h1,
.message h2,
.message h3,
.message h4,
.message h5,
.message h6,
.message li,
.message ul,
.message ol,
.message div,
.message span,
.message strong,
.message em,
.message b,
.message i,
.message a,
.message blockquote,
.message code,
.message pre {
    font-size: inherit;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

/* Ajustes específicos para listas */
.message ul,
.message ol {    
    padding-left: 20px;
    margin: 0 0 20px;
}

.message li {
    position: relative;
    margin: 2px 0;
}

/*Custom*/
.message ul {
    list-style: none;
    padding: 0;
}

.message ul li { 
    line-height: 1.4;
    padding-left: 25px;
    margin-bottom: 10px;
}

.message ul li:before { 
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid 1px var(--primary);
    border-radius: 50%;
    transition: all 0.4s ease;
    left: 0;
    top: 10px;
}

/* Ajustes para títulos */
.message h1,
.message h2,
.message h3,
.message h4,
.message h5,
.message h6 {
    font-weight: 400;
    margin: 0 0 20px;
}

/* Ajustes para parágrafos */
.message p {
    margin: 0 0 20px;
}

/* Ajustes para links */
.message a {
    transition: all 0.4s ease;
    color: var(--primary);
    text-decoration: none;
}

.message a:hover {
    color: var(--primary-light);
    text-decoration: none;
}

/* Ajustes para botões */
.message p button { margin-top: 20px }

/* Ajustes para código */
.message code {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 4px;
    border-radius: 3px;
    font-family: monospace;
}

.message pre {
    background: rgba(0, 0, 0, 0.1);
    padding: 8px;
    border-radius: 4px;
    overflow-x: auto;
    margin: 0 0 20px;
}

/* Botões */
.message .btn,
.chatbot-privacy-overlay .btn {
    position: relative;
    border: none;
    outline: none;
    text-align: center;
    overflow: hidden;
    background: none;
    height: auto;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
    border-radius: 30px;
    min-width: 60px;
    font-family: inherit;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: 1px;
    font-size: var(--font-size-xsmall);
    /*height: 42px;*/
    padding: 12px 20px;
}
    
/* Botão primary */
.message .btn.btn-primary,
.chatbot-privacy-overlay .btn.btn-primary {
    background-color: var(--primary);
    color: var(--white);
    border-color: transparent;
}

.message .btn.btn-primary:after,
.chatbot-privacy-overlay .btn.btn-primary:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, var(--primary), var(--primary-accent));
    z-index: -1;
    transition: all 0.4s ease;
    opacity: 0;
}

.message .btn.btn-primary:hover,
.chatbot-privacy-overlay .btn.btn-primary:hover { background-color: var(--primary-accent) }

.message .btn.btn-primary:hover:after,
.chatbot-privacy-overlay .btn.btn-primary:hover:after { opacity: 1 }


/* Listagem de botões */
.message .button-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 20px;
}

.message .button-list > * { flex: 1 }

/* Linha e separador */
.message hr {
    border: none;
    border-top: solid 2px var(--white);
    padding: 0;
    margin: 20px 0;
}



/* Botão primary-light */
.message .btn.btn-primary-light,
.chatbot-privacy-overlay .btn.btn-primary-light {
    background-color: var(--primary-light);
    color: var(--white);
    border-color: transparent;
}

.message .btn.btn-primary-light:after,
.chatbot-privacy-overlay .btn.btn-primary-light:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, var(--primary), var(--primary-accent));
    z-index: -1;
    transition: all 0.4s ease;
    opacity: 0;
}

.message .btn.btn-primary-light:hover,
.chatbot-privacy-overlay .btn.btn-primary-light:hover { background-color: var(--primary-accent) }

.message .btn.btn-primary-light:hover:after,
.chatbot-privacy-overlay .btn.btn-primary-light:hover:after { opacity: 1 }

/* Botão chatbot */
.message .btn.btn-chatbot {
    background-color: var(--primary-lightest);
    color: var(--primary-light);
    border-color: transparent;
}

.message .btn.btn-chatbot:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, var(--primary), var(--primary-accent));
    z-index: -1;
    transition: all 0.4s ease;
    opacity: 0;
}

.message .btn.btn-chatbot:hover { color: var(--white); background-color: var(--primary-light) }

.message .btn.btn-chatbot:hover:after { opacity: 1 }

/* Botão primary-light */
.message .btn.btn-primary-light,
.chatbot-privacy-overlay .btn.btn-primary-light {
    background-color: var(--primary-light);
    color: var(--white);
    border-color: transparent;
}

.message .btn.btn-primary-light:after,
.chatbot-privacy-overlay .btn.btn-primary-light:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, var(--primary), var(--primary-accent));
    z-index: -1;
    transition: all 0.4s ease;
    opacity: 0;
}

.message .btn.btn-primary-light:hover,
.chatbot-privacy-overlay .btn.btn-primary-light:hover { background-color: var(--primary-accent) }

.message .btn.btn-primary-light:hover:after,
.chatbot-privacy-overlay .btn.btn-primary-light:hover:after { opacity: 1 }

/* Botão primary-light disabled */
.message .btn.btn-primary-light.disabled {
    background-color: var(--white) !important;
    color: var(--black) !important;
    cursor: default;
}

.message .btn.btn-primary-light.disabled:after { 
    opacity: 0 !important;
}

/* Botão primary-light selected */
.message .btn.btn-primary-light.selected {
    background-color: var(--primary-light) !important;
    color: var(--white) !important;
    cursor: default;
}

.message .btn.btn-primary-light.selected:after { 
    opacity: 0 !important;
}

/* Thumbnail */
.message img {
    max-width: 100%;
    margin: 0 0 20px;
}

.message .thumbnail {
    max-width: 100%;
    margin: 0 0 20px;
    display: flex;
    align-items: flex-start;
    gap: 25px;
    color: var(--black);
}

.message .thumbnail .thumbnail-image {
    width: 85px;
    height: 85px;
    flex-shrink: 0;
    overflow: hidden;
    background: var(--primary-light);
}

.message .thumbnail .thumbnail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.4s ease, transform 0.6s ease; 
    transform: translate3d(0,0,0);
}

.message .thumbnail-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.message .thumbnail-content h3 {
  margin: 0 0 5px;
}

.message .thumbnail-content p {
    margin: 0;
    font-size: var(--font-size-small);
}

/* Thumbnail: hover */
.message .thumbnail:hover .thumbnail-image img {
    transition: opacity 0.6s ease, transform 1.2s ease-out; 
    transform: scale(1.06);
    opacity: 0.85;
}

/* Div âncora para mensagens do usuário */
.message-anchor {
    height: 120px !important;
    width: 10px !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    pointer-events: none !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
}

/* Mensagens */
.user-message {
    align-self: flex-end;
    background: var(--widget-user-message-bg);
    color: var(--widget-user-message-text-color);
    border-radius: 30px;
}

.bot-message,
.assistant-message {
    align-self: flex-start;
    background: var(--widget-bot-message-bg);
    color: var(--widget-bot-message-text-color);
    padding: 0;
    margin-bottom: 40px !important; /* Adiciona 20px extra de margem inferior */
}

/* Área de input */
.chatbot-input {
    position: relative;
    padding: 12px 15px;
    border-top: none;
    border-radius: 30px;
    display: flex;
    gap: 10px;
    background: transparent;
    border-top: solid 1px rgba(203, 203, 216, 0.25);
}

.chatbot-input input {
    flex: 1;
    padding: 0 60px 0 20px;
    border: none;
    height: 50px;
    border-radius: 30px;
    background: var(--widget-input-bg);
    color: var(--black);
    font-size: var(--font-size-base);
    outline: none;
    transition: box-shadow 0.2s ease;
    font-family: inherit;
    font-weight: 200;
}

.chatbot-input input:focus,
.chatbot-input input:hover {
    box-shadow: 0 2px 12px 0 rgba(80, 60, 120, 0.10);
}

.chatbot-input button {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
    background: transparent;
    color: var(--white);
    border: 0;
    outline: none;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-base);
    padding: 3px;
    transition: all 0.4s ease;
}

.chatbot-input button:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 30px;
    background-color: var(--widget-send-btn-bg);
    transition: all 0.4s ease, background-color 0.2s ease;
    z-index: -1;
}

.chatbot-input button:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 30px;
    background: var(--widget-send-btn-bg-hover);
    z-index: -2;
    transition: all 0.4s ease;
    opacity: 1;
}

.chatbot-input button .material-symbols-outlined {
    font-variation-settings: 'wght' 500;
    font-size: var(--font-size-xlarge);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.chatbot-input button:hover:before {
    opacity: 0;
}

/* Disclaimer */
.chatbot-disclaimer {
    padding: 0 15px 15px 15px;
    text-align: center;
    font-size: var(--font-size-xsmall);
    color: var(--gray-light);
    line-height: 1.4;
    font-weight: 200;
    background: transparent;
}

.chatbot-disclaimer .reset-conversation-link {
    display: block;
    padding-top: 10px;
    font-size: var(--font-size-xxsmall);
    text-transform: uppercase;
    color: var(--primary-light);
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 500;
    transition: all 0.4s ease;
}

.chatbot-disclaimer .reset-conversation-link:hover {
    color: var(--primary);
}

/* Estilo para mensagens de carregamento */
.loading-message {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--black);
    animation: loadingText 1s infinite;
}

.loading-message::after {
    content: '...';
    animation: loading 1.5s infinite;
}

/* Webkit (Chrome, Edge, Safari) */
.chatbot-messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.chatbot-messages::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

.chatbot-messages::-webkit-scrollbar-thumb {
    background: var(--primary-light);
    border-radius: 30px;
    min-height: 40px;
    border: 2px solid var(--primary-lightest);
}

.chatbot-messages::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}

/* Thumb como "bolinha" quando a barra é pequena */
.chatbot-messages::-webkit-scrollbar-thumb:vertical {
    border-radius: 0;
}

.chatbot-widget.icon-widget.minimized {
    width: var(--widget-minimized-size);
    height: var(--widget-minimized-size);
    border-radius: 50%;
    padding: 0;
}

.chatbot-widget.icon-widget.minimized::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Overlay de Privacidade */
.chatbot-privacy-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(242, 243, 255, 0.65);
    backdrop-filter: blur(8px);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    padding: 45px 45px 0 45px;
}

.privacy-content {
    text-align: center;
    width: 335px;
    max-width: 100%;
    padding: 0 15px;
}

.privacy-icon {
    margin-bottom: 0;
}

.privacy-icon .material-symbols-outlined {
    font-size: 48px;
    color: var(--primary-light);
    font-variation-settings: 'wght' 500;
}

.privacy-content h3 {
    margin: 0 0 20px;
    color: var(--widget-text-color);
    font-size: var(--font-size-xlarge);
    font-weight: 400;
}

.privacy-content p {
    margin: 0 0 20px;
    color: var(--black);
    font-weight: 200;
    font-size: var(--font-size-base);
    line-height: 1.4;
}

.privacy-content p a {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.4s ease;
}

.privacy-content p a:hover {
    color: var(--primary-light);
}

.privacy-content .btn {
    margin-top: 7px;
}

/* Form modal */

/* Animações */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInInput {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes loading {
    0%     { content: '.';   }
    33.33% { content: '..';  }
    66.66% { content: '...'; }
    100%   { content: '.';   }
}

@keyframes loadingText {
    0%   { opacity: 1   }
    50%  { opacity: 0.4 }
    100% { opacity: 1   }
}

/* Estilos para dispositivos móveis */
@media (max-width: 768px) {
    .chatbot-widget {
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        border-radius: 0;
    }

    .chatbot-widget.minimized {
        width: var(--widget-minimized-size);
        height: var(--widget-minimized-size);
        bottom: 15px;
        right: 15px;
    }

    .chatbot-widget.minimized:hover:before {
        background-color: var(--black);
    }

    .chatbot-widget.expanded {
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        transform: none;
    }

    /* Oculta o botão de expandir */
    .chatbot-header .expand-btn {
        display: none;
    }

    .chatbot-messages {
    }

    .chatbot-input {
    }
    
    /* Overlay */
    .chatbot-privacy-overlay {
        border-radius: 0;
    }
    
    .privacy-content h3 {
        font-size: var(--font-size-large);
    }

    .privacy-content p {
        /* font-size: var(--font-size-base); */
    }
}