/* ===== Atendimento WhatsApp: cara de WhatsApp, cores da Só Telas ===== */
:root {
  --wa-fundo: #15132a; --wa-topo: #1f1c37; --wa-entra: #2a2748; --wa-sai: #7a2246; --wa-sai-2: #631c3b; --wa-azul: #53bdeb;
  --wa-papel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23ffffff' stroke-opacity='.035' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='12' width='22' height='38' rx='5'/%3E%3Cpath d='M22 17h6M25 45v.1M18 28l5 4-3 5 6 3'/%3E%3Cpath d='M104 22a14 14 0 1 1-6 26l-8 2 2-7a14 14 0 0 1 12-21z'/%3E%3Cpath d='M64 96l10-10 4 4-10 10zM60 104l4-4'/%3E%3Ccircle cx='132' cy='110' r='9'/%3E%3Cpath d='M128 106l8 8M136 106l-8 8'/%3E%3Cpath d='M30 120l3 6 6 3-6 3-3 6-3-6-6-3 6-3z'/%3E%3Cpath d='M118 148l14-10M96 138c4-6 10-6 14 0'/%3E%3C/svg%3E");
}
.main:has(> .view[data-rota=atendimento]) { padding-top: 12px; padding-bottom: 12px; max-width: none; }
body:has(.wa) .ajuda-flut { display: none; }

.wa { display: grid; grid-template-columns: 60px minmax(300px, 390px) 1fr; height: calc(100dvh - 38px); min-height: 480px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--panel); box-shadow: 0 24px 60px -30px rgba(0,0,0,.7); }
.wa.com-info.com-chat { grid-template-columns: 60px minmax(300px, 390px) 1fr 360px; }
.wa-info { display: none; }
.wa.com-info.com-chat .wa-info { display: flex; }

/* ---------- lista ---------- */
.wa-lista { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--line); background: linear-gradient(180deg, #1d1a33, var(--panel) 30%); }
.wa-lista-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 16px 10px; }
.wa-titulo { display: grid; gap: 2px; }
.wa-titulo h1 { font-size: 1.3rem; }
.wa-botoes { display: flex; gap: 6px; }
.wa-con { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: lowercase; }
.wa-con i { width: 8px; height: 8px; border-radius: 50%; background: var(--dim); }
.wa-con.conectado i { background: var(--c-ok); box-shadow: 0 0 0 3px rgba(52,211,153,.18); }
.wa-con.qr i, .wa-con.conectando i { background: var(--c-warn); animation: wa-pisca 1.2s infinite; }
.wa-con.desconectado { color: var(--c-bad); } .wa-con.desconectado i { background: var(--c-bad); }
@keyframes wa-pisca { 50% { opacity: .3; } }
.wa-treino { display: flex; align-items: center; gap: 6px; margin: 0 16px 8px; padding: 6px 10px; border-radius: 10px; background: rgba(245,185,66,.08); border: 1px dashed rgba(245,185,66,.35); color: #f3d79a; font-size: .74rem; font-weight: 600; }
.wa-busca { position: relative; display: block; margin: 0 16px 10px; }
.wa-busca svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--dim); }
.wa-busca input { padding: 9px 12px 9px 36px; border-radius: 12px; background: var(--panel-2); font-size: .88rem; }
.wa-abas { display: flex; gap: 2px; margin: 0 16px; padding: 3px; border-radius: 12px; background: var(--bg); border: 1px solid var(--line); }
.wa-abas button { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 6px 4px; border: 0; border-radius: 9px; background: none; color: var(--muted); font-size: .8rem; font-weight: 700; cursor: pointer; transition: .15s; white-space: nowrap; }
.wa-abas button.on { background: rgba(230,52,88,.16); color: #fff; }
.wa-n { min-width: 18px; padding: 0 5px; border-radius: 99px; background: var(--panel-3); color: var(--muted); font-size: .66rem; line-height: 18px; }
.wa-n.alerta { background: var(--acc); color: #fff; }
.wa-chips { display: flex; gap: 6px; padding: 10px 16px 8px; overflow-x: auto; scrollbar-width: none; }
.wa-chips::-webkit-scrollbar { display: none; }
.wa-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 99px; border: 1px solid var(--line-2); background: transparent; color: var(--muted); font-size: .74rem; font-weight: 600; cursor: pointer; white-space: nowrap; }
.wa-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--c); }
.wa-chip b { padding: 0 5px; border-radius: 99px; background: var(--c, var(--acc)); color: #fff; font-size: .64rem; line-height: 15px; }
.wa-chip.on { border-color: var(--c, var(--acc)); color: #fff; background: color-mix(in srgb, var(--c, var(--acc)) 16%, transparent); }
.wa-itens { flex: 1; overflow-y: auto; padding: 2px 8px 12px; overscroll-behavior: contain; }
.wa-itens::-webkit-scrollbar, .wa-msgs::-webkit-scrollbar, .wa-info::-webkit-scrollbar { width: 8px; }
.wa-itens::-webkit-scrollbar-thumb, .wa-msgs::-webkit-scrollbar-thumb, .wa-info::-webkit-scrollbar-thumb { background: #34305a; border-radius: 8px; }
.wa-item { display: flex; gap: 12px; width: 100%; padding: 10px; border: 0; border-radius: 14px; background: none; color: inherit; text-align: left; cursor: pointer; transition: background .15s; position: relative; }
.wa-item:hover { background: rgba(255,255,255,.04); }
.wa-item.on { background: rgba(230,52,88,.12); box-shadow: inset 3px 0 0 var(--acc); }
.wa-av { flex: none; display: grid; place-items: center; border-radius: 50%; font-weight: 800; color: #fff; background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--av) 85%, #fff 15%), color-mix(in srgb, var(--av) 70%, #000 30%)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); letter-spacing: .02em; }
.wa-it { flex: 1; min-width: 0; display: grid; gap: 2px; }
.wa-l1, .wa-l2, .wa-l3 { display: flex; align-items: center; gap: 6px; min-width: 0; }
.wa-l1 strong { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .93rem; }
.wa-l1 time { flex: none; font-size: .7rem; color: var(--dim); }
.wa-item.nova .wa-l1 time { color: var(--acc-2); font-weight: 700; }
.wa-l2 { color: var(--muted); font-size: .82rem; }
.wa-l2 > svg { color: var(--dim); }
.wa-prev { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-item.nova .wa-prev { color: var(--text); font-weight: 600; }
.wa-badge { flex: none; min-width: 20px; padding: 0 6px; border-radius: 99px; background: var(--acc); color: #fff; font-size: .7rem; line-height: 20px; text-align: center; box-shadow: 0 0 0 3px rgba(230,52,88,.15); }
.wa-l3 small { font-size: .7rem; color: var(--dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-l3 small.espera { color: var(--c-warn); font-weight: 700; }
.wa-tag { flex: none; display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; border-radius: 6px; font-size: .66rem; font-weight: 700; line-height: 17px; color: var(--c); background: color-mix(in srgb, var(--c) 14%, transparent); }
.wa-vazio-lista { display: grid; justify-items: center; gap: 8px; padding: 48px 20px; text-align: center; color: var(--muted); }
.wa-vazio-lista svg { color: var(--dim); }

/* ---------- conversa ---------- */
.wa-chat { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--wa-papel) repeat, radial-gradient(circle at 70% 0%, rgba(230,52,88,.07), transparent 55%), var(--wa-fundo); }
.wa-chat-topo { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: color-mix(in srgb, var(--wa-topo) 92%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); z-index: 2; }
.wa-voltar { display: none; }
.wa-quem { flex: 1; min-width: 0; display: flex; align-items: center; gap: 11px; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; padding: 2px; border-radius: 12px; }
.wa-quem > span { min-width: 0; display: grid; }
.wa-quem strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-quem small { color: var(--muted); font-size: .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-acoes { display: flex; gap: 6px; align-items: center; }
.icon-btn.ativo { color: var(--acc-2); border-color: rgba(230,52,88,.5); }
.wa-msgs { flex: 1; overflow-y: auto; padding: 16px clamp(12px, 5%, 64px) 10px; display: flex; flex-direction: column; gap: 2px; overscroll-behavior: contain; }
.wa-antigas { align-self: center; margin-bottom: 8px; padding: 5px 12px; border-radius: 99px; border: 1px solid var(--line-2); background: var(--panel); color: var(--muted); font-size: .76rem; cursor: pointer; }
.wa-dia { align-self: center; margin: 12px 0 6px; position: sticky; top: 0; z-index: 1; }
.wa-dia span { display: inline-block; padding: 4px 12px; border-radius: 9px; background: #23203d; color: var(--muted); font-size: .72rem; font-weight: 700; box-shadow: 0 2px 8px rgba(0,0,0,.25); text-transform: capitalize; }
.wa-sis { align-self: center; margin: 6px 0; max-width: 85%; text-align: center; }
.wa-sis span { display: inline-block; padding: 4px 11px; border-radius: 9px; background: rgba(96,165,250,.08); border: 1px solid rgba(96,165,250,.16); color: #b9d4fb; font-size: .72rem; }
.wa-b { position: relative; max-width: min(72%, 560px); padding: 6px 9px 6px 10px; border-radius: 12px; font-size: .9rem; line-height: 1.42; word-wrap: break-word; overflow-wrap: anywhere; box-shadow: 0 1px 1.5px rgba(0,0,0,.3); margin-top: 6px; animation: wa-entra .18s var(--ease) both; }
.wa-b.seguida { margin-top: 2px; }
@keyframes wa-entra { from { opacity: 0; transform: translateY(6px) scale(.98); } }
.wa-b.entra { align-self: flex-start; background: var(--wa-entra); border-top-left-radius: 4px; }
.wa-b.sai { align-self: flex-end; background: linear-gradient(160deg, var(--wa-sai), var(--wa-sai-2)); border-top-right-radius: 4px; color: #fff; }
.wa-b.seguida.entra { border-top-left-radius: 12px; } .wa-b.seguida.sai { border-top-right-radius: 12px; }
.wa-b.entra:not(.seguida)::before, .wa-b.sai:not(.seguida)::before { content: ''; position: absolute; top: 0; width: 10px; height: 12px; }
.wa-b.entra:not(.seguida)::before { left: -7px; background: var(--wa-entra); clip-path: polygon(100% 0, 0 0, 100% 100%); }
.wa-b.sai:not(.seguida)::before { right: -7px; background: var(--wa-sai); clip-path: polygon(0 0, 100% 0, 0 100%); }
.wa-txt { white-space: normal; }
.wa-txt::after { content: ''; display: inline-block; width: 64px; } /* espaço para hora + risquinhos */
.wa-b.entra .wa-txt::after { width: 40px; }
.wa-txt a { color: var(--wa-azul); } .wa-b.sai .wa-txt a { color: #ffd2dc; }
.wa-txt code { padding: 1px 5px; border-radius: 5px; background: rgba(0,0,0,.25); font-family: ui-monospace, Consolas, monospace; font-size: .84em; }
.wa-autor { display: flex; align-items: center; gap: 4px; margin-bottom: 1px; font-size: .74rem; font-weight: 800; color: #ffb3c3; }
.wa-autor.robo { color: #ffd59a; }
.wa-meta { position: absolute; right: 8px; bottom: 4px; display: inline-flex; align-items: center; gap: 3px; font-size: .66rem; color: rgba(255,255,255,.6); }
.wa-b.entra .wa-meta { color: var(--dim); }
.wa-tk { display: inline-grid; color: rgba(255,255,255,.65); }
.wa-tk.lida { color: var(--wa-azul); }
.wa-tk.falha { color: #ffb4b4; }
.wa-b.so-midia { padding: 4px; }
.wa-b.so-midia .wa-meta { right: 10px; bottom: 8px; padding: 1px 6px; border-radius: 8px; background: rgba(0,0,0,.45); color: #fff; }
.wa-img { display: block; max-width: 100%; max-height: 340px; min-width: 120px; border-radius: 9px; cursor: zoom-in; object-fit: cover; background: rgba(0,0,0,.2); }
.wa-img.fig { max-height: 160px; background: none; }
.wa-b:not(.so-midia) .wa-img, .wa-b:not(.so-midia) .wa-doc, .wa-b:not(.so-midia) audio, .wa-b:not(.so-midia) .wa-vid { margin-bottom: 4px; }
.wa-vid { display: block; max-width: 100%; max-height: 340px; border-radius: 9px; }
.wa-b audio { display: block; width: min(300px, 62vw); height: 40px; }
.wa-doc { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.2); color: inherit; text-decoration: none; min-width: 220px; }
.wa-doc span { flex: 1; display: grid; min-width: 0; } .wa-doc strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; } .wa-doc small { opacity: .7; font-size: .7rem; }
.wa-midia-ph { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.18); color: var(--muted); font-size: .8rem; margin-bottom: 4px; }
.wa-falha { align-self: flex-end; display: grid; justify-items: end; gap: 4px; max-width: min(72%, 560px); }
.wa-falha .wa-b { max-width: 100%; opacity: .75; }
.wa-falha-t { display: flex; align-items: center; gap: 6px; color: var(--c-bad); font-size: .74rem; }
.wa-nota { align-self: center; width: min(78%, 620px); margin: 8px 0; padding: 8px 12px; border-radius: 12px; background: rgba(245,185,66,.09); border: 1px dashed rgba(245,185,66,.4); color: #f6e2b3; font-size: .86rem; }
.wa-nota-t { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; color: #f5b942; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.wa-nota-t time { margin-left: auto; font-weight: 600; color: rgba(245,185,66,.7); }
.wa-carregando { margin: auto; color: var(--muted); }

/* ---------- campo de mensagem ---------- */
.wa-rodape { display: grid; gap: 8px; padding: 8px 14px 12px; background: color-mix(in srgb, var(--wa-topo) 88%, transparent); border-top: 1px solid var(--line); }
.wa-compor { position: relative; display: flex; align-items: flex-end; gap: 8px; }
.wa-compor[hidden] { display: none; }
.wa-campo { flex: 1; display: flex; align-items: flex-end; gap: 2px; padding: 4px; border-radius: 22px; background: var(--panel-2); border: 1px solid var(--line-2); transition: border-color .2s, background .2s; }
.wa-campo:focus-within { border-color: rgba(230,52,88,.55); }
.wa-campo .icon-btn { border: 0; background: none; border-radius: 50%; width: 36px; height: 36px; }
.wa-campo .icon-btn[hidden] { display: none; }
.wa-campo textarea { flex: 1; min-height: 36px; max-height: 160px; padding: 8px 6px; border: 0; background: none; resize: none; line-height: 1.4; box-shadow: none; font-size: .92rem; }
.wa-campo textarea:focus { box-shadow: none; }
.wa-compor.nota .wa-campo { background: rgba(245,185,66,.08); border-color: rgba(245,185,66,.45); }
.wa-compor.nota .wa-enviar { background: linear-gradient(180deg, #f5b942, #d99a1e); color: #2a1d00; }
.wa-enviar { flex: none; width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: linear-gradient(180deg, #f0486b, #d62b50); color: #fff; cursor: pointer; box-shadow: 0 6px 18px -6px rgba(230,52,88,.7); transition: transform .15s, filter .15s; }
.wa-enviar:hover { filter: brightness(1.08); } .wa-enviar:active { transform: scale(.94); } .wa-enviar:disabled { opacity: .5; }
.wa-rapidas { position: absolute; left: 0; right: 54px; bottom: calc(100% + 8px); display: grid; gap: 2px; padding: 6px; max-height: 300px; overflow: auto; border-radius: 14px; background: #221f3c; border: 1px solid var(--line-2); box-shadow: 0 18px 40px -12px rgba(0,0,0,.8); z-index: 5; }
.wa-rapidas[hidden] { display: none; }
.wa-rapidas > button { display: grid; gap: 1px; padding: 8px 10px; border: 0; border-radius: 10px; background: none; color: var(--text); text-align: left; cursor: pointer; }
.wa-rapidas > button b { color: var(--acc-2); font-size: .8rem; }
.wa-rapidas > button span { color: var(--muted); font-size: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-rapidas > button.on, .wa-rapidas > button:hover { background: rgba(230,52,88,.12); }
.wa-rapidas > .wa-rapidas-ed { display: flex; align-items: center; gap: 6px; color: var(--dim); font-size: .74rem; border-top: 1px solid var(--line); border-radius: 0 0 10px 10px; }
.wa-rapidas-vazio { padding: 8px 10px; color: var(--muted); font-size: .82rem; }
.link { border: 0; background: none; padding: 0; color: var(--acc-2); text-decoration: underline; cursor: pointer; font: inherit; }
.wa-emojis { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; padding: 8px; }
.wa-emojis button { border: 0; background: none; font-size: 1.3rem; padding: 4px; border-radius: 8px; cursor: pointer; }
.wa-emojis button:hover { background: rgba(255,255,255,.08); }
.wa-aviso { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; padding: 9px 12px; border-radius: 12px; background: rgba(96,165,250,.08); border: 1px solid rgba(96,165,250,.22); color: #c6dcfb; font-size: .84rem; }
.wa-aviso span { flex: 1; min-width: 180px; }
.wa-simula { display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 12px; border-radius: 12px; background: rgba(245,185,66,.07); border: 1px dashed rgba(245,185,66,.35); color: #f3d79a; font-size: .78rem; font-weight: 600; }
.wa-simula input { flex: 1; padding: 6px 10px; font-size: .84rem; }
.wa-simula span { white-space: nowrap; }
.wa-previa { max-width: 100%; max-height: 50vh; border-radius: 12px; display: block; margin: 0 auto; }
.wa-foto { cursor: zoom-out; display: grid; place-items: center; align-content: center; gap: 10px; }
.wa-foto img { max-width: 94vw; max-height: 86vh; border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
.wa-foto p { color: #fff; margin: 0; }
.wa-check { display: flex; align-items: center; gap: 9px; font-size: .86rem; font-weight: 500; color: var(--text); cursor: pointer; }
.wa-check input { width: 17px; height: 17px; }

/* ---------- boas-vindas / desligado ---------- */
.wa-boas { margin: auto; max-width: 440px; padding: 30px; display: grid; justify-items: center; gap: 10px; text-align: center; }
.wa-boas img { width: min(220px, 60%); filter: drop-shadow(0 10px 30px rgba(230,52,88,.3)); margin-bottom: 6px; }
.wa-boas ul { margin: 10px 0 0; padding: 14px 18px; list-style: none; display: grid; gap: 6px; border-radius: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--line); color: var(--muted); font-size: .82rem; text-align: left; }
.wa-boas b { color: var(--acc-2); }
.wa-desligado { min-height: calc(100dvh - 60px); display: grid; }

/* ---------- ficha do contato ---------- */
.wa-info { flex-direction: column; gap: 4px; min-height: 0; overflow-y: auto; border-left: 1px solid var(--line); background: var(--panel); padding-bottom: 20px; }
.wa-info-topo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); font-weight: 700; position: sticky; top: 0; background: var(--panel); z-index: 1; }
.wa-info-id { display: grid; justify-items: center; gap: 4px; padding: 20px 16px 12px; text-align: center; }
.wa-info-id strong { font-size: 1.1rem; margin-top: 6px; }
.wa-bloco { padding: 12px 16px; border-top: 1px solid var(--line); display: grid; gap: 8px; }
.wa-bloco h3 { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.wa-bloco .sub { margin: 0; }
.wa-cli { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.wa-cli strong { flex: 1; }
.wa-os { display: grid; gap: 4px; }
.wa-os-l { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel-2); color: inherit; text-align: left; cursor: pointer; }
.wa-os-l:hover { border-color: rgba(230,52,88,.4); }
.wa-os-l > span:first-child { display: grid; min-width: 0; } .wa-os-l strong { font-size: .84rem; } .wa-os-l small { color: var(--muted); font-size: .72rem; }
.wa-os-d { display: grid; justify-items: end; gap: 2px; flex: none; }
.wa-hist { display: grid; gap: 4px; }
.wa-hist-l { display: flex; align-items: center; gap: 8px; font-size: .8rem; color: var(--muted); padding: 4px 6px; border-radius: 8px; }
.wa-hist-l.on { background: rgba(230,52,88,.1); color: var(--text); }
.wa-hist-l small { margin-left: auto; }

/* ---------- transferir ---------- */
.wa-setores-esc { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; }
.wa-setor-b { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line-2); background: var(--panel-2); color: var(--text); text-align: left; cursor: pointer; font: inherit; }
.wa-setor-b i { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 25%, transparent); }
.wa-setor-b span { display: grid; } .wa-setor-b small { color: var(--muted); font-size: .72rem; font-weight: 500; }
.wa-setor-b.on { border-color: var(--c); background: color-mix(in srgb, var(--c) 14%, var(--panel-2)); }

/* ---------- configuração ---------- */
.wa-cfg-in { display: grid; gap: 16px; }
.wa-cfg [hidden] { display: none !important; }
.wa-cfg .grade2 { align-items: start; }
.wa-cfg h4 { margin: 10px 0 0; font-size: .86rem; color: var(--acc-2); }
.wa-copia { display: flex; gap: 6px; } .wa-copia input { font-family: ui-monospace, Consolas, monospace; font-size: .78rem; }
.wa-status { display: grid; gap: 12px; }
.wa-status-l { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.wa-status-l .tools { margin-left: auto; }
.wa-qr { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.wa-qr img { width: 240px; height: 240px; padding: 10px; border-radius: 14px; background: #fff; }
.wa-qr ol { flex: 1; min-width: 200px; margin: 0; padding-left: 20px; display: grid; gap: 8px; color: var(--muted); font-size: .88rem; }
.wa-qr b { color: var(--text); }
.wa-setores-cfg { display: grid; gap: 8px; }
.wa-setor-cfg { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--panel-2); border-left: 4px solid var(--c); }
.wa-setor-n { flex: none; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--c) 20%, transparent); color: var(--c); font-weight: 800; font-size: .82rem; }
.wa-membros-l { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.wa-setor-cfg .icon-btn[disabled] { opacity: .3; pointer-events: none; }
.wa-cores { display: flex; gap: 8px; flex-wrap: wrap; }
.wa-cores button { width: 30px; height: 30px; border-radius: 50%; border: 2px solid transparent; background: var(--c); cursor: pointer; box-shadow: inset 0 0 0 2px rgba(0,0,0,.25); }
.wa-cores button.on { border-color: #fff; box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 40%, transparent); }
.wa-membros { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--panel-2); border: 1px solid var(--line); }
.wa-rap-lista { display: grid; gap: 6px; }
.wa-rap-l { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: var(--panel-2); border: 1px solid var(--line); }
.wa-rap-l b { flex: none; color: var(--acc-2); font-size: .84rem; }
.wa-rap-l span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: .84rem; }
.wa-resumo-cfg { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--muted); font-size: .84rem; }
.wa-resumo-cfg strong { color: var(--text); }

/* contador no menu lateral */
.links a { position: relative; }
.nav-n { position: absolute; top: 4px; right: 10px; min-width: 18px; padding: 0 5px; border-radius: 99px; background: var(--acc); color: #fff; font-size: .62rem; line-height: 18px; text-align: center; font-weight: 800; box-shadow: 0 0 0 2px var(--panel); }
.nav-n.fila { background: var(--c-warn); color: #2a1d00; }
.nav-n[hidden] { display: none; }

/* Recursos humanos do chat: ações, resposta, áudio, busca e impressão. */
.wa-b { position: relative; overflow-wrap: anywhere; word-break: normal; padding-right: 32px; }
.wa-msg-menu { position:absolute;right:4px;top:3px;border:0;border-radius:8px;background:var(--card,#26213c);color:inherit;cursor:pointer;min-width:26px;min-height:26px;opacity:.7;font-size:19px; }
.wa-b:hover .wa-msg-menu,.wa-msg-menu:focus-visible { opacity:1; }
.wa-citada { display:flex;flex-direction:column;gap:4px;border:0;border-left:3px solid #a48af5;background:rgba(0,0,0,.17);color:inherit;padding:8px 10px;border-radius:7px;cursor:pointer;text-align:left;max-width:100%;margin:2px 0 7px; }
.wa-citada span { white-space:pre-wrap;max-height:60px;overflow:hidden;font-size:12px; }
.wa-citada b { font-size:11px;color:#cbbbf7; }
.wa-reply-compose { display:flex;gap:12px;align-items:center;justify-content:space-between;background:#29223d;border-left:3px solid #a48af5;padding:9px 12px;margin:0 12px;border-radius:8px; }
.wa-reply-compose>span { display:grid;gap:4px;min-width:0; }
.wa-reply-compose small { display:block;max-height:45px;overflow:hidden;white-space:pre-wrap; }
.wa-reply-compose[hidden],.wa-gravando[hidden] { display:none; }
.wa-encaminhada,.wa-removida,.wa-editada { display:block;opacity:.75;font-size:10px;margin:4px 0; }
.wa-removida { color:#e9b693; }
.wa-reacoes { display:flex;gap:3px;margin-top:4px; }
.wa-reacoes span { border:1px solid #7d6a96;border-radius:12px;padding:2px 7px;background:#241f36; }
.wa-audio { display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:100%; }
.wa-audio audio { width:240px;max-width:100%; }
.wa-audio a { font-size:11px; }
.wa-forward-list { display:grid;gap:7px;max-height:300px;overflow:auto; }
.wa-forward-list label { display:flex;align-items:center;gap:10px;padding:8px; }
.wa-gravando { display:flex;align-items:center;gap:10px;padding:10px;flex-wrap:wrap;color:#ef8c9e; }
.wa-gravando span { font-variant-numeric:tabular-nums; }
.wa-doc-view iframe { width:100%;height:65vh;border:0;border-radius:8px;background:#fff; }
.wa-doc-view { display:grid;gap:12px; }
.wa-print-filtros { display:flex;gap:16px; }
.wa-impressao { padding:20px;border:1px solid #554b6c;max-height:50vh;overflow:auto; }
.wa-print-msg { padding:8px 12px;margin:8px 0;border-left:3px solid #999;white-space:pre-wrap;break-inside:avoid; }
.wa-print-msg.out { border-color:#8d71cf; }
.wa-print-msg.nota { border-color:#dda93b; }
@media print {
  body.wa-print-mode * { visibility:hidden !important; }
  body.wa-print-mode .wa-impressao,body.wa-print-mode .wa-impressao * { visibility:visible !important; }
  body.wa-print-mode .wa-impressao { position:absolute;left:0;top:0;width:100%;max-height:none;overflow:visible;background:white;color:#111;border:0; }
  body.wa-print-mode .overlay { position:absolute;display:block;overflow:visible;background:white; }
  body.wa-print-mode .modal { overflow:visible;max-height:none;box-shadow:none; }
}

@media (max-width: 1180px) {
  .wa.com-info.com-chat { grid-template-columns: 60px minmax(280px, 340px) 1fr; }
  .wa.com-info.com-chat .wa-info { position: absolute; right: 0; top: 0; bottom: 0; width: min(360px, 92vw); z-index: 6; box-shadow: -20px 0 50px rgba(0,0,0,.5); }
  .wa { position: relative; }
}
@media (max-width: 860px) {
  .main:has(> .view[data-rota=atendimento]) { padding: 8px 8px 8px; }
  .wa { grid-template-columns: 1fr !important; height: calc(100dvh - 146px - env(safe-area-inset-bottom)); min-height: 360px; border-radius: 14px; }
  .wa { grid-template-rows: auto 1fr; }
  .wa-trilho { flex-direction: row; justify-content: space-around; padding: 4px 6px; border-right: 0; border-bottom: 1px solid var(--line); }
  .wa-trilho .grow { display: none; }
  .wa.com-chat .wa-trilho { display: none; }
  .wa.com-chat { grid-template-rows: 1fr; }
  .shell:has(.wa) { padding-bottom: 0; }
  .wa .wa-chat { display: none; }
  .wa.com-chat .wa-lista { display: none; }
  .wa.com-chat .wa-chat { display: flex; }
  .wa-voltar { display: grid; }
  .wa-msgs { padding: 12px 10px 8px; }
  .wa-b, .wa-falha { max-width: 86%; }
  .wa-acoes .btn.peq { padding: 6px 9px; }
  .wa-simula span { display: none; }
  .wa.com-info.com-chat .wa-info { width: 100%; }
  .nav-n { right: 4px; }
}

/* ===== recursos trazidos do Plansul Connect ===== */
.wa-trilho { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 0 12px; background: #17152b; border-right: 1px solid var(--line); }
.wa-trilho button { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; transition: background .15s, color .15s; }
.wa-trilho button:hover { background: rgba(255,255,255,.06); color: var(--text); }
.wa-trilho button.on { background: rgba(230,52,88,.16); color: var(--acc-2); }
.wa-trilho button b { position: absolute; top: 2px; right: 0; min-width: 17px; padding: 0 4px; border-radius: 99px; background: var(--acc); color: #fff; font-size: .6rem; line-height: 17px; }
.wa-busca-l { display: flex; gap: 6px; align-items: center; margin: 0 16px 10px; }
.wa-busca-l .wa-busca { flex: 1; margin: 0; }
.wa-busca-l .icon-btn { flex: none; }
.wa-subs { display: flex; gap: 6px; padding: 8px 16px 0; overflow-x: auto; scrollbar-width: none; }
.wa-subs[hidden], .wa-abas[hidden], .wa-chips[hidden], .wa-busca-l[hidden] { display: none; }
.wa-subs button { flex: none; padding: 4px 11px; border-radius: 99px; border: 0; background: var(--panel-2); color: var(--muted); font-size: .74rem; font-weight: 700; cursor: pointer; }
.wa-subs button.on { background: rgba(52,211,153,.16); color: #a6efd0; }
.wa-chip svg { margin-left: 2px; }
.wa-pino { color: var(--dim); display: inline-grid; }
.wa-dig { color: #7ee2b0 !important; font-style: italic; }
.wa-espera { display: inline-flex; align-items: center; gap: 3px; color: var(--muted) !important; font-weight: 700; }
.wa-espera.quase { color: var(--c-warn) !important; }
.wa-espera.estourou { color: #ff6b85 !important; animation: wa-pisca 1.6s infinite; }
.wa-etq { display: inline-flex; align-items: center; gap: 4px; padding: 1px 8px; border-radius: 99px; background: rgba(167,139,250,.14); color: #d4c8ff; font-size: .72rem; font-weight: 700; }
.wa-etq.mini { font-size: .62rem; padding: 0 6px; line-height: 16px; }
.wa-etq button { border: 0; background: none; color: inherit; padding: 0; cursor: pointer; display: grid; opacity: .7; }
.wa-etq button:hover { opacity: 1; }
.wa-badge.nova { background: var(--c-warn); color: #2a1d00; box-shadow: none; font-size: .62rem; text-transform: uppercase; }
.wa-item.destaque { background: linear-gradient(90deg, rgba(245,185,66,.08), transparent 70%); }
.wa-l3 { flex-wrap: nowrap; overflow: hidden; }
.wa-av { position: relative; overflow: hidden; }
.wa-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wa-quem-t { min-width: 0; display: grid; }
.wa-quem-t strong { display: flex; align-items: center; gap: 8px; overflow: hidden; white-space: nowrap; }
.wa-pres { color: #7ee2b0; font-weight: 700; }
.wa-busca-chat { width: 220px; padding: 6px 10px; font-size: .84rem; }
.wa-busca-chat[hidden] { display: none; }
.wa-msgs mark { background: rgba(245,185,66,.55); color: #fff; border-radius: 3px; padding: 0 1px; }
.wa-chat.soltar::after { content: 'Solte para enviar'; position: absolute; inset: 10px; display: grid; place-items: center; border: 2px dashed var(--acc); border-radius: 16px; background: rgba(20,18,37,.85); color: #fff; font-size: 1.2rem; font-weight: 800; z-index: 9; }
.wa-cripto { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; color: var(--dim); font-size: .72rem; }

/* citação (responder em cima de uma mensagem) */
.wa-cita { display: grid; gap: 1px; width: 100%; margin: 2px 0 5px; padding: 6px 10px; border: 0; border-left: 4px solid #7ee2b0; border-radius: 8px; background: rgba(0,0,0,.2); color: inherit; text-align: left; cursor: pointer; font: inherit; }
.wa-cita.loja { border-left-color: var(--acc-2); }
.wa-cita strong { font-size: .76rem; color: #7ee2b0; }
.wa-cita.loja strong { color: #ffb3c3; }
.wa-cita span { font-size: .8rem; opacity: .85; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wa-resp { display: flex; align-items: center; gap: 8px; padding: 0 4px; }
.wa-resp[hidden] { display: none; }
.wa-resp .wa-cita { margin: 0; cursor: default; }
.wa-b.pisca { animation: wa-destaca 1.5s ease; }
@keyframes wa-destaca { 0%, 60% { box-shadow: 0 0 0 3px rgba(245,185,66,.8); } }

/* ações ao passar o mouse e reações */
.wa-b-acoes { position: absolute; top: -14px; display: none; gap: 2px; padding: 3px; border-radius: 99px; background: #2b2850; border: 1px solid var(--line-2); box-shadow: 0 6px 16px rgba(0,0,0,.4); z-index: 3; }
.wa-b.entra .wa-b-acoes { right: -8px; } .wa-b.sai .wa-b-acoes { left: -8px; }
.wa-b:hover .wa-b-acoes, .wa-b:focus-within .wa-b-acoes { display: flex; }
.wa-b-acoes button { width: 26px; height: 26px; display: grid; place-items: center; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; }
.wa-b-acoes button:hover { background: rgba(255,255,255,.1); color: #fff; }
.wa-b.com-reacao { margin-bottom: 12px; }
.wa-reacoes { position: absolute; bottom: -13px; padding: 1px 6px; border-radius: 99px; background: #2b2850; border: 1px solid var(--line-2); font-size: .82rem; line-height: 1.35; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.wa-b.entra .wa-reacoes { left: 10px; } .wa-b.sai .wa-reacoes { right: 10px; }
.wa-reagir { display: flex; justify-content: space-around; padding: 6px; }
.wa-reagir button { border: 0; background: none; font-size: 1.45rem; padding: 4px; border-radius: 50%; cursor: pointer; transition: transform .12s; }
.wa-reagir button:hover { transform: scale(1.25); }
.wa-reagir button.on { background: rgba(230,52,88,.25); }

/* áudio, vídeo e documentos */
.wa-audio { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.wa-audio-ic { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.22); color: #ffd2dc; }
.wa-audio audio { width: min(260px, 56vw); height: 38px; }
.wa-vid-box { position: relative; margin-bottom: 4px; }
.wa-play { position: absolute; inset: 0; margin: auto; width: 60px; height: 60px; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; cursor: pointer; }
.wa-doc { border: 0; font: inherit; cursor: pointer; text-align: left; width: 100%; }
.wa-doc-ext { flex: none; width: 40px; height: 46px; display: grid; place-items: center; border-radius: 6px; background: #e63458; color: #fff; font-size: .62rem; font-weight: 900; letter-spacing: .03em; }
.wa-doc.grande { padding: 30px; justify-content: center; }
.wa-doc-ver { display: grid; gap: 12px; }
.wa-pdf { width: 100%; height: 70vh; border: 0; border-radius: 12px; background: #fff; }
.wa-planilha .tabela td, .wa-planilha .tabela th { white-space: nowrap; font-size: .8rem; }
.wa-planilha { max-height: 65vh; overflow: auto; }

/* gravação de áudio */
.wa-gravando { flex: 1; display: flex; align-items: center; gap: 10px; padding: 4px 12px 4px 4px; border-radius: 22px; background: var(--panel-2); border: 1px solid rgba(230,52,88,.5); min-height: 46px; }
.wa-gravando[hidden] { display: none; }
.wa-rec-dot { width: 10px; height: 10px; border-radius: 50%; background: #ff3b5c; animation: wa-pisca 1s infinite; }
.wa-rec-t { font-variant-numeric: tabular-nums; font-weight: 800; min-width: 38px; }
.wa-rec-onda { flex: 1; display: flex; align-items: center; gap: 3px; height: 24px; overflow: hidden; }
.wa-rec-onda i { flex: 1; max-width: 4px; border-radius: 2px; background: var(--acc-2); animation: wa-onda 1s ease-in-out infinite; }
.wa-rec-onda i:nth-child(3n) { animation-delay: .2s; } .wa-rec-onda i:nth-child(3n+1) { animation-delay: .45s; } .wa-rec-onda i:nth-child(4n) { animation-delay: .7s; }
@keyframes wa-onda { 0%, 100% { height: 20%; } 50% { height: 100%; } }
.wa-campo[hidden] { display: none; }

/* envio de vários arquivos */
.wa-mc { display: grid; gap: 12px; }
.wa-mc-grande { display: grid; place-items: center; min-height: 260px; max-height: 52vh; padding: 10px; border-radius: 14px; background: #100e20; overflow: hidden; }
.wa-mc-grande img, .wa-mc-grande video { max-width: 100%; max-height: 48vh; border-radius: 10px; }
.wa-mc-grande .wa-mc-ic { display: grid; justify-items: center; gap: 10px; color: var(--muted); }
.wa-mc-tira { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px; }
.wa-mc-mini { position: relative; flex: none; width: 64px; height: 64px; display: grid; place-items: center; padding: 0; border: 2px solid transparent; border-radius: 10px; background: var(--panel-2); color: var(--muted); cursor: pointer; overflow: hidden; }
.wa-mc-mini.on { border-color: var(--acc); }
.wa-mc-mini img, .wa-mc-mini video { width: 100%; height: 100%; object-fit: cover; }
.wa-mc-mini.add { border: 2px dashed var(--line-2); }
.wa-mc-x { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff; }

/* painel de números */
.wa-painel { flex: 1; overflow-y: auto; padding: 22px clamp(14px, 3vw, 34px); display: grid; gap: 16px; align-content: start; }
.wa-painel > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.wa-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.wa-kpi { display: grid; gap: 2px; padding: 14px 16px; border-radius: 14px; background: var(--panel); border: 1px solid var(--line); }
.wa-kpi span { color: var(--muted); font-size: .74rem; font-weight: 700; }
.wa-kpi strong { font-size: 1.6rem; letter-spacing: -.02em; }
.wa-kpi small { color: var(--dim); font-size: .72rem; }
.wa-kpi.ruim strong { color: var(--c-warn); } .wa-kpi.bom strong { color: var(--c-ok); }
.wa-painel-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 14px; }
.wa-serie { display: flex; align-items: flex-end; gap: 6px; height: 150px; }
.wa-barra { flex: 1; display: grid; grid-template-rows: 1fr auto; gap: 4px; height: 100%; text-align: center; }
.wa-barra i { align-self: end; display: block; min-height: 3px; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--acc-2), #d62b50); }
.wa-barra small { color: var(--dim); font-size: .66rem; }
.wa-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--dim); vertical-align: middle; }
.wa-dot.on { background: #34d399; box-shadow: 0 0 0 3px rgba(52,211,153,.2); }
.wa-painel-lado { padding: 10px 6px; display: grid; gap: 14px; }
.wa-online-l { display: grid; gap: 6px; font-size: .86rem; }
.wa-online-l h3 { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.wa-msgs.equipe { background: none; }

/* ficha com abas (Contato · Notas · Histórico) */
.wa-ficha-abas { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); position: sticky; top: 49px; background: var(--panel); z-index: 1; }
.wa-ficha-abas button { padding: 11px 6px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--muted); font-size: .8rem; font-weight: 700; cursor: pointer; }
.wa-ficha-abas button.on { color: var(--acc-2); border-bottom-color: var(--acc); }
.wa-ficha-corpo { display: grid; align-content: start; }
.wa-ficha-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 12px 14px 0; }
.wa-fc { display: grid; gap: 1px; padding: 8px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel-2); min-width: 0; }
.wa-fc[style] { border-color: color-mix(in srgb, var(--c) 45%, transparent); background: color-mix(in srgb, var(--c) 10%, var(--panel-2)); }
.wa-fc small { color: var(--dim); font-size: .62rem; text-transform: uppercase; letter-spacing: .04em; }
.wa-fc strong { font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; gap: 4px; }
.wa-fc.online { border-color: rgba(52,211,153,.4); background: rgba(52,211,153,.08); }
.wa-fc.st-fila { border-color: rgba(245,185,66,.4); } .wa-fc.st-encerrada { opacity: .75; }
.wa-linha { display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 8px; font-size: .82rem; color: var(--muted); }
.wa-linha strong { color: var(--text); font-weight: 600; }
.wa-sub-t { margin-top: 4px; font-size: .74rem; font-weight: 700; color: var(--muted); }
.wa-superv { display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 9px; background: rgba(230,52,88,.08); border: 1px solid rgba(230,52,88,.3); color: #ffc2cf; font-size: .76rem; }
.wa-etqs { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; padding: 5px 7px; border-radius: 11px; border: 1px solid var(--line-2); background: var(--panel-2); min-height: 38px; }
.wa-etqs input { flex: 1; min-width: 90px; border: 0; background: none; padding: 4px; box-shadow: none; }
.wa-etqs input:focus { box-shadow: none; }
.wa-ficha-dados { gap: 8px; }
.wa-ficha-dados label { font-size: .72rem; }
.wa-nota-l { padding: 9px 11px; border-radius: 10px; background: rgba(245,185,66,.07); border: 1px dashed rgba(245,185,66,.35); }
.wa-nota-l.superv { background: rgba(230,52,88,.07); border-color: rgba(230,52,88,.4); }
.wa-nota-l > div { display: flex; justify-content: space-between; gap: 8px; font-size: .74rem; color: var(--muted); }
.wa-nota-l p { margin: 4px 0 0; font-size: .86rem; white-space: pre-wrap; }
.wa-nota.superv { background: rgba(230,52,88,.08); border-color: rgba(230,52,88,.45); color: #ffd3dc; }
.wa-nota.superv .wa-nota-t { color: #ff8aa1; }
.wa-tempo { display: grid; gap: 0; }
.wa-tempo > div { position: relative; display: grid; gap: 1px; padding: 0 0 12px 18px; font-size: .8rem; }
.wa-tempo > div::before { content: ''; position: absolute; left: 4px; top: 6px; bottom: -6px; width: 2px; background: var(--line-2); }
.wa-tempo > div:last-child::before { display: none; }
.wa-tempo i { position: absolute; left: 0; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: var(--acc); box-shadow: 0 0 0 3px rgba(230,52,88,.18); }
.wa-tempo small { color: var(--dim); font-size: .7rem; }
.wa-previa-ass { display: flex; padding: 14px; border-radius: 12px; background: var(--wa-papel) repeat, var(--wa-fundo); }
.blq-op.perigo { color: var(--c-bad); border-color: rgba(248,113,113,.35); }
@media (max-width: 860px) { .wa-busca-chat { position: absolute; left: 8px; right: 8px; top: 58px; width: auto; z-index: 4; } .wa-b-acoes { top: -12px; } }
.wa.sem-info.com-info.com-chat { grid-template-columns: 60px minmax(300px, 390px) 1fr; }
.wa.sem-info .wa-info { display: none !important; }
.wa-etq, .wa-painel .wa-tag { white-space: nowrap; }
a.btn { color: inherit; text-decoration: none; }
.wa-b:not(.so-midia) .wa-audio, .wa-b:not(.so-midia) .wa-doc { margin-bottom: 16px; }
.wa-b:not(.so-midia) .wa-doc + .wa-txt, .wa-b:not(.so-midia) .wa-audio + .wa-txt { margin-top: -10px; }
@media (max-width: 860px) {
  .wa .wa-trilho { flex-direction: row; justify-content: space-around; padding: 4px 6px; border-right: 0; border-bottom: 1px solid var(--line); }
  .wa .wa-trilho button { width: 40px; height: 40px; }
  .wa.com-chat .wa-trilho { display: none; }
}

/* ===== peças da entrega paralela (galeria, impressão, ações da mensagem) ===== */
.wa-galeria{display:grid;gap:12px}.wa-galeria-topo{display:flex;align-items:center;gap:10px}.wa-galeria-topo strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.wa-galeria-quadro{height:58vh;display:flex;align-items:center;justify-content:center;overflow:auto;background:#100e19;border-radius:12px}.wa-galeria-quadro img,.wa-galeria-quadro video{max-width:100%;max-height:100%;object-fit:contain;transition:transform .12s}.wa-galeria-mini{display:flex;gap:6px;overflow:auto}.wa-galeria-mini button{flex:0 0 48px;width:48px;height:48px;padding:2px;border:2px solid transparent;border-radius:8px;background:#272039;color:white;cursor:pointer}.wa-galeria-mini button.on{border-color:#b49ae9}.wa-galeria-mini img{width:100%;height:100%;object-fit:cover}.wa-video-abre{display:grid;gap:6px;border:0;background:transparent;color:inherit;cursor:pointer}

.wa-b{min-height:48px}.wa-msg-menu{z-index:2}.wa-meta{pointer-events:none}

.wa-manual{font-size:10px;color:#baaecb;padding:5px 14px}.wa-aviso-conexao{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#493324;color:#f0c49d;padding:8px 12px;font-size:12px}.wa-aviso-conexao[hidden]{display:none}
.wa-check[hidden] { display: none; }
.wa-encaminhada { display: flex; align-items: center; gap: 4px; font-size: .72rem; font-style: italic; opacity: .75; margin-bottom: 2px; }
.wa-removida { display: flex; align-items: center; gap: 4px; margin-top: 2px; font-size: .7rem; color: #ffc2cf; opacity: .85; }
.wa-txt.apagada { opacity: .6; text-decoration: line-through; text-decoration-color: rgba(255,255,255,.35); }
.wa-meta em { font-style: normal; opacity: .8; margin-right: 2px; }
.wa-cartao { display: flex; align-items: center; gap: 10px; min-width: 230px; padding: 8px; margin-bottom: 4px; border-radius: 10px; background: rgba(0,0,0,.2); }
.wa-cartao > span:nth-child(2) { flex: 1; display: grid; } .wa-cartao small { opacity: .75; font-size: .74rem; }
.wa-vel { flex: none; min-width: 38px; padding: 3px 6px; border: 0; border-radius: 99px; background: rgba(0,0,0,.25); color: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.wa-manual { display: flex; align-items: center; gap: 5px; padding: 0 6px; font-size: .68rem; color: var(--dim); }
.wa-aviso-conexao { display: flex; align-items: center; gap: 8px; margin: 0 16px 10px; padding: 8px 10px; border-radius: 10px; background: rgba(245,185,66,.1); border: 1px solid rgba(245,185,66,.35); color: #f3d79a; font-size: .78rem; }
.wa-aviso-conexao[hidden] { display: none; }
.wa-aviso-conexao span { flex: 1; }
.wa-rasc { color: #7ee2b0; font-weight: 700; }
.wa-recado { margin: 2px 0 0; font-size: .82rem; font-style: italic; color: var(--muted); max-width: 280px; }
.wa-b-acoes .wa-msg-menu { width: 26px; height: 26px; display: grid; place-items: center; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; font-size: .9rem; position: static; }
.wa-b-acoes .wa-msg-menu:hover { background: rgba(255,255,255,.1); color: #fff; }

/* O histórico rola; seus balões nunca são comprimidos contra as mídias seguintes. */
.wa-msgs > * { flex-shrink: 0; }

/* Figurinhas soltas no papel de parede, sem o enquadramento de fotografia. */
.wa-b.figurinha { width: fit-content; max-width: min(220px, 75%); padding: 2px 4px 23px; margin-top: 10px; background: none; box-shadow: none; }
.wa-b.figurinha::before { display: none; }
.wa-b.figurinha .wa-img.fig { width: 200px; height: 200px; min-width: 0; max-width: 100%; max-height: 200px; object-fit: contain; border-radius: 0; background: none; filter: drop-shadow(0 2px 3px rgba(0,0,0,.2)); }
.wa-b.figurinha .wa-meta { right: 5px; bottom: 1px; padding: 2px 7px; background: color-mix(in srgb, var(--wa-topo) 85%, transparent); border-radius: 12px; color: var(--muted); }
.wa-b.figurinha .wa-txt { padding: 5px 7px; margin-top: 4px; border-radius: 10px; background: var(--wa-entra); }
.wa-b.figurinha .wa-txt::after { display: none; }
.wa-b.figurinha .wa-autor { padding: 2px 5px; }
.wa-mc-grande.figurinha { background: repeating-conic-gradient(rgba(255,255,255,.035) 0% 25%, transparent 0% 50%) 50% / 24px 24px; }
.wa-mc-grande.figurinha img.g { width: 240px; height: 240px; object-fit: contain; border-radius: 0; }

/* Player de voz com onda, progresso e controles próprios. */
.wa-voice { width: 320px; max-width: 100%; min-width: 0; gap: 10px; flex-wrap: nowrap; padding: 7px 1px 2px; }
.wa-voice audio { display: none; }
.wa-audio-play { display: grid; place-items: center; flex: none; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: inherit; cursor: pointer; transition: background .15s; }
.wa-audio-play:hover { background: rgba(255,255,255,.18); }
.wa-audio-play:focus-visible, .wa-voice .wa-vel:focus-visible { outline: 2px solid var(--wa-azul); outline-offset: 3px; }
.wa-audio-corpo { flex: 1; min-width: 0; }
.wa-audio-trilha { position: relative; height: 34px; }
.wa-audio-onda { height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 2px; pointer-events: none; }
.wa-audio-onda i { flex: 1; max-width: 4px; min-width: 1px; height: var(--altura); border-radius: 5px; background: currentColor; opacity: .3; transition: height .2s, opacity .1s; }
.wa-audio-onda i.ouvida { background: var(--wa-azul); opacity: 1; }
.wa-audio-seek { position: absolute; inset: 0; width: 100%; height: 34px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; appearance: none; -webkit-appearance: none; cursor: pointer; }
.wa-audio-seek::-webkit-slider-runnable-track { background: transparent; height: 4px; }
.wa-audio-seek::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 10px; height: 10px; margin-top: -3px; border-radius: 50%; border: 0; background: var(--wa-azul); opacity: 0; }
.wa-audio-seek::-moz-range-track { background: transparent; }
.wa-audio-seek::-moz-range-thumb { width: 10px; height: 10px; border: 0; background: var(--wa-azul); opacity: 0; }
.wa-audio-trilha:hover .wa-audio-seek::-webkit-slider-thumb, .wa-audio-seek:focus-visible::-webkit-slider-thumb, .tocando .wa-audio-seek::-webkit-slider-thumb { opacity: 1; }
.wa-audio-seek:focus-visible { outline: 2px solid var(--wa-azul); outline-offset: 3px; border-radius: 5px; }
.wa-audio-linha { display: flex; justify-content: space-between; gap: 8px; font-size: .66rem; line-height: 1.4; color: var(--muted); }
.wa-audio-tempo { font-variant-numeric: tabular-nums; }
.wa-audio-legenda { white-space: nowrap; font-size: .62rem; opacity: .8; }
.wa-audio-lado { flex: none; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.wa-audio-mic { display: grid; place-items: center; color: var(--wa-azul); }
.wa-voice .wa-vel { min-width: 36px; font-size: .68rem; padding: 2px 5px; }

/* Anexos por categoria, mantendo a prévia e a confirmação de envio. */
.wa-anexos { padding: 7px; display: grid; gap: 2px; }
.wa-anexos-titulo { padding: 7px 9px 10px; color: var(--muted); font-size: .72rem; font-weight: 600; }
.wa-anexo-op { display: flex; align-items: center; gap: 12px; padding: 9px; border: 0; border-radius: 11px; background: none; color: inherit; text-align: left; cursor: pointer; }
.wa-anexo-op:hover, .wa-anexo-op:focus-visible { background: rgba(255,255,255,.07); }
.wa-anexo-icone { display: grid; place-items: center; flex: none; width: 38px; height: 38px; color: var(--anexo-cor); border-radius: 12px; background: color-mix(in srgb, var(--anexo-cor) 13%, transparent); }
.wa-anexo-op > span:last-child { display: grid; gap: 2px; }
.wa-anexo-op strong { font-size: .82rem; font-weight: 600; }
.wa-anexo-op small { color: var(--muted); font-size: .68rem; }
@media (max-width: 600px) {
  .wa-b:has(.wa-voice) { max-width: 94%; width: 300px; }
  .wa-voice { width: 100%; gap: 8px; }
  .wa-b.figurinha .wa-img.fig { width: 170px; height: 170px; }
  .wa-audio-legenda { display: none; }
}

/* Configuração guiada: o vínculo vem primeiro; os parâmetros ficam recolhidos. */
.wa-conexao-simples { display: grid; gap: 16px; }
.wa-conexao-hero { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 23px; border: 1px solid var(--line-2); border-radius: 18px; background: linear-gradient(125deg,rgba(230,52,88,.09),rgba(255,255,255,.02)); }
.wa-conexao-hero.conectado { border-color: rgba(55,204,155,.24); background: linear-gradient(125deg,rgba(55,204,155,.09),rgba(255,255,255,.02)); }
.wa-conexao-simbolo { display: grid; place-items: center; flex: none; width: 64px; height: 64px; border-radius: 20px; background: rgba(230,52,88,.12); color: #ff829c; }
.conectado .wa-conexao-simbolo { color: #60ddb0; background: rgba(55,204,155,.13); }
.wa-conexao-etiqueta { display: block; margin-bottom: 6px; color: var(--muted); font-size: .72rem; }
.wa-conexao-hero h3 { font-size: 1.2rem; line-height: 1.3; margin: 0; }
.wa-conexao-hero p { max-width: 420px; margin: 7px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.wa-conexao-qr { display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 28px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; }
.wa-conexao-codigo { display: grid; place-items: center; width: 220px; min-height: 220px; border-radius: 15px; background: #fff; overflow: hidden; }
.wa-conexao-codigo img { width: 220px; height: 220px; padding: 10px; object-fit: contain; }
.wa-conexao-codigo.espera { gap: 10px; align-content: center; padding: 20px; border: 1px dashed var(--line-2); background: rgba(255,255,255,.025); color: var(--muted); }
.wa-conexao-codigo.espera span { max-width: 160px; text-align: center; font-size: .76rem; }
.wa-conexao-passos { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: wa-passo; }
.wa-conexao-passos li { position: relative; display: grid; gap: 5px; padding-left: 40px; counter-increment: wa-passo; font-size: .83rem; }
.wa-conexao-passos li::before { content: counter(wa-passo); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #ff9fb3; background: rgba(230,52,88,.12); font-weight: 700; }
.wa-conexao-passos span { color: var(--muted); font-size: .77rem; line-height: 1.55; }
.wa-conexao-avancado { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.015); }
.wa-conexao-avancado summary { display: flex; align-items: center; gap: 12px; padding: 17px 18px; cursor: pointer; list-style: none; }
.wa-conexao-avancado summary::after { content: '+'; margin-left: auto; color: var(--muted); font-size: 1.2rem; }
.wa-conexao-avancado[open] summary::after { content: '−'; }
.wa-conexao-avancado summary > span { display: grid; gap: 4px; }
.wa-conexao-avancado summary strong { font-size: .85rem; }
.wa-conexao-avancado summary small { color: var(--muted); font-size: .74rem; }
.wa-conexao-campos { padding: 0 20px 20px; }
.wa-conexao-campos > p { font-size: .8rem; line-height: 1.6; }

/* Biblioteca privada de figurinhas: a miniatura só abre a confirmação de envio. */
.wa-fig-biblioteca { display: grid; gap: 13px; }
.wa-fig-biblioteca > p { margin: 0; font-size: .82rem; }
.wa-fig-ferramentas { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wa-fig-ferramentas > input { flex: 1; min-width: 150px; }
.wa-fig-ferramentas .abas { flex: none; }
.wa-fig-ferramentas .abas button { display: flex; align-items: center; gap: 5px; }
.wa-fig-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.wa-fig-estado { min-height: 18px; margin: 0; font-size: .75rem; color: var(--muted); }
.wa-fig-grade { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; max-height: 365px; overflow-y: auto; padding: 2px; }
.wa-fig-item { min-width: 0; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.wa-fig-imagem { width: 100%; aspect-ratio: 1; border: 0; padding: 8px; display: grid; place-items: center; border-radius: 12px; background: none; color: var(--muted); cursor: pointer; }
.wa-fig-imagem:hover { background: rgba(255,255,255,.06); }
.wa-fig-imagem img { width: 100%; height: 100%; max-height: 115px; object-fit: contain; }
.wa-fig-imagem.indisponivel { gap: 5px; align-content: center; }
.wa-fig-imagem.indisponivel small { font-size: .63rem; }
.wa-fig-rodape { display: flex; align-items: center; gap: 2px; padding: 1px 4px 5px 7px; }
.wa-fig-nome { flex: 1; min-width: 0; padding: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: none; color: var(--muted); font-size: .66rem; cursor: pointer; text-align: left; }
.wa-fig-favorita { display: grid; place-items: center; flex: none; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--muted); cursor: pointer; }
.wa-fig-favorita.on { color: #f4c76d; }
.wa-fig-favorita.on svg { fill: rgba(244,199,109,.25); }
.wa-fig-ajuda { padding-top: 5px; border-top: 1px solid var(--line); font-size: .75rem; color: var(--muted); }
.wa-fig-ajuda summary { padding: 8px 0; cursor: pointer; }
.wa-fig-ajuda p { line-height: 1.65; }
.wa-fig-previa { display: grid; gap: 14px; justify-items: center; text-align: center; }
.wa-fig-previa img { width: 220px; height: 220px; object-fit: contain; }
.wa-fig-biblioteca [hidden], .wa-conexao-simples [hidden] { display: none !important; }
/* Cards compactos: tres linhas, detalhes completos sob demanda. */
.wa-item.wa-conversa { display: block; padding: 0; margin-bottom: 2px; cursor: default; }
.wa-card-abrir { display: flex; align-items: center; gap: 8px; width: 100%; height: 82px; padding: 8px 11px; border: 0; border-radius: inherit; background: none; color: inherit; text-align: left; cursor: pointer; }
.wa-conversa .wa-it { gap: 0; grid-template-rows: 18px 18px 15px 15px; }
.wa-card-identidade { flex: none; width: 64px; display: grid; justify-items: center; gap: 2px; }
.wa-card-identidade .wa-card-estado { max-width: 64px; padding: 1px 3px; font-size: .66rem; line-height: 14px; background: none; }
.wa-card-identidade .wa-av { width: 44px !important; height: 44px !important; }
.wa-conversa .wa-l1 { align-items: center; padding-right: 24px; }
.wa-conversa .wa-l1 strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 18px; }
.wa-conversa .wa-l1 time { color: #bdb7d4; }
.wa-conversa .wa-l2 { color: #e3dfef; line-height: 1.4; }
.wa-conversa .wa-l2 > .wa-tk { flex: none; color: #bdb7d4; }
.wa-conversa .wa-prev { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
.wa-card-situacao { display: flex; align-items: center; gap: 5px; height: 21px; padding-right: 23px; white-space: nowrap; }
.wa-card-cor { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--setor); }
.wa-card-setor { display: flex; align-items: center; gap: 5px; min-width: 0; color: #ddd7ed; font-size: .68rem; line-height: 15px; }
.wa-card-setor-nome { min-width: 0; flex: 1; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.wa-card-tags-visiveis { display: flex; align-items: center; gap: 4px; min-width: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.wa-card-tags-visiveis > span { flex: none; padding: 0 4px; font-size: .68rem; line-height: 14px; color: #e5ddfb; }
.wa-card-tags-visiveis > .wa-card-prioridade.urgente { color: #ffd1dc; }
.wa-card-tags-visiveis > .wa-card-prioridade.alta { color: #ffe3a9; }
.wa-card-tags-visiveis::-webkit-scrollbar, .wa-card-setor-nome::-webkit-scrollbar { display: none; }
.wa-card-estado, .wa-card-prioridade { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 6px; font-size: .68rem; font-weight: 700; line-height: 1.4; white-space: nowrap; }
.wa-card-estado.cliente { color: #ffe0a1; background: rgba(236,173,58,.14); }
.wa-card-estado.responder { color: #a5f0d1; background: rgba(52,211,153,.16); }
.wa-card-estado.fila { color: #ffdab4; background: rgba(251,146,60,.16); }
.wa-card-estado.neutra { color: #ded9ed; background: rgba(180,171,210,.12); }
.wa-card-prioridade.urgente { background: rgba(244,63,94,.22); color: #ffd1dc; }
.wa-card-prioridade.alta { background: rgba(245,185,66,.18); color: #ffe3a9; }
.wa-card-espera { flex: none; color: #cec8e2; font-size: .67rem; }
.wa-card-espera.atrasada { color: #ff9db2; font-weight: 700; }
.wa-card-detalhes { position: absolute; right: 9px; top: 6px; display: grid; place-items: center; width: 24px; height: 22px; padding: 0; border: 0; border-radius: 6px; background: none; color: #c9c3dc; cursor: pointer; }
.wa-card-detalhes:hover, .wa-card-detalhes:focus-visible { background: rgba(255,255,255,.1); color: #fff; }
.wa-card-ficha { display: grid; gap: 12px; padding: 16px; overflow-wrap: anywhere; color: #eeeaf8; font-size: .83rem; }
.wa-card-ficha > .wa-card-estado { justify-self: start; white-space: normal; }
.wa-card-ficha > div { display: grid; gap: 3px; }
.wa-card-ficha small { color: #bdb7d4; font-size: .72rem; }
.wa-card-etiquetas { display: flex; flex-wrap: wrap; gap: 4px; }
.wa-card-etiquetas .wa-etq { white-space: normal; overflow-wrap: anywhere; padding: 2px 7px; color: #e0d6ff; font-size: .7rem; line-height: 1.4; }
.wa-chips, .wa-subs { flex-wrap: wrap; overflow: visible; }
.wa-chip, .wa-subs button { white-space: normal; max-width: 100%; line-height: 1.4; }
.wa-filtro-setor { justify-content: flex-start; text-align: left; color: #e3def0; }
.wa-filtro-setor svg { flex: none; margin: 0; }
.wa-filtro-setor svg:last-child { margin-left: auto; }
.wa-setores-pop .blq-op { white-space: normal; line-height: 1.45; }
.wa-setores-pop .blq-op > span { min-width: 0; overflow-wrap: anywhere; }
.wa-tk.lida, .wa-conversa .wa-l2 > .wa-tk.lida { color: #63d9ff; }

@media (max-width:600px) {
  .wa-conexao-hero { padding: 18px; gap: 12px; }
  .wa-conexao-hero > .btn { width: 100%; justify-content: center; }
  .wa-conexao-qr { grid-template-columns: 1fr; justify-items: center; gap: 20px; padding: 18px; }
  .wa-conexao-passos { justify-self: stretch; }
  .wa-conexao-hero h3 { font-size: 1.05rem; }
  .wa-fig-grade { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .wa-fig-ferramentas > input { width: 100%; }
}

.wa-card-mais-tags { position:absolute;right:7px;bottom:7px;width:23px;height:21px;border:0;border-radius:5px;padding:0;background:var(--panel-3);color:#fff;cursor:pointer;display:grid;place-items:center; }
.wa-card-mais-tags[hidden]{display:none}

/* Preparação do atendimento oficial; sem alterar a altura dos cards do chat. */
.wa-preparacao{display:grid;gap:20px;padding:4px 0 12px}
.wa-modal-preparacao{scrollbar-width:thin;scrollbar-color:#615674 #1c1a2f}
.wa-prep-titulo h3{font-size:1.4rem;margin:8px 0}.wa-prep-titulo p{color:#c6bfd4;max-width:680px;margin:0;line-height:1.6}
.wa-prep-selo{color:#ff93b1;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.wa-prep-passos{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:0}
.wa-prep-passos li{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#b8b0ce;padding:11px;border:1px solid var(--line);border-radius:10px}.wa-prep-passos b{border-radius:50%;background:#343047;width:24px;height:24px;display:grid;place-items:center;flex:none}.wa-prep-passos .on{border-color:#ad3c60;color:#fff;background:#54213a44}.wa-prep-passos .on b{background:var(--acc)}
.wa-prep-selecao,.wa-prep-preservados,.wa-prep-revisao section{border:1px solid var(--line);border-radius:13px;overflow:hidden}
.wa-prep-lista-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#ffffff04;font-size:.8rem;border-bottom:1px solid var(--line)}
.wa-prep-lista{max-height:290px;overflow:auto}.wa-prep-conversa{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #ffffff08;cursor:pointer}.wa-prep-conversa:last-child{border-bottom:0}.wa-prep-conversa:has(input:checked){background:#e6345810}.wa-prep-conversa input,.wa-prep-lista-topo input{accent-color:var(--acc);width:17px;height:17px;flex:none}
.wa-prep-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffff07;color:#b4d7c9;flex:none}.wa-prep-nome{display:grid;gap:3px;min-width:0}.wa-prep-nome strong{overflow-wrap:anywhere;font-size:.86rem}.wa-prep-nome small{color:#b3abc6;font-size:.74rem}.wa-prep-tag{margin-left:auto;color:#e9b884;background:#7f572c26;border-radius:6px;padding:3px 8px;font-size:.67rem;flex:none}
.wa-prep-preservados{padding:16px;background:#27997c08}.wa-prep-preservados h4{color:#96e4cb;margin:0 0 12px!important;font-size:.83rem;display:flex;align-items:center;gap:8px}.wa-prep-preservados>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.wa-prep-preservados span{font-size:.76rem;display:flex;align-items:center;gap:8px;color:#d6d0e3}.wa-prep-preservados svg{color:#79cfb4;flex:none}
.wa-prep-acoes{display:flex;align-items:center;justify-content:space-between;gap:14px}.wa-prep-acoes>span,.wa-prep-escopo{color:#bcb3ce;font-size:.78rem;line-height:1.6}.wa-prep-escopo{margin:0}.wa-prep-revisao{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wa-prep-revisao section{padding:18px}.wa-prep-revisao .wa-prep-preservados{border:0;padding:0;background:none}.wa-prep-revisao .wa-prep-preservados>div{grid-template-columns:1fr}.wa-prep-revisao h4{font-size:.83rem;margin:0 0 12px;color:#ffafbd}.wa-prep-numero{font-size:1.35rem}.wa-prep-revisao p,.wa-prep-revisao li{font-size:.78rem;line-height:1.65}.wa-prep-revisao ul{padding-left:18px;max-height:150px;overflow:auto}
.wa-prep-revisao .wa-prep-preservados h4{color:#96e4cb}
.wa-prep-backup{display:flex;gap:12px;padding:15px;border-radius:11px;border:1px solid #3f8d7355;background:#27997c0c}.wa-prep-backup svg{flex:none;color:#96e4cb}.wa-prep-backup p{font-size:.8rem;margin:6px 0 0;color:#c6bfd4;line-height:1.6}.wa-prep-pronto{text-align:center;padding:25px;border-radius:12px;background:#27997c0c;border:1px solid #3f8d7355}.wa-prep-pronto>svg{color:#96e4cb}.wa-prep-pronto p{font-size:.85rem;color:#c6bfd4}.wa-prep-recuperacao{font-size:.82rem;border:1px solid var(--line);padding:15px;border-radius:10px}.wa-prep-recuperacao code{overflow-wrap:anywhere}.wa-prep-limite{font-size:.73rem;color:#b8b0c9;border-top:1px solid var(--line);padding-top:14px;margin:0}
@media(max-width:650px){.wa-prep-passos{grid-template-columns:repeat(2,1fr)}.wa-prep-revisao{grid-template-columns:1fr}.wa-prep-preservados>div{grid-template-columns:1fr}.wa-prep-lista-topo,.wa-prep-acoes{align-items:flex-start;flex-direction:column}.wa-prep-acoes .btn{width:100%}.wa-prep-conversa{gap:9px;padding:12px}}