.atd-layout{display:grid;grid-template-columns:300px minmax(330px,1fr) 300px;height:calc(100vh - 175px);min-height:500px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.atd-lista,.atd-ficha{overflow:auto;min-height:0}.atd-lista{border-right:1px solid var(--line)}.atd-ficha{border-left:1px solid var(--line);padding:18px}.atd-filtros{padding:12px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.atd-filtros input,.atd-filtros select{width:100%;min-width:0}.atd-dupla{display:grid;grid-template-columns:1fr 1fr;gap:6px}.atd-item{display:block;width:100%;text-align:left;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.atd-item:hover,.atd-item.on{background:var(--accent-soft)}.atd-item b{font-size:13px}.atd-item small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.atd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;background:var(--surface-2);margin-right:8px}.atd-count{float:right;background:var(--accent);color:var(--accent-ink);border-radius:12px;padding:2px 7px;font-size:11px}.atd-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.atd-top{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.atd-top strong{display:block}.atd-top select{max-width:145px}.atd-msgs{overflow:auto;flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}.atd-balao{align-self:flex-start;max-width:85%;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.atd-balao.enviada{align-self:flex-end;background:var(--accent-soft)}.atd-balao.nota{align-self:center;background:var(--warn-soft);width:90%;max-width:95%}.atd-balao small{display:block;text-align:right;color:var(--muted);font-size:10px;margin-top:6px}.atd-balao .atd-autor{display:block;font-size:11px;font-weight:700;color:var(--accent);text-align:left;margin-bottom:3px}.atd-erro{display:block;color:var(--bad);font-size:11px}.atd-compose{border-top:1px solid var(--line);padding:12px;display:grid;gap:8px}.atd-compose textarea{width:100%;resize:vertical;min-height:65px;max-height:180px}.atd-compose footer{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.atd-compose select{max-width:140px}.atd-ficha h3{margin:0 0 12px}.atd-ficha details{border-top:1px solid var(--line);padding:12px 0}.atd-ficha summary{cursor:pointer;font-weight:600}.atd-ficha p{font-size:12px;overflow-wrap:anywhere}.atd-ficha .btn{margin-top:8px}.atd-vazio{margin:auto;padding:32px;text-align:center;color:var(--muted)}.atd-canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.atd-canal{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.atd-canal .acts{justify-content:flex-start;flex-wrap:wrap}.atd-qr{display:block;max-width:260px;width:100%;margin:15px auto;background:white;padding:10px}.atd-hidden{display:none}.atd-pessoa-busca button{display:block;width:100%;text-align:left;margin:5px 0}.atd-arquivo{font-size:12px;color:var(--muted)}
@media(min-width:1201px){.atd-mobile{display:none}}
@media(max-width:1200px){.atd-layout{grid-template-columns:270px minmax(300px,1fr)}.atd-ficha{display:none}.atd-layout.ficha .atd-ficha{display:block}.atd-layout.ficha .atd-chat{display:none}}
@media(max-width:760px){.atd-layout{grid-template-columns:1fr;height:calc(100dvh - 180px);min-height:420px}.atd-layout .atd-chat,.atd-layout .atd-ficha{display:none}.atd-layout.selecionada .atd-lista{display:none}.atd-layout.selecionada .atd-chat{display:flex}.atd-layout.ficha .atd-chat{display:none}.atd-layout.ficha .atd-ficha{display:block}.atd-balao{max-width:93%}.atd-top{padding:8px}.atd-top .btn{font-size:11px}}


/* v0.185 — Canal e identidade da conta visíveis na lista e no topo do chat. */
.atd-identificacao{display:block;margin-top:6px;min-width:0}
.atd-faixa{display:flex;gap:5px 10px;align-items:center;flex-wrap:wrap;padding:5px 8px;border-radius:6px;border-left:3px solid var(--line);background:var(--surface-2);color:var(--ink);font-size:11px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.atd-faixa b{font-size:11px;flex-shrink:0}
.atd-faixa span{min-width:0;overflow-wrap:anywhere}
.atd-faixa--instagram{background:rgba(174,35,63,.13);border-left-color:#d83c58;color:#ffc0c9}
.atd-faixa--whatsapp{background:rgba(20,140,79,.13);border-left-color:#25b86d;color:#aaf0c9}
.atd-faixa--outro{border-left-color:var(--accent)}
.atd-item .atd-faixa{margin-right:4px}
.atd-top .atd-faixa{margin-top:4px}
[data-theme="light"] .atd-faixa--instagram{color:#981b39;background:#ffe7ec}
[data-theme="light"] .atd-faixa--whatsapp{color:#12693b;background:#e3f8eb}
.atd-canal .atd-faixa{margin:8px 0}

/* v0.186 — card inteiro assume a cor do canal; faixa escura no topo. */
.atd-item.atd-item--instagram,.atd-item.atd-item--whatsapp,.atd-item.atd-item--outro{
  padding:0;margin:8px 10px;width:calc(100% - 20px);border-radius:10px;overflow:hidden;
  border:1px solid var(--atd-border);background:var(--atd-bg);color:#192333;
  box-shadow:0 1px 1px rgba(0,0,0,.035);
}
.atd-item--instagram{--atd-border:#ab2546;--atd-bg:#f9d9e2;--atd-top:#9b1838}
.atd-item--whatsapp{--atd-border:#127340;--atd-bg:#def5e6;--atd-top:#086b36}
.atd-item--outro{--atd-border:var(--line);--atd-bg:var(--surface-2);--atd-top:#495061}
.atd-item .atd-card-top{display:block;min-width:0;width:100%;height:21px;padding:0 9px;
  background:var(--atd-top);color:#fff;text-align:left;overflow:hidden;}
.atd-item .atd-card-top .atd-faixa{
  display:block!important;width:100%;height:21px;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
  font-size:6px!important;font-weight:700;line-height:21px!important;letter-spacing:0;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.atd-item .atd-card-body{display:block;min-width:0;padding:11px 13px 12px;text-align:left}
.atd-item .atd-card-body b{font-size:13px}
.atd-item .atd-card-body small{color:#4e596a}
.atd-item.atd-item--instagram:hover,.atd-item.atd-item--instagram.on,
.atd-item.atd-item--whatsapp:hover,.atd-item.atd-item--whatsapp.on{
  background:var(--atd-bg);filter:brightness(.975);outline:1px solid var(--atd-border);outline-offset:0
}
.atd-item .atd-count{margin:1px 0 0 8px}


/* v0.188 — mídia privada reproduzível no próprio Atendimento. */
.atd-midia{margin-top:8px;max-width:100%}
.atd-media-image{border:1px solid var(--line);padding:0;display:block;max-width:100%;width:min(300px,100%);border-radius:10px;overflow:hidden;background:var(--surface-2);cursor:zoom-in;min-height:76px}
.atd-media-image img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}
.atd-media-placeholder{display:block;padding:24px 12px;text-align:center;color:var(--muted);font-size:12px}
.atd-media-audio{display:flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}
.atd-media-audio audio{width:min(285px,100%);max-width:100%;height:44px}
.atd-media-video{display:block;width:min(320px,100%);max-height:330px;border-radius:10px;background:#111}
.atd-gravacao{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.atd-gravacao:empty{display:none}
.atd-lightbox{max-width:min(95vw,1040px);max-height:94vh;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px}
.atd-lightbox::backdrop{background:rgba(0,0,0,.78)}
.atd-lightbox img{display:block;max-width:calc(95vw - 40px);max-height:calc(90vh - 95px);object-fit:contain;margin:auto}
.atd-lightbox-close{display:block;margin:0 0 12px auto}
@media(max-width:760px){.atd-media-audio audio{width:220px}.atd-media-image{width:min(260px,100%)}}

/* v0.189 — thumbnails privadas e preferência por instância. */
.atd-avatar{overflow:hidden;flex-shrink:0}
.atd-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.atd-arquivados{display:flex;gap:8px;align-items:center;margin:10px 0 3px;font-weight:600;cursor:pointer}
.atd-arquivados input{width:auto;accent-color:#591111}
.atd-canal .atd-arquivados+small{display:block;margin-bottom:8px;color:var(--muted);font-size:11px}
.atd-top #atdArquivarGrupo{margin-left:8px}
.atd-agenda-lista{padding:12px 16px;border-top:1px solid var(--line);max-height:230px;overflow:auto;background:var(--surface)}
.atd-template-filtros{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto auto;gap:10px;align-items:end;margin:14px 0}
.atd-template-card{margin:12px 0}
.atd-template-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.atd-template-card-head h4{margin:0;overflow-wrap:anywhere}
.atd-template-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:14px 0}
.atd-template-fields>div{min-width:0}
.atd-template-fields .wide{grid-column:1/-1}
.atd-template-fields dt{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.atd-template-fields dd{margin:3px 0 0;overflow-wrap:anywhere}
.atd-template-fields .pre{white-space:pre-wrap}
.atd-tpl-section{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}
.atd-tpl-section legend{font-weight:700;padding:0 6px}
.atd-tpl-section[hidden],#tplHeaderTextFields[hidden],#tplHeaderMediaFields[hidden]{display:none}
.atd-tpl-section small{display:block;color:var(--muted);margin-top:6px}
.atd-tpl-button-builder{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(200px,1fr) minmax(200px,1fr) auto;gap:8px;align-items:end}
.atd-tpl-button-list{list-style:none;padding:0;margin:10px 0}
.atd-tpl-button-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.atd-template-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;margin:10px 0}
.atd-template-preview p{white-space:pre-wrap;margin:6px 0}
.atd-template-variable{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:10px;align-items:end;margin:8px 0}
@media(max-width:760px){.atd-template-filtros,.atd-template-fields,.atd-tpl-button-builder{grid-template-columns:1fr}.atd-template-fields .wide{grid-column:auto}}
@media(max-width:760px){.atd-template-variable{grid-template-columns:1fr}}
.atd-agenda-lista[hidden]{display:none}
.atd-agenda-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.atd-agenda-item{border-top:1px solid var(--line);padding:8px 0}
.atd-agenda-item p{font-size:12px;white-space:pre-wrap;margin:5px 0 7px}
.atd-agenda-item small{color:var(--muted)}
.atd-agenda-chat{align-self:flex-start;width:min(88%,560px);margin:8px 0;padding:12px 14px;border:1px dashed #d49b24;border-left:4px solid #d49b24;border-radius:12px;background:#fff9e9;color:var(--text)}
.atd-agenda-chat header{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;justify-content:space-between}
.atd-agenda-chat header b{font-size:11px;color:#825b0a;letter-spacing:.02em}
.atd-agenda-chat header small{font-size:11px;color:var(--muted)}
.atd-agenda-chat p{margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.atd-agenda-chat .atd-erro{display:block;margin:5px 0}
.atd-agenda-processando{border-color:#5082c5;background:#edf5ff}
.atd-agenda-processando header b{color:#245b9c}
.atd-agenda-erro,.atd-agenda-incerto{border-color:#c24b4b;background:#fff0f0}
.atd-agenda-erro header b,.atd-agenda-incerto header b{color:#9b2828}
.atd-agenda-cancelado{border-color:#aaa;background:#f3f3f3;opacity:.78}
/* Central de Atendimento · construtor inicial de automações. */
.atd-disparo-info{margin:0 0 16px;padding:14px 18px}.atd-disparo-info p{margin:6px 0 0;color:var(--muted);font-size:13px}.atd-disparo-form{display:grid;gap:16px;margin-bottom:18px}.atd-disparo-form h2,.atd-disparo-form p{margin:0}.atd-disparo-grid{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px}.atd-disparo-chips{display:flex;gap:10px;flex-wrap:wrap}.atd-disparo-chips label{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:10px;border:1px solid var(--line);border-radius:8px}.atd-disparo-chips input{grid-row:span 2;width:auto}.atd-disparo-chips small{color:var(--muted);overflow-wrap:anywhere}.atd-disparo-selecao{border:1px solid var(--line);border-radius:9px;padding:12px}.atd-disparo-selecao header,.atd-disparo-campanhas article header{display:flex;justify-content:space-between;align-items:center;gap:8px}.atd-disparo-selecao input[type=search]{margin:8px 0}.atd-disparo-grupos{max-height:280px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:5px}.atd-disparo-grupos label{display:flex;align-items:flex-start;gap:8px;padding:7px;border-bottom:1px solid var(--line)}.atd-disparo-grupos input,.atd-disparo-selecao header input{width:auto}.atd-disparo-grupos span{display:grid;min-width:0}.atd-disparo-grupos small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atd-disparo-campanhas article{padding:12px 0;border-top:1px solid var(--line)}.atd-disparo-campanhas article p{font-size:12px;margin:5px 0}@media(max-width:760px){.atd-disparo-grid{grid-template-columns:1fr}.atd-disparo-grupos{grid-template-columns:1fr}}
.atd-auto-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px 18px}.atd-auto-intro p,.atd-auto-empty p,.atd-auto-runs>p{margin:6px 0 0;color:var(--muted);font-size:13px}.atd-auto-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}.atd-auto-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;min-width:0}.atd-auto-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.atd-auto-card h3{margin:8px 0 0;font-size:16px}.atd-auto-canal{font-size:11px;color:var(--muted);text-align:right}.atd-auto-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:center;gap:12px;margin:18px 0;padding:14px;border-radius:10px;background:var(--bg)}.atd-auto-flow>div{min-width:0}.atd-auto-flow small{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.atd-auto-flow b{font-size:12px}.atd-auto-flow p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto;margin:0}.atd-auto-card footer{display:flex;gap:8px;flex-wrap:wrap}.atd-auto-empty{grid-column:1/-1;padding:36px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.atd-auto-runs{margin-top:22px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.atd-auto-runs h3{margin:0}.atd-auto-run-list{display:grid;gap:8px;margin-top:12px}.atd-auto-run-list>div{display:grid;grid-template-columns:auto minmax(100px,1fr) minmax(80px,1fr) auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:12px}.atd-auto-run-list time{color:var(--muted)}.atd-auto-run-list .atd-erro{grid-column:2/-1}.atd-auto-card .pill{display:inline-flex}
.atd-contato-resumo{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:8px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:11px;color:var(--muted)}.atd-contato-resumo span{display:flex;gap:4px}.atd-contato-resumo b{color:var(--ink)}.atd-resumo-tipo{font-weight:800;color:var(--accent)!important;text-transform:uppercase;letter-spacing:.04em}
.atd-flow-overlay{position:fixed;inset:0;z-index:10050;background:rgba(8,14,26,.76);display:flex;align-items:center;justify-content:center;padding:18px}.atd-flow-window{width:min(1500px,98vw);height:min(920px,96vh);display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35)}.atd-flow-head,.atd-flow-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.atd-flow-head h2{font-size:18px;margin:0}.atd-flow-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.atd-flow-settings{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}.atd-flow-settings label,.atd-flow-node label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700}.atd-flow-settings input,.atd-flow-settings select,.atd-flow-node input,.atd-flow-node select,.atd-flow-node textarea{min-width:0;width:100%;font:inherit;font-size:12px}.atd-flow-body{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0}.atd-flow-palette{padding:14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.atd-flow-palette>b{font-size:12px;margin-bottom:4px}.atd-flow-palette button{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--ink);cursor:pointer}.atd-flow-palette button:hover{border-color:var(--accent);background:var(--accent-soft)}.atd-flow-palette p{font-size:11px;color:var(--muted);line-height:1.5}.atd-flow-stage{overflow:auto;position:relative;background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;min-width:0;min-height:0}.atd-flow-space{position:relative;width:2300px;height:1500px}.atd-flow-svg{position:absolute;inset:0;overflow:visible;pointer-events:none}.atd-flow-svg marker path{fill:#75829a}.atd-flow-edge{fill:none;stroke:#75829a;stroke-width:2.5}.atd-flow-node{position:absolute;width:260px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;background:var(--surface);box-shadow:0 5px 18px rgba(15,23,42,.13);z-index:1}.atd-flow-mensagem{border-top-color:#258c61}.atd-flow-condicao{border-top-color:#d28b1d}.atd-flow-espera{border-top-color:#617ac7}.atd-flow-fim{border-top-color:#bd5361}.atd-flow-gatilho{border-top-color:#8a56c5}.atd-flow-node-head{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:800;font-size:12px;cursor:grab;touch-action:none}.atd-flow-gatilho .atd-flow-node-head{cursor:default}.atd-flow-node-head button{border:0;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}.atd-flow-node-body{display:grid;gap:8px;padding:11px}.atd-flow-node-body small,.atd-flow-node-body>small{font-size:10px;color:var(--muted);line-height:1.4}.atd-flow-node textarea{resize:vertical;min-height:72px}.atd-flow-outs{display:grid;gap:7px;padding:0 11px 11px}.atd-flow-outs label{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.atd-flow-wait{display:flex;gap:7px}.atd-flow-wait input{max-width:80px}.atd-flow-foot{border-top:1px solid var(--line);border-bottom:0}.atd-flow-foot>div{display:flex;gap:8px}.atd-flow-foot>span{font-size:11px}.atd-auto-flow p{margin:0}.atd-auto-run-list .pill{justify-self:start}
@media(max-width:850px){.atd-flow-overlay{padding:0}.atd-flow-window{width:100vw;height:100dvh;border-radius:0}.atd-flow-settings{grid-template-columns:1fr 1fr}.atd-flow-body{grid-template-columns:155px minmax(0,1fr)}.atd-flow-palette{padding:8px}.atd-flow-palette button{font-size:11px;padding:7px}.atd-flow-head,.atd-flow-foot{padding:10px}}
.atd-ficha-oportunidade{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line,#e5e7eb)}