.integracoes{display:grid;gap:16px}.integracoes__estado{color:var(--tinta-suave);margin:0}.integracoes__estado--falha{display:grid;gap:12px;justify-items:start}.integracoes__filtros{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px}.integracoes__busca{display:flex;flex:1 1 240px;max-width:320px;position:relative;align-items:center}.integracoes__busca>svg{position:absolute;left:12px;color:var(--tinta-mais-suave);pointer-events:none}.integracoes__busca-entrada{width:100%;min-height:43px;border:1px solid var(--borda);border-radius:7px;background:var(--superficie);color:var(--tinta);padding:9px 12px 9px 36px;font-size:12px}.integracoes__busca-entrada::placeholder{color:var(--tinta-desbotada);opacity:1}.integracoes__busca-entrada:focus{border-color:var(--acao);outline:none}.integracoes__chips{display:flex;flex-wrap:wrap;gap:8px}.integracoes__chip{min-height:28px;border:1px solid var(--linha);border-radius:20px;background:var(--superficie);color:var(--tinta-suave);padding:5px 12px;font-size:11px;font-weight:600;cursor:pointer}.integracoes__chip:hover{border-color:var(--borda)}.integracoes__chip[aria-pressed=true]{border-color:var(--borda);background:var(--acao-suave);color:var(--acao)}.integracoes__painel{background:var(--superficie);border:1px solid var(--linha);border-radius:12px;overflow:hidden}.integracoes__rolagem{overflow-x:auto}.integracoes__tabela{border-collapse:collapse;font-size:12px;width:100%}.integracoes__tabela th{border-bottom:1px solid var(--linha);color:var(--tinta-suave);font-size:11px;font-weight:700;letter-spacing:.9px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.integracoes__tabela td{border-bottom:1px solid var(--superficie-suave);color:var(--tinta);padding:13px 14px;vertical-align:middle}.integracoes__tabela tbody tr:hover{background:var(--superficie-realce)}.integracao__selo{align-items:center;background:var(--papel);border:1px solid var(--linha);border-radius:10px;color:var(--tinta-suave);display:flex;font-size:19px;font-weight:800;height:44px;justify-content:center;width:44px}.integracao__selo img{height:24px;object-fit:contain;width:24px}.integracao__selo-icone{color:var(--acao)}.integracoes__celula-logo{width:1%}.integracoes__celula-nome{color:var(--tinta);font-size:13px;font-weight:650;white-space:nowrap}.integracoes__celula-descricao{color:var(--tinta);line-height:1.5;max-width:380px}.integracoes__celula-status{display:grid;gap:4px;justify-items:start}.integracoes__celula-acao{text-align:right}.integracoes__celula-acao .botao{white-space:nowrap}.integracoes__nota-status{color:var(--tinta-suave);display:block;font-size:11px;line-height:1.5}.integracao-badge{border-radius:999px;font-size:11px;font-weight:700;padding:5px 10px}.integracao-badge--conectado{background:var(--sucesso-suave);color:var(--sucesso-tinta)}.integracao-badge--embreve,.integracao-badge--pendente{background:var(--acao-suave);color:var(--acao-suave-tinta)}.integracoes__nota{color:var(--tinta-suave);font-size:12px;margin:0}.integracoes__vazio{border:1px solid var(--linha);border-radius:12px;background:var(--superficie);color:var(--tinta-suave);font-size:13px;padding:18px;display:grid;gap:12px;justify-items:start}.integracao-pagina__voltar{color:var(--acao);font-size:12px;font-weight:600}.integracao-pagina__voltar:hover{text-decoration:underline}.integracao-pagina__titulo{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:0 0 4px}.integracao-pagina__titulo h2{margin:0}