:root{--assessor-top:0px}
/* A terceira coluna reserva espaço para o processo, sem cobrir suas abas. */
.assessor-contexto-coluna{display:none}
/* Usa os mesmos tokens do tema da aplicação, inclusive no painel sobreposto. */
#assessor-container #assessor-painel{
  --arco-surface:var(--t-surface);
  background:var(--t-surface);
  color:var(--t-ink);
  border-color:var(--t-border);
}
#assessor-painel .assessor-chat,
#assessor-painel .assessor-chat-header,
#assessor-painel .assessor-contexto-coluna,
#assessor-painel .assessor-composer{
  background:var(--t-surface);
  color:var(--t-ink);
  border-color:var(--t-border);
}
#assessor-painel .assessor-sidebar{
  background:var(--t-surface);
  border-color:var(--t-border);
}
#assessor-painel .assessor-mensagens{background:var(--t-bg)}
#assessor-painel .assessor-balao{
  background:var(--t-surface);
  border-color:var(--t-border);
  color:var(--t-ink);
}
#assessor-painel .assessor-balao.user{background:var(--t-accent-bg)}
#assessor-painel .assessor-composer textarea{
  background:var(--t-bg);
  color:var(--t-ink);
  border-color:var(--t-border-strong)!important;
}
#assessor-painel .assessor-composer textarea::placeholder{color:var(--t-ink-soft);opacity:1}
#assessor-painel .assessor-composer textarea:focus{outline-color:var(--t-accent-bright);box-shadow:none}
#assessor-painel .assessor-conversa.selecionada{background:var(--t-accent-bg);border-color:var(--t-border-strong)}
#assessor-painel .assessor-conversa:hover{background:var(--t-raised)}
.assessor-texto.assessor-formatado{white-space:normal;line-height:1.6}
.assessor-formatado p{margin:0 0 .8em}
.assessor-formatado strong{font-weight:700}
.assessor-formatado em{font-style:italic}
.assessor-formatado h2,.assessor-formatado h3,.assessor-formatado h4,.assessor-formatado h5,.assessor-formatado h6{font-size:1em;font-weight:700;line-height:1.4;margin:1.2em 0 .6em}
.assessor-formatado ul,.assessor-formatado ol{margin:.6em 0 1em;padding-left:1.5em}
.assessor-formatado ul{list-style:disc}
.assessor-formatado ol{list-style:decimal}
.assessor-formatado li{margin:.35em 0}
.assessor-formatado hr{border:0;border-top:1px solid #8884;margin:1em 0}
.assessor-formatado>:first-child{margin-top:0}
.assessor-formatado>:last-child{margin-bottom:0}
@media(min-width:1200px){
  html[data-assessor-layout="coluna"]:has(#assessor-container #assessor-painel) #conteudo{margin-right:420px}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-panel{top:var(--assessor-top,0px);width:420px;box-shadow:none;z-index:35}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-sidebar{display:none}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-toggle{display:inline-flex}
  html[data-assessor-layout="coluna"] #assessor-container .historico-aberto .assessor-sidebar{display:flex;position:absolute;top:60px;left:0;bottom:0;z-index:3;width:260px;background:var(--arco-surface,#fffefa);box-shadow:5px 0 15px #0002}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-contexto-coluna{display:block;padding:8px 14px;font-size:12px;border-bottom:1px solid #8883}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-chat-header{padding:12px;gap:6px}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-mensagens{padding:14px}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-composer{padding:12px}
  html[data-assessor-layout="coluna"] #assessor-container .assessor-balao.user{margin-left:0}
  html[data-assessor-layout="coluna"]:has(#assessor-container #assessor-painel) .processo-acoes-flutuantes{left:calc(50% - 210px)}
}
@media(max-width:1199px){.assessor-fixar{display:none}}