/* Notas, tarefas, etiquetas, transferências e avisos do atendimento */
.extra-sec{margin-top:6px}
.extra-sec form{display:grid;gap:6px;margin-bottom:8px}
.extra-sec textarea.campo{min-height:64px;resize:vertical}
.nota{background:var(--aviso-bg);border:1px solid var(--aviso-borda);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:13px;white-space:pre-wrap;word-break:break-word}
.nota .quem{display:flex;gap:6px;align-items:center;margin-top:4px;font-size:12px;color:var(--mudo);white-space:normal}
.nota .quem button{margin-left:auto;color:var(--vermelho);font-size:12px}
.tarefa{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--linha);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:13px;background:#fff}
.tarefa.vencida{border-color:var(--vermelho);background:var(--vermelho-bg)}
.tarefa.hoje{border-color:var(--chamada);background:var(--aviso-bg)}
.tarefa.feita{opacity:.55;text-decoration:line-through}
.tarefa .corpo{flex:1;min-width:0}
.selo-venc{display:inline-block;border-radius:20px;padding:0 8px;font-size:12px;font-weight:700;background:var(--vermelho);color:#fff}
.faixa-aviso{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 26px;background:var(--vermelho-bg);color:var(--vermelho);border-bottom:1px solid var(--vermelho);font-size:14px}
.faixa-aviso a{color:inherit;font-weight:700}
.parada{color:var(--vermelho);font-weight:700}
.busca-res{display:block;width:100%;text-align:left;padding:10px 12px;border-bottom:1px solid var(--linha);background:#fff}
.busca-res:hover{background:var(--realce-1)}
.busca-res mark{background:var(--chamada);color:var(--chamada-tinta);border-radius:3px;padding:0 2px}
.etq-linha{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--linha)}
.etq-linha input[type=color]{width:34px;height:30px;padding:0;border:1px solid var(--linha);border-radius:6px;background:#fff}
.msg-alvo{outline:2px solid var(--chamada);border-radius:10px}

/* Abas do Atendimento (Conversas, Caixa geral, Conexões): só a gestão as vê */
.abas-atend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.abas-atend a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:1px solid var(--linha);border-radius:22px;background:#fff;font-weight:600}
.abas-atend a.ativo{background:var(--side);color:#fff;border-color:var(--side)}
.abas-atend a:focus-visible{outline:3px solid var(--destaque);outline-offset:2px}
.abas-atend ~ .inbox{height:calc(100vh - 196px)}
@media (max-width:900px){.abas-atend ~ .inbox{height:calc(100vh - 226px)}}

/* Assistente solta (botão flutuante da Lia + painel de chat): só a gestão; fica acima das telas e abaixo dos avisos */
#as-flu[hidden]{display:none}
.flu-botao{position:fixed;right:20px;bottom:20px;z-index:40;width:64px;height:64px;border-radius:50%;padding:0;border:3px solid #fff;background:var(--side);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.28);overflow:hidden;display:grid;place-items:center;cursor:pointer}
.flu-botao img{width:100%;height:100%;object-fit:cover;display:block;grid-area:1/1}
.flu-botao .flu-letra{grid-area:1/1;font-weight:800;font-size:26px;z-index:-1}
.flu-botao:hover{transform:scale(1.04)}
.flu-botao:focus-visible{outline:3px solid var(--destaque);outline-offset:3px}
.flu-painel{position:fixed;right:20px;bottom:96px;z-index:41;width:min(390px,calc(100vw - 24px));height:min(640px,calc(100vh - 120px));background:#fff;border:1px solid var(--linha);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}
.flu-painel[hidden]{display:none}
.flu-cab{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--side);color:#fff}
.flu-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(255,255,255,.4)}
.flu-tit{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.flu-tit span{font-size:12px;color:var(--tinta-escura-mudo)}
.flu-cab .ic-btn{width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:50%;flex:none}
.flu-cab .ic-btn:hover{background:rgba(255,255,255,.14)}
.flu-cab .ic-btn:focus-visible{outline:3px solid #fff;outline-offset:1px}
.flu-ctx{padding:6px 12px 0}
.flu-atalhos{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px 4px}
.flu-atalhos .chip{min-height:36px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.flu-chat{flex:1;height:auto;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
.flu-chat .flu-largo{max-width:100%}
.flu-sec{margin-top:6px}.flu-sec ul{margin:2px 0 0;padding-left:18px;font-size:14px}
.flu-grande{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block}
.flu-sug{padding:0 12px 6px;margin:0}
.flu-form{padding:8px 12px;border-top:1px solid var(--linha)}
.flu-form .ic-btn{width:40px;height:44px;display:grid;place-items:center;color:var(--mudo);border-radius:50%;flex:none}
.flu-form .ic-btn.gravando{color:#c0392b;animation:pisca 1s infinite}
.flu-rodape{padding:0 12px 8px;text-align:center;font-size:11.5px}
#flu-player{width:calc(100% - 24px);margin:0 12px 4px;height:36px}
@media (max-width:900px){
  .flu-botao{width:56px;height:56px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
  #as-flu.com-barra .flu-botao{bottom:calc(76px + env(safe-area-inset-bottom))}
  #as-flu.com-barra.com-escrita .flu-botao{bottom:calc(150px + env(safe-area-inset-bottom))}
  .flu-painel{right:0;left:0;bottom:0;width:100%;height:min(86vh,calc(100dvh - 24px));border-radius:16px 16px 0 0;z-index:60;padding-bottom:env(safe-area-inset-bottom)}
  #as-flu.aberto .flu-botao{display:none}
}
.flu-sug[hidden]{display:none}