/* Chat do site Openlimits (lado do visitante) */
#olchat { position: fixed; right: 20px; bottom: 20px; z-index: 99999; font-family: inherit; font-size: 14px; line-height: 1.4; color: #1d2733; }
#olchat * { box-sizing: border-box; }
#olchat .olchat-botao { display: flex; align-items: center; gap: 8px; margin-left: auto; padding: 12px 18px; border: 0; border-radius: 999px; background: rgb(0, 62, 126); color: #fff; font: inherit; font-weight: 600; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
#olchat .olchat-botao:hover { background: rgb(0, 48, 98); }
#olchat .olchat-botao:focus-visible, #olchat button:focus-visible, #olchat input:focus-visible, #olchat textarea:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }
#olchat .olchat-ponto { width: 10px; height: 10px; border-radius: 50%; background: #9aa6b4; flex: none; }
#olchat.olchat-online .olchat-ponto { background: #3ddc84; }
#olchat .olchat-contador { min-width: 20px; padding: 1px 6px; border-radius: 999px; background: #ffbf47; color: #1d2733; font-size: 12px; text-align: center; }
#olchat .olchat-contador[hidden] { display: none; }
#olchat .olchat-painel { width: 340px; max-width: calc(100vw - 40px); max-height: calc(100vh - 110px); margin-bottom: 12px; display: flex; flex-direction: column; background: #fff; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, .3); overflow: hidden; }
#olchat .olchat-painel[hidden] { display: none; }
#olchat .olchat-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; padding: 12px 14px; background: rgb(0, 62, 126); color: #fff; }
#olchat .olchat-cab .olchat-sub { color: #dbe6f2; margin: 2px 0 0; }
#olchat .olchat-cab-botoes { display: flex; align-items: center; gap: 6px; }
#olchat .olchat-x { border: 0; background: transparent; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; padding: 0 4px; }
#olchat .olchat-link { border: 0; background: transparent; color: #fff; text-decoration: underline; font: inherit; font-size: 12px; cursor: pointer; padding: 0; }
#olchat [hidden] { display: none !important; }
#olchat .olchat-corpo { padding: 12px 14px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
#olchat .olchat-sub { margin: 0; font-size: 13px; color: #5b6776; }
#olchat .olchat-form label { display: block; margin-bottom: 8px; }
#olchat .olchat-form label span { display: block; font-size: 12px; color: #5b6776; margin-bottom: 2px; }
#olchat input, #olchat textarea { width: 100%; padding: 8px; border: 1px solid #9aa6b4; border-radius: 6px; font: inherit; color: #1d2733; background: #fff; resize: vertical; }
#olchat .olchat-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
#olchat .olchat-nota { font-size: 11px; color: #5b6776; margin: 4px 0 8px; }
#olchat .olchat-nota a { color: rgb(0, 62, 126); }
#olchat .olchat-primario { width: 100%; padding: 9px 12px; border: 0; border-radius: 6px; background: rgb(0, 62, 126); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
#olchat .olchat-primario:disabled { opacity: .6; cursor: default; }
#olchat .olchat-erro { margin: 0 0 8px; padding: 6px 8px; border-radius: 6px; background: #fbe9ea; color: #a4161a; font-size: 13px; }
#olchat .olchat-ok { margin: 0; padding: 8px; border-radius: 6px; background: #e5f4ea; color: #1b6e3a; }
#olchat .olchat-lista { display: flex; flex-direction: column; gap: 8px; max-height: 300px; overflow-y: auto; }
#olchat .olchat-msg { max-width: 85%; padding: 7px 10px; border-radius: 10px; background: #eef2f7; align-self: flex-start; }
#olchat .olchat-visitante { background: rgb(0, 62, 126); color: #fff; align-self: flex-end; }
#olchat .olchat-sistema { background: transparent; color: #5b6776; font-size: 12px; font-style: italic; align-self: center; }
#olchat .olchat-quem { display: block; font-size: 11px; opacity: .75; margin-bottom: 2px; }
#olchat .olchat-texto { white-space: pre-wrap; word-wrap: break-word; }
#olchat .olchat-envio { display: flex; gap: 6px; align-items: flex-end; }
#olchat .olchat-envio textarea { flex: 1; }
#olchat .olchat-envio .olchat-primario { width: auto; }
@media (max-width: 480px) { #olchat { right: 10px; bottom: 10px; } #olchat .olchat-botao { padding: 10px 14px; } }
@media print { #olchat { display: none; } }
