/* Ativo (ativo.js): botões + e lápis da Comunicação, o Criar novo e a janela da tela do plugin */

.at-veu{align-items:flex-start!important;padding-top:18vh}
.at-criar{background:#fff;border-radius:12px;width:min(560px,calc(100% - 32px));box-shadow:0 24px 60px rgba(17,24,39,.28);overflow:hidden}
.at-criar input{width:100%;border:0;border-bottom:1px solid var(--line);padding:16px 20px;font:inherit;font-size:15px;outline:0}
.at-criar-lista{padding:6px;max-height:280px;overflow:auto}
.at-criar-lista button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:left}
.at-criar-lista button.on{background:#f3f4f6}
.at-criar-lista button.off{color:var(--ink-3)}
.at-criar-lista button .chip{margin-left:auto}
.at-criar-pe{display:flex;gap:18px;padding:9px 16px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--ink-3);background:#fafbfc}
.at-criar-pe kbd{display:inline-block;min-width:18px;padding:0 4px;margin-right:3px;border:1px solid var(--line);border-radius:4px;background:#fff;font:inherit;font-size:10.5px;text-align:center}

/* janela "Para quem?" da Nova conversa (Comunicação) */
.at-pq-tit{display:flex;align-items:center;gap:8px;padding:14px 20px 0;font-size:13px;font-weight:600;color:var(--ink)}
.at-pq-tit span{font-weight:400;color:var(--ink-3)}
.at-pq-tx{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}
.at-pq-tx span{font-size:11.5px;color:var(--ink-3)}

/* tela Nova conversa: a tela do plugin ocupa o lugar da timeline e do compositor da conversa */
.at-col{flex:1;min-height:0;width:100%;border:0;display:block;background:#fff}