/*
 * Rottads · telas v2, grupo B (02/10/2026)
 * Integrações (hub), Plataformas e webhooks, Sites e integrações próprias, Payloads, Meta Ads (todas as abas),
 * Google Ads, TikTok Ads, GA4, Eventos e diagnóstico, Importar planilha e a janela do guia.
 * Somente apresentação: nenhum evento, rota, id ou texto lido pelo JS foi tocado.
 * Gerado a partir do mesmo prefixo de especificidade do rottads-v2.css (html body.rottads-interface …).
 * Para voltar ao visual anterior basta tirar o <link> deste arquivo do index.html.
 */

/* ================================================================== tokens, ícones e quadros de movimento */
html body.rottads-interface {
  --tb-i-alert:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%204%202.5%2020h19z'%2F%3E%3Cpath%20d%3D'M12%2010v4.5M12%2017.2v.1'%2F%3E%3C%2Fsvg%3E");
  --tb-i-lock:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5'%20y%3D'11'%20width%3D'14'%20height%3D'9'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2011V8a4%204%200%200%201%208%200v3'%2F%3E%3C%2Fsvg%3E");
  --tb-i-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E");
  --tb-i-chev:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm9%206%206%206-6%206'%2F%3E%3C%2Fsvg%3E");
  --tb-i-down:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");
  --tb-i-copy:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'9'%20y%3D'9'%20width%3D'11'%20height%3D'11'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M5%2015V6a2%202%200%200%201%202-2h9'%2F%3E%3C%2Fsvg%3E");
  --tb-i-bolt:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M13%203%205%2013.5h6L10%2021l8-10.5h-6z'%2F%3E%3C%2Fsvg%3E");
  --tb-i-info:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%2011v5.5M12%207.6v.1'%2F%3E%3C%2Fsvg%3E");
  --tb-i-refresh:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2011a8%208%200%200%200-14.5-4M4%204v4h4M4%2013a8%208%200%200%200%2014.5%204M20%2020v-4h-4'%2F%3E%3C%2Fsvg%3E");
  --tb-i-up:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2019V5M6%2011l6-6%206%206'%2F%3E%3C%2Fsvg%3E");
  --tb-i-plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%208v8M8%2012h8'%2F%3E%3C%2Fsvg%3E");
  --tb-i-eye:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207S2%2012%202%2012z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3'%2F%3E%3C%2Fsvg%3E");
  --tb-i-key:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'8'%20cy%3D'15'%20r%3D'4'%2F%3E%3Cpath%20d%3D'm11%2012%208-8M16%207l3%203'%2F%3E%3C%2Fsvg%3E");
  --tb-i-doc:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%203h8l4%204v14H7z'%2F%3E%3Cpath%20d%3D'M15%203v4h4M10%2012h6M10%2016h6'%2F%3E%3C%2Fsvg%3E");
  --tb-i-pulse:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E");
  --tb-i-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%206%2012%2012M18%206%206%2018'%2F%3E%3C%2Fsvg%3E");
  --tb-i-link:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2014a4%204%200%200%200%205.7%200l3-3a4%204%200%200%200-5.7-5.7l-1%201M14%2010a4%204%200%200%200-5.7%200l-3%203a4%204%200%200%200%205.7%205.7l1-1'%2F%3E%3C%2Fsvg%3E");
  --tb-i-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%207v5l3%202'%2F%3E%3C%2Fsvg%3E");
  --tb-i-layers:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm12%203%209%205-9%205-9-5z'%2F%3E%3Cpath%20d%3D'm3%2013%209%205%209-5'%2F%3E%3C%2Fsvg%3E");
  --tb-i-chat:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2020l1.3-4A8%208%200%201%201%208%2018.7z'%2F%3E%3C%2Fsvg%3E");
  --tb-i-layout:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'4'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M3%209h18M9%209v11'%2F%3E%3C%2Fsvg%3E");
  --tb-i-plug:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E");
  --tb-i-target:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3C%2Fsvg%3E");
  --tb-i-user:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'3.5'%2F%3E%3Cpath%20d%3D'M5%2020c1-4%203.5-6%207-6s6%202%207%206'%2F%3E%3C%2Fsvg%3E");
  --tb-i-globe:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M3%2012h18M12%203a14%2014%200%200%201%200%2018M12%203a14%2014%200%200%200%200%2018'%2F%3E%3C%2Fsvg%3E");
  --tb-i-warn:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%204%202.5%2020h19z'%2F%3E%3Cpath%20d%3D'M12%2010v4.5M12%2017.2v.1'%2F%3E%3C%2Fsvg%3E");
  --tb-ac: #0b7a57; --tb-acs: #e6f4ee; --tb-line: #dde8e3; --tb-ink: #10201c; --tb-mut: #53635d;
  --tb-grad: linear-gradient(135deg, #016b43, #028552);
  --tb-lift: 0 20px 34px -20px rgba(1, 55, 53, .4);
  --tb-ease: cubic-bezier(.2, .75, .2, 1);
}
@keyframes tb-sobe { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes tb-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tb-pulso { 0% { box-shadow: 0 0 0 0 rgba(2, 168, 104, .55); } 100% { box-shadow: 0 0 0 9px rgba(2, 168, 104, 0); } }
@keyframes tb-cresce { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes tb-pop { 0% { transform: scale(.6); opacity: 0; } 70% { transform: scale(1.08); } 100% { transform: scale(1); opacity: 1; } }
@keyframes tb-fluxo { to { background-position: 30px 0; } }
@keyframes tb-brilho { from { background-position: -220% 0; } to { background-position: 220% 0; } }
@keyframes tb-barra { from { transform: scaleY(0); } to { transform: scaleY(1); } }

/* ================================================================== cabeçalho das telas do grupo B */
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho #tituloPagina {
  font-family: 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; font-weight: 800; letter-spacing: -.02em; color: #10201c;
  font-size: clamp(28px, 2.4vw, 36px); line-height: 1.12;
}
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho #tituloPagina::before {
  color: #53635d; font-size: 11.5px; font-weight: 800; letter-spacing: .16em; margin-bottom: 6px;
}
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho .pagina-sub { color: #53635d; font-size: 16px; line-height: 1.5; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho .pagina-icone {
  background: #fff; border: 1px solid #dde8e3; border-radius: 16px; width: 54px; height: 54px;
  box-shadow: 0 12px 24px -14px rgba(1, 55, 53, .45); color: #0b7a57;
}
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho .pagina-icone[data-marca] img { width: 34px; height: 34px; object-fit: contain; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho .pagina-icone[data-marca="tiktok-ads"] img { border-radius: 8px; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .pagina-cabecalho { padding-left: 74px; min-height: 84px; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .trilha { margin-left: -74px; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .trilha .trilha-passo { color: #0b7a57; font-weight: 800; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .trilha .trilha-aqui { color: #10201c; font-weight: 800; }
html body.rottads-interface:has(:is(#integracoes-hub:not([hidden]),#integracoes:not([hidden]),#rastreio:not([hidden]),#payloads:not([hidden]),#meta:not([hidden]),#integracao-google-ads:not([hidden]),#tiktok-ads:not([hidden]),#ga4:not([hidden]),#eventos:not([hidden]),#importar:not([hidden]))) .trilha .trilha-sep { color: #53635d; }

/* ================================================================== movimento: entrada escalonada dos blocos internos */
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .painel-fonte, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .familia-aba, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .fonte-item {
    animation: tb-sobe .65s var(--tb-ease) backwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .hub-card, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .painel-fonte, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .familia-aba, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .fonte-item, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .card {
    animation: tb-fade .4s ease backwards !important;
  }
}

/* ================================================================== selos de estado, com ponto que pulsa quando ativo */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill {
  display: inline-flex; align-items: center; gap: 7px; min-height: 26px; padding: 3px 11px; border-radius: 14px;
  font-size: 12.5px; font-weight: 800; letter-spacing: 0; line-height: 1.2; white-space: nowrap; border: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill:not(.brand):not(.premium)::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.ok { background: #e1f5ec; color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.mid { background: #fff0d2; color: #8a5200; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.bad { background: #fde7e4; color: #b42318; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.calm { background: #eaf1ee; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.brand { background: #e6f4ee; color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.premium { background: #fff0d2; color: #8a5200; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .pill.ok::before { animation: tb-pulso 1.9s ease-out infinite; }
}

/* ================================================================== caixas de aviso */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note {
  position: relative; background: #eaf1ee; border: 0; border-radius: 14px; box-shadow: none;
  padding: 14px 18px 14px 52px; color: #10201c; font-size: 14.5px; line-height: 1.55;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note::before {
  content: ''; position: absolute; left: 18px; top: 15px; width: 20px; height: 20px; background: #0b7a57;
  -webkit-mask: var(--tb-i-info) center / contain no-repeat; mask: var(--tb-i-info) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.erro { background: #fde7e4; color: #7a1a11; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.erro::before { background: #b42318; -webkit-mask-image: var(--tb-i-alert); mask-image: var(--tb-i-alert); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.bom { background: #e1f5ec; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.bom::before { -webkit-mask-image: var(--tb-i-check); mask-image: var(--tb-i-check); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.aviso, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.warn { background: #fff0d2; color: #5c3600; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.aviso::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note.warn::before { background: #8a5200; -webkit-mask-image: var(--tb-i-alert); mask-image: var(--tb-i-alert); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note a { color: #0b7a57; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note > .campo, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .note > label { display: block; }

/* ================================================================== cartões, títulos e texto de apoio */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .card, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .cartao {
  background: #fff; border: 1px solid #dde8e3; border-radius: 18px; box-shadow: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) :is(h2, h3, .cartao-titulo) {
  font-family: 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; font-weight: 800; letter-spacing: -.01em; color: #10201c;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) :is(h2, h3, .cartao-titulo)::before { content: none; display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .mini, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) small { color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) code, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .mini code {
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: .88em; background: #eaf1ee; color: #10201c;
  border: 0; border-radius: 6px; padding: 2px 7px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) pre {
  background: #0d241f; color: #d8f5e8; border: 0; border-radius: 14px; padding: 16px 18px; font-size: 13px; line-height: 1.6;
  font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; overflow-x: auto; margin: 0;
}

/* ================================================================== campos de 48 px, rótulos e botões */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) select, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) textarea {
  min-height: 48px; border: 1px solid #c6d6cf; border-radius: 12px; background-color: #fff; color: #10201c;
  font: 600 15px/1.3 'Nunito Sans', system-ui, sans-serif; padding: 0 16px; box-shadow: none;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) textarea { padding: 12px 16px; min-height: 96px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) input::placeholder, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) textarea::placeholder { color: #7b8c85; font-weight: 500; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) select {
  appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2353635d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center; background-size: 16px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) input:focus-visible, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) select:focus-visible, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) textarea:focus-visible {
  outline: none; border-color: #0b7a57; box-shadow: 0 0 0 3px rgba(11, 122, 87, .2);
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) label { color: #10201c; font-weight: 800; font-size: 13.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) label .mini, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) label small { font-weight: 600; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) input[type="checkbox"], html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) input[type="radio"] { accent-color: #0b7a57; width: 18px; height: 18px; }

html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act {
  min-height: 46px; border-radius: 12px; border: 1px solid #dde8e3; background: #fff; color: #10201c;
  font: 700 14.5px/1.2 'Nunito Sans', system-ui, sans-serif; padding: 0 18px; box-shadow: none; cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease, filter .15s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.mini { min-height: 40px; padding: 0 14px; font-size: 13.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act:hover:not(:disabled) { transform: translateY(-1px); border-color: #b7d6c9; background: #f6fbf8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act:active:not(:disabled) { transform: scale(.97); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act:focus-visible { outline: 3px solid rgba(11, 122, 87, .35); outline-offset: 2px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act:disabled { opacity: .55; cursor: not-allowed; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.primary {
  background: linear-gradient(135deg, #016b43, #028552) !important; border-color: #016b43 !important; color: #fff !important;
  box-shadow: 0 10px 20px -12px #01724a !important;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.primary:hover:not(:disabled) { filter: brightness(1.07); background: linear-gradient(135deg, #016b43, #028552) !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.primary:disabled { background: #9dbdb0 !important; border-color: #9dbdb0 !important; box-shadow: none !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.perigo { color: #b42318; border-color: #f0c9c6; background: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .act.perigo:hover:not(:disabled) { background: #fde7e4; border-color: #e7a8a2; }

/* ================================================================== tabelas */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .wrap, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .table-wrap {
  background: #fff; border: 1px solid #dde8e3; border-radius: 16px; box-shadow: none; overflow-x: auto;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) table { border-collapse: separate; border-spacing: 0; width: 100%; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) table th {
  background: #f3f7f5; color: #53635d; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  border-bottom: 1px solid #dde8e3; padding: 12px 16px; text-align: left; white-space: nowrap;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) table td { padding: 14px 16px; border-bottom: 1px solid #e8f0ec; font-size: 14.5px; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) table tbody tr:last-child td { border-bottom: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) table tbody tr:hover td { background: #f4faf7; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .empty {
  border: 1.5px dashed #c6d6cf; border-radius: 16px; background: #fafcfb; color: #53635d; text-align: center; padding: 22px;
}

/* ================================================================== sanfonas (details/summary) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.ajuda-detalhe > summary, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.secao > summary, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.destinos-extras > summary,
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.braip-config > summary {
  cursor: pointer; list-style: none; display: flex; align-items: center; gap: 10px; font-weight: 800; color: #0b7a57;
  min-height: 44px; border-radius: 12px; padding: 0 14px; background: #f1f8f5; border: 1px solid #d3e6dc;
  transition: background .18s ease, border-color .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details > summary::-webkit-details-marker { display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.ajuda-detalhe > summary:hover, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.secao > summary:hover, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.destinos-extras > summary:hover,
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details.braip-config > summary:hover { background: #e6f4ee; border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details > summary::after {
  content: ''; position: static; inset: auto; border: 0; margin: 0 0 0 auto; width: 18px; height: 18px; background: currentColor; flex: none; transform: none; transition: transform .2s ease;
  -webkit-mask: var(--tb-i-down) center / contain no-repeat; mask: var(--tb-i-down) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) details[open] > summary::after { transform: rotate(180deg); }


/* ================================================================== INTEGRAÇÕES (hub) */
/* faixa de progresso: os quatro destinos (Meta, Google Ads, TikTok, GA4) e quantos já estão enviando — lido do próprio estado dos cartões */
@property --tb-fill { syntax: '<number>'; inherits: false; initial-value: 0; }
@keyframes tb-enche { from { --tb-fill: 0; } }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0; align-items: stretch;
  counter-reset: tb-ok 0 tb-tot 0;
  --tb-m: 0; --tb-g: 0; --tb-t: 0; --tb-a: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo:has([data-hub-marca="meta"] .pill.ok) { --tb-m: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo:has([data-hub-marca="google"] .pill.ok) { --tb-g: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo:has([data-hub-marca="tiktok"] .pill.ok) { --tb-t: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo:has([data-hub-marca="ga4"] .pill.ok) { --tb-a: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo .hub-card[data-hub-marca] { counter-increment: tb-tot 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo .hub-card[data-hub-marca]:has(.pill.ok) { counter-increment: tb-tot 1 tb-ok 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo > .hub-secao { grid-column: 1 / -1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo::after {
  content: counter(tb-ok) " de " counter(tb-tot) " destinos enviando conversões";
  grid-column: 1; grid-row: 1; display: flex; align-items: center; min-height: 82px; padding: 0 12px 0 28px;
  background: #fff; border: 1px solid #dde8e3; border-right: 0; border-radius: 18px 0 0 18px;
  font: 800 19px/1.2 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; white-space: nowrap; margin-bottom: 8px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo::before {
  content: ''; grid-column: 2; grid-row: 1; min-height: 82px; margin-bottom: 8px; box-sizing: border-box;
  --tb-fill: calc((var(--tb-m) + var(--tb-g) + var(--tb-t) + var(--tb-a)) / 4);
  padding: 0 28px; background-origin: content-box; background-repeat: no-repeat; background-position: left center;
  background-color: #fff; border: 1px solid #dde8e3; border-left: 0; border-radius: 0 18px 18px 0;
  background-image:
    linear-gradient(90deg, #02a868, #02f8a7),
    linear-gradient(#e8f0ec, #e8f0ec);
  background-size: calc(100% * var(--tb-fill)) 10px, 100% 10px;
}
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo::before { animation: tb-enche 1.3s var(--tb-ease) backwards .35s; }
}
@media (max-width: 760px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo { grid-template-columns: minmax(0, 1fr); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo::after { grid-column: 1; grid-row: 1; min-height: 64px; border-right: 1px solid #dde8e3; border-radius: 18px 18px 0 0; white-space: normal; padding: 14px 20px 6px; margin-bottom: 0; border-bottom: 0; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub #hubCorpo::before { grid-column: 1; grid-row: 2; min-height: 36px; border-left: 1px solid #dde8e3; border-radius: 0 0 18px 18px; padding: 0 20px; margin-bottom: 8px; border-top: 0; }
}

html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao {
  display: flex; flex-direction: column; gap: 18px; padding: 30px 0 14px; border-bottom: 1px solid #dde8e3; grid-template-columns: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:first-of-type { padding-top: 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:last-child { border-bottom: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao-intro { display: flex; flex-direction: column; gap: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao-simbolo { display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao-intro .hub-faixa, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #gadsHubCorpo > .hub-faixa, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubCorpo > .hub-faixa, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #gadsHubEntradas > .hub-faixa, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubEntradas > .hub-faixa {
  font: 800 23px/1.2 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; letter-spacing: -.015em; color: #10201c; margin: 0; padding: 0; border: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao-intro p { color: #53635d; font-size: 15px; line-height: 1.55; margin: 0; max-width: 780px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-grade {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 0; align-items: stretch;
}

html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card {
  display: flex; flex-direction: column; gap: 10px; min-height: 0; padding: 24px; border-radius: 18px;
  background: #fff; border: 1px solid #dde8e3; box-shadow: none; min-width: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -20px rgba(1, 55, 53, .4); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 48px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card-topo .pill { margin-top: 2px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-icone {
  display: inline-grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 14px;
  background: #e6f4ee; border: 1px solid #cfe6dc; color: #0b7a57; font: 800 20px/1 'Outfit', system-ui, sans-serif; word-spacing: .07em; padding: 0;
  transition: transform .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:hover .hub-icone { transform: scale(1.06) rotate(-3deg); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-icone-marca { background: #fff; border-color: #dde8e3; box-shadow: 0 8px 16px -10px rgba(1, 55, 53, .4); padding: 8px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-icone-marca img { width: 100%; height: 100%; object-fit: contain; display: block; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) [data-hub-marca="tiktok"] .hub-icone-marca img { border-radius: 7px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card-titulo { font: 800 20px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; letter-spacing: -.01em; margin-top: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > p { color: #53635d; font-size: 15px; line-height: 1.55; margin: 0; flex: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card .hub-detalhe { font-weight: 800; color: #53635d; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:has(.pill.calm, .pill.mid) .hub-detalhe { color: #8a5200; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:has(.pill.ok) .hub-detalhe { color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:has(.pill.bad) .hub-detalhe, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card .hub-falha { color: #b42318; }

/* ícones das formas de entrada (os glifos de texto ficam escondidos; o desenho vem por máscara) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-icone-entrada { font-size: 0; position: relative; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-icone-entrada::before {
  content: ''; width: 24px; height: 24px; background: currentColor;
  -webkit-mask: var(--tb-i-link) center / contain no-repeat; mask: var(--tb-i-link) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:nth-child(3) .hub-card:nth-child(2) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-layout); mask-image: var(--tb-i-layout); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:nth-child(4) .hub-card:nth-child(1) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-doc); mask-image: var(--tb-i-doc); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:nth-child(4) .hub-card:nth-child(2) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-up); mask-image: var(--tb-i-up); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:nth-child(4) .hub-card:nth-child(3) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-plus); mask-image: var(--tb-i-plus); }

/* botão do cartão vira o link "Abrir … ›" com filete em cima */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act {
  align-self: stretch; margin-top: auto; width: 100%; min-height: 0; padding: 14px 0 0; border: 0; border-top: 1px solid #e8f0ec !important;
  border-radius: 0; background: transparent !important; box-shadow: none !important; color: #0b7a57 !important;
  font: 800 14.5px/1.2 'Nunito Sans', system-ui, sans-serif; text-align: left; display: flex; align-items: center; gap: 6px; transform: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act::after {
  content: ''; width: 16px; height: 16px; background: currentColor; transition: transform .2s ease;
  -webkit-mask: var(--tb-i-chev) center / contain no-repeat; mask: var(--tb-i-chev) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act:hover:not(:disabled) { background: transparent !important; color: #016b43 !important; transform: none; text-decoration: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act:hover::after { transform: translateX(4px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act:focus-visible { outline: 3px solid rgba(11, 122, 87, .35); outline-offset: 4px; border-radius: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > p:empty { display: none; }

@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card { animation: tb-sobe .6s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:nth-child(2) { animation-delay: .07s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card:nth-child(3) { animation-delay: .14s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes-hub .hub-secao:nth-child(n+2) .hub-card { animation-delay: .1s; }
}

@media (max-width: 760px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-grade { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card { padding: 20px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracao-google-ads,#tiktok-ads) .hub-card > button.act { min-height: 44px; }
}


/* ================================================================== META ADS (todas as abas) */
/* conjunto em exibição */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 16px 22px; margin-bottom: 18px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar strong { font: 800 16px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar small { color: #53635d; font-size: 13.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar select { min-width: 260px; font-size: 14.5px; }

/* quatro fichas de estado */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .statbar {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 18px; padding: 0;
  background: transparent; border: 0; box-shadow: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 14px; align-items: center; align-content: center;
  min-width: 0; min-height: 96px; padding: 18px 20px; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:hover { transform: translateY(-3px); box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat::before {
  content: ''; grid-row: 1 / span 2; grid-column: 1; width: 52px; height: 52px; border-radius: 15px; background-color: #e6f4ee;
  background-repeat: no-repeat; background-position: center; background-size: 24px; align-self: center;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat b {
  grid-column: 2; font: 800 22px/1.15 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; letter-spacing: -.01em; color: #10201c;
  white-space: normal; overflow-wrap: anywhere;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat i {
  grid-column: 2; font-style: normal; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #53635d; margin-top: 4px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.good b { color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn b { color: #8a5200; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad b { color: #b42318; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm12%203%209%205-9%205-9-5z'%2F%3E%3Cpath%20d%3D'm3%2013%209%205%209-5'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn::before { background-color: #fff0d2; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a5200'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a5200'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a5200'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.warn:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a5200'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm12%203%209%205-9%205-9-5z'%2F%3E%3Cpath%20d%3D'm3%2013%209%205%209-5'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad::before { background-color: #fde7e4; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b42318'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b42318'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b42318'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'5'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat.bad:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b42318'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm12%203%209%205-9%205-9-5z'%2F%3E%3Cpath%20d%3D'm3%2013%209%205%209-5'%2F%3E%3C%2Fsvg%3E"); }
/* envio ligado: a primeira ficha ganha o destaque escuro */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:first-child.good { background: linear-gradient(135deg, #013735, #025a3c); border-color: transparent; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:first-child.good b { color: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:first-child.good i { color: #bee3d5; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:first-child.good::before { background-color: rgba(255, 255, 255, .14); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%2302f8a7'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:first-child.warn { border-left: 1px solid #dde8e3; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat { animation: tb-sobe .6s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(2) { animation-delay: .06s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(3) { animation-delay: .12s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat:nth-child(4) { animation-delay: .18s; }
}
@media (max-width: 1100px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .statbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .statbar { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat { min-height: 84px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #multiMetaToolbar select { min-width: 0; width: 100%; }
}

/* abas: segmentado com gradiente na ativa */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .abas-meta {
  display: flex; gap: 6px; flex-wrap: wrap; background: #fff; border: 1px solid #dde8e3; border-radius: 16px; padding: 6px;
  margin: 0 0 22px; box-shadow: none; max-width: 100%; overflow-x: auto; border-bottom: 1px solid #dde8e3;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; min-height: 44px; padding: 0 18px; border-radius: 11px; flex: none;
  border: 0; background: transparent; color: #53635d; font: 800 14.5px/1 'Nunito Sans', system-ui, sans-serif; white-space: nowrap; cursor: pointer;
  box-shadow: none; transition: background .18s ease, color .18s ease, transform .15s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta svg { width: 18px; height: 18px; flex: none; stroke: currentColor; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta:hover:not(.atual) { background: #e6f4ee; color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta:active { transform: scale(.97); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta.atual {
  background: linear-gradient(135deg, #016b43, #028552); color: #fff; box-shadow: 0 8px 16px -10px #01724a; border-radius: 11px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta.atual svg { stroke: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta.atual::after, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta.atual::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta:focus-visible { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta.atual { animation: tb-pop .35s var(--tb-ease); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta:not([hidden]) { animation: tb-sobe .5s var(--tb-ease) backwards; }
}

/* painéis */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta { background: transparent; border: 0; box-shadow: none; padding: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > h2 { font: 800 22px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 10px; padding: 0; border: 0; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > p.mini { font-size: 15px; line-height: 1.6; color: #53635d; margin: 0 0 18px; max-width: 860px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .qualidade .note { margin: 0; }

/* conexão e credenciais */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .meta-acoes-principais { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 20px; align-items: start; background: transparent; border: 0; padding: 0; box-shadow: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .multi-meta-grid { grid-column: 1; grid-row: 1 / span 2; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; background: transparent; border: 0; padding: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .note { grid-column: 2; grid-row: 1; padding: 22px 24px 22px 56px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .note::before { top: 24px; left: 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .note strong { font: 800 17px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; display: block; margin-bottom: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .note p { margin: 0 0 14px; color: #2d4039; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > p.mini { grid-column: 2; grid-row: 2; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .multi-meta-card {
  background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 28px; box-shadow: none; min-width: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .multi-meta-card > h3 { font: 800 22px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .multi-meta-card > p.mini { margin: 0 0 20px; font-size: 14.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred { display: flex; flex-direction: column; gap: 18px; padding: 0; border: 0; background: transparent; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred > label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-weight: 800; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred > label small { font-weight: 600; font-size: 13px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred > label.check {
  flex-direction: row; align-items: center; gap: 12px; border: 1px solid #c6d6cf; border-radius: 12px; padding: 14px 16px; background: #fff; cursor: pointer;
  transition: border-color .18s ease, background .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred > label.check:hover { border-color: #0b7a57; background: #f6fbf8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred > label.check:has(input:checked) { border-color: #0b7a57; background: #e6f4ee; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .form-cred .row { display: flex; gap: 10px; flex-wrap: wrap; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .multi-meta-message:empty { display: none; }
@media (max-width: 960px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta { grid-template-columns: minmax(0, 1fr); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .multi-meta-grid, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > .note, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .credenciais-meta > p.mini { grid-column: 1; grid-row: auto; }
}

/* diagnóstico e fila */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta [data-painel-meta="diagnostico"] > .row {
  display: flex; gap: 10px; flex-wrap: wrap; align-items: center; background: #fff; border: 1px solid #dde8e3; border-radius: 16px; padding: 14px 16px; margin: 0 0 20px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta [data-painel-meta="diagnostico"] > h2 { margin: 24px 0 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta [data-painel-meta="diagnostico"] > p.mini { margin: 0 0 16px; }

/* tutorial guiado */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial { background: #fff; border: 1px solid #dde8e3; border-radius: 20px; padding: 28px; box-shadow: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; flex-wrap: wrap; margin-bottom: 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-topo .cartao-titulo { font-size: 22px; margin: 0 0 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-progresso { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; min-width: 190px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-progresso b { font: 800 15px/1 'Outfit', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-progresso i { display: block; width: 190px; height: 10px; border-radius: 6px; background: #e8f0ec; overflow: hidden; font-style: normal; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial-progresso i > span { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #02a868, #02f8a7); transform-origin: left center; transition: width .6s var(--tb-ease); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo {
  display: flex; gap: 16px; padding: 20px 22px; border-radius: 16px; background: #fff; border: 1px solid #dde8e3; opacity: 1;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo:hover { border-color: #b7d6c9; transform: translateY(-2px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo.atual { background: #e6f4ee; border-color: #b7d6c9; box-shadow: 0 16px 28px -22px rgba(1, 55, 53, .5); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo.feito { background: #f6fbf8; opacity: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-n {
  flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #e6f4ee; color: #0b7a57; border: 1.5px solid #b7d6c9;
  font: 800 15px/1 'Outfit', system-ui, sans-serif; word-spacing: .07em;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo.atual .passo-n { background: linear-gradient(135deg, #016b43, #028552); color: #fff; border-color: transparent; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo.feito .passo-n { background: #0b7a57; color: #fff; border-color: transparent; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-titulo { font: 800 16px/1.35 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-texto { font-size: 14.5px; line-height: 1.65; color: #2d4039; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-texto a { color: #0b7a57; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-texto details { margin-top: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-texto details > summary { display: inline-flex; width: auto; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo-texto code { background: rgba(11, 122, 87, .12); color: #064e38; }

/* como rastrear: as três jornadas */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta .jornada { overflow: hidden; margin: 0 0 14px; padding: 0; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta .jornada:hover { transform: translateY(-3px); box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta .jornada.aberta { border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-topo {
  display: flex; align-items: center; gap: 18px; width: 100%; padding: 22px 26px; background: transparent; border: 0; text-align: left; cursor: pointer;
  font-family: inherit; color: #10201c;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-topo:hover { background: #f6fbf8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-topo strong { display: block; font: 800 17px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin-bottom: 3px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-topo small { display: block; color: #53635d; font-size: 14.5px; line-height: 1.5; font-weight: 500; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-marca {
  flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #e6f4ee; color: #0b7a57;
  font: 800 15px/1 'Outfit', system-ui, sans-serif; word-spacing: .07em; transition: background .2s ease, color .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada.aberta .jornada-marca, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada:hover .jornada-marca { background: linear-gradient(135deg, #016b43, #028552); color: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-seta { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #f3f7f5; color: #0b7a57; font-size: 12px; transition: transform .2s ease, background .2s ease; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada.aberta .jornada-seta { transform: rotate(90deg); background: #e6f4ee; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-corpo { padding: 4px 26px 24px; border-top: 1px solid #e8f0ec; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta > .note { margin: 0 0 18px !important; padding-left: 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta > .note::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta > .note .hub-card-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta > .note .hub-card-topo strong { font: 800 17px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #jornadasMeta > .note .act { margin: 4px 8px 0 0; }

/* títulos e textos de abertura deixam de ser "cabeça de cartão" colada no conteúdo */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > h2, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > h2 + .mini,
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta[data-painel-meta] > h2, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta[data-painel-meta] > h2 + .mini {
  background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-left: 0; margin-right: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > h2 { margin-top: 0; margin-bottom: 8px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > h2 + .mini { margin: 0 0 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > .politica, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > .qualidade, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .politica, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .qualidade {
  background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta > .wrap, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta [data-painel-meta="diagnostico"] > .wrap { border-radius: 16px; border: 1px solid #dde8e3; }

/* política de envio */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta { display: flex; flex-direction: column; gap: 20px; max-width: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta > .note { margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo {
  background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 24px 26px; box-shadow: none; margin: 0; min-width: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo:hover { border-color: #cfe3d9; box-shadow: 0 20px 34px -26px rgba(1, 55, 53, .4); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo-titulo {
  position: relative; border: 0; padding: 0 0 0 16px; margin: 0 0 12px; font: 800 18px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c;
  letter-spacing: -.01em; text-transform: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo-titulo::before {
  content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 5px; border-radius: 5px; background: linear-gradient(180deg, #02f8a7, #028552);
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo-titulo small { font: 600 13px/1.4 'Nunito Sans', system-ui, sans-serif; color: #53635d; letter-spacing: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-item { border-top: 1px solid #e8f0ec; padding: 12px 0; min-height: 64px; transition: background .15s ease; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-item:first-of-type { border-top: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-item:hover:not(.sensivel) { background: #f9fcfa; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-rotulo { color: #10201c; font-size: 15px; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-rotulo small { color: #53635d; font-weight: 500; font-size: 13px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-item.sensivel { background: #fff4f2; border: 1px solid #f0c9c6; border-radius: 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-estado { border-radius: 10px; font-size: 12.5px; font-weight: 800; min-height: 32px; display: inline-flex; align-items: center; justify-content: center; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .switch i { transition: background .2s ease, border-color .2s ease; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .switch input:checked + i { background: linear-gradient(135deg, #016b43, #02a868); border-color: #016b43; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .switch input:not(:checked) + i { background: #c6d6cf; border-color: #a9bdb4; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .switch input:focus-visible + i { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 2px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-valor-opcoes, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-fallback { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta label.radio {
  display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 0 16px; border: 1px solid #c6d6cf; border-radius: 12px; background: #fff;
  font-weight: 700; font-size: 14px; color: #10201c; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .15s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta label.radio:hover { border-color: #0b7a57; transform: translateY(-1px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta label.radio:has(input:checked) { border-color: #0b7a57; background: #e6f4ee; color: #064e38; box-shadow: inset 0 0 0 1px #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-fixo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-fixo input { width: 120px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-previa { background: #f3f7f5; border: 1px solid #dde8e3; border-radius: 14px; padding: 16px 18px; margin-top: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .previa-topo { font-size: 13.5px; color: #53635d; margin-bottom: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .previa-linha { display: grid; grid-template-columns: minmax(150px, 1fr) 110px minmax(0, 2fr); gap: 14px; align-items: baseline; padding: 8px 0; border-top: 1px solid #e3ece8; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .previa-linha b { font: 800 17px/1.2 'Outfit', system-ui, sans-serif; word-spacing: .07em; color: #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta > .row { display: flex; gap: 10px; flex-wrap: wrap; margin: 4px 0 0; }
@media (max-width: 1100px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-grupo { padding: 20px 16px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .previa-linha { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-item.sensivel { margin: 4px 0; padding: 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta[data-painel-meta="diagnostico"] > h2 { margin: 30px 0 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .painel-meta[data-painel-meta="diagnostico"] > p.mini:first-child { margin: 0 0 16px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-seta { font-size: 0; position: relative; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-seta::before {
  content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--tb-i-chev) center / contain no-repeat; mask: var(--tb-i-chev) center / contain no-repeat;
}
@media (max-width: 760px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .abas-meta { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scroll-snap-type: x proximity; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .aba-meta { scroll-snap-align: start; }
}
@media (max-width: 560px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat { min-height: 72px; padding: 14px 16px; column-gap: 12px; grid-template-columns: 44px minmax(0, 1fr); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat::before { width: 44px; height: 44px; border-radius: 13px; background-size: 22px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #metaStatus .stat b { font-size: 20px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .multi-meta-card { padding: 22px 18px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .tutorial { padding: 20px 14px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .passo { padding: 16px 14px; gap: 12px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-topo { padding: 16px; gap: 12px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta .jornada-corpo { padding: 4px 14px 18px; }
}


/* ================================================================== PLATAFORMAS E WEBHOOKS */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > .note, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads > .note { margin: 0 0 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row {
  display: flex; flex-wrap: wrap; gap: 14px; align-items: center; background: #fff; border: 1px solid #dde8e3; border-radius: 18px;
  padding: 20px 24px; margin: 0 0 20px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > input, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > select, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > label { flex: 1 1 200px; width: auto !important; min-width: 0; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > label input { width: 100%; margin-top: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > .act.primary { margin-left: auto; min-height: 48px; padding: 0 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > .act.primary::before {
  content: ''; width: 18px; height: 18px; background: currentColor; margin-right: 8px; display: inline-block; vertical-align: -4px;
  -webkit-mask: var(--tb-i-plus) center / contain no-repeat; mask: var(--tb-i-plus) center / contain no-repeat;
}

/* bloco "API / Postback — os dois contratos" */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco {
  background: #fff; border: 1px solid #dde8e3; border-radius: 18px; margin: 0 0 24px; padding: 0; box-shadow: none; overflow: hidden;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco > summary {
  min-height: 72px; padding: 0 24px; border: 0; border-radius: 0; background: transparent; color: #10201c;
  font: 800 18px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; gap: 14px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco > summary:hover { background: #f6fbf8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco > summary::before {
  content: ''; width: 40px; height: 40px; border-radius: 12px; flex: none; background-color: #e6f4ee; background-repeat: no-repeat; background-position: center; background-size: 22px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E");
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco > summary::after { width: 22px; height: 22px; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiBloco[open] > summary { border-bottom: 1px solid #e8f0ec; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos { padding: 22px 24px 26px !important; display: flex; flex-direction: column; gap: 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos .contratos { display: flex; flex-direction: column; gap: 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos .contratos > .card { background: #fafcfb; border: 1px solid #dde8e3; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos .hub-card-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos .hub-card-topo strong { font: 800 19px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #apiContratos p.mini { font-size: 15px; line-height: 1.6; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .codigo-grande, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .codigo-grande {
  background: #0d241f; color: #d8f5e8; border: 0; border-radius: 14px; padding: 16px 18px; margin: 0;
  font: 500 13px/1.65 ui-monospace, 'Cascadia Mono', Consolas, monospace; overflow-wrap: anywhere; white-space: pre-wrap; box-shadow: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-lista {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; margin: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item {
  display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid #dde8e3; border-radius: 16px; padding: 16px; margin: 0; box-shadow: none; min-width: 0;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item:hover { transform: translateY(-3px); border-color: #b7d6c9; box-shadow: 0 18px 28px -22px rgba(1, 55, 53, .45); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item > strong { font: 800 16px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin-right: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item .codigo-grande { background: #eaf1ee; color: #10201c; padding: 10px 12px; border-radius: 10px; font-size: 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item .row { display: flex; flex-direction: column; gap: 8px; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item .row .act { width: 100%; justify-content: center; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item .row .act:first-child::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .multi-hooks .url-hook .act::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook .act:first-of-type::before {
  content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 7px; vertical-align: -3px; background: currentColor;
  -webkit-mask: var(--tb-i-copy) center / contain no-repeat; mask: var(--tb-i-copy) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .jornada-item .row .act:first-child { display: inline-flex; align-items: center; justify-content: center; }

/* cartões das fontes (um por plataforma) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte {
  position: relative; display: flex; flex-direction: column; gap: 16px; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 24px; box-shadow: none; margin: 0; min-width: 0;
  overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #02a868, #02f8a7); transform-origin: left center;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="logzz"])::before { background: var(--m-logzz, #0b7a57); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="hyppe"])::before { background: var(--m-hyppe, #6d28d9); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="coinzz"])::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="coinzz-after"])::before { background: var(--m-coinzz, #d97706); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="paguepay"])::before { background: var(--m-paguepay, #1d4ed8); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="braip"])::before { background: #7055b8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="scalacod"])::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:has([data-m="scalacode"])::before { background: var(--m-scalacode, #0b7a57); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte:hover { transform: translateY(-4px); box-shadow: 0 22px 36px -24px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-cabecalho { display: flex; justify-content: space-between; align-items: center; gap: 12px 16px; flex-wrap: wrap; padding: 0 0 16px; border-bottom: 1px solid #e8f0ec; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-identidade { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-identidade > strong { font: 800 19px/1.2 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; margin-right: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-avatar {
  display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; font: 800 20px/1 'Outfit', system-ui, sans-serif; word-spacing: .07em;
  box-shadow: 0 10px 18px -10px rgba(1, 55, 53, .55); flex: none; transition: transform .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .painel-fonte:hover .fonte-avatar { transform: scale(1.07) rotate(-4deg); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-acoes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .fonte-ultima { color: #53635d; font-size: 13.5px; margin-right: 4px; }

/* "Seu papel nesta integração" */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-bloco { background: #f3f7f5; border: 1px solid #e0ebe6; border-radius: 14px; padding: 16px 18px; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-bloco.pendente { background: #fff6df; border-color: #f1d9a0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-bloco.opcional { border-style: solid; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-topo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-topo strong { font: 800 15px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-bloco .mini { margin: 4px 0 12px; line-height: 1.55; font-size: 13.5px; color: #4a5c55; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcao {
  min-height: 46px; border-radius: 12px; border: 1px solid #c6d6cf; background: #fff; color: #10201c; font: 700 14.5px/1 'Nunito Sans', system-ui, sans-serif; cursor: pointer;
  transition: transform .15s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcao:hover { border-color: #0b7a57; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcao.ativa { border-color: #0b7a57; background: #e6f4ee; color: #064e38; box-shadow: inset 0 0 0 1px #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcao.ativa::before { content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; background: #0b7a57; -webkit-mask: var(--tb-i-check) center / contain no-repeat; mask: var(--tb-i-check) center / contain no-repeat; }

/* autenticação da Braip, URL do webhook e destinos */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .braip-config { background: transparent; border: 0; padding: 0; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .braip-config > summary::after { margin-left: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .braip-config > summary .braip-config-acao { margin-left: auto; color: #0b7a57; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .braip-config-corpo { padding: 14px 4px 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .multi-hooks { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .multi-hooks > .cartao-titulo, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .painel-fonte .cartao-titulo { font: 800 15px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook {
  display: flex; align-items: center; gap: 10px; background: #eaf1ee; border: 1px solid #d3e6dc; border-radius: 14px; padding: 8px 8px 8px 16px; margin: 0; min-width: 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook > span { flex: 1 1 auto; min-width: 0; font: 500 13px/1.5 ui-monospace, 'Cascadia Mono', Consolas, monospace; color: #10201c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook .act { flex: none; white-space: nowrap; background: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .painel-fonte p.mini { margin: 0; font-size: 13.5px; line-height: 1.6; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .destinos-extras { margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .destinos-extras > summary { width: fit-content; }
@media (max-width: 1100px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes > form.row > .act.primary { margin-left: 0; width: 100%; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .papel-opcoes { grid-template-columns: minmax(0, 1fr); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook { flex-wrap: wrap; padding: 12px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook > span { white-space: normal; overflow-wrap: anywhere; flex-basis: 100%; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes .url-hook .act { width: 100%; justify-content: center; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #integracoes #listaFontes > .painel-fonte { padding: 18px 16px; }
}

/* ================================================================== PAYLOADS */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads > .row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 0 0 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads > .row select { min-width: 260px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads .split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 22px; align-items: start; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads .split > .wrap { overflow: auto; max-height: 76vh; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #tabelaPayloads a { color: #0b7a57; font-weight: 800; text-decoration: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #tabelaPayloads tbody tr { cursor: default; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #tabelaPayloads tbody tr:hover td:first-child { box-shadow: inset 4px 0 0 #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload:not(:has(> .empty)) {
  position: relative; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 26px 26px 28px; display: flex; flex-direction: column; gap: 14px; overflow: hidden;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload:not(:has(> .empty))::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #02a868, #02f8a7); }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload:not(:has(> .empty)) { animation: tb-sobe .5s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload:not(:has(> .empty))::before { animation: tb-cresce .8s var(--tb-ease) backwards .1s; }
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload > h2 { font: 800 21px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload > h2:nth-of-type(n+2) { font-size: 17px; margin-top: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload pre { max-height: 420px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload td strong { font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads #detalhePayload .note { margin: 0; }
@media (max-width: 1100px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #payloads .split { grid-template-columns: minmax(0, 1fr); } }

/* ================================================================== SITES E INTEGRAÇÕES PRÓPRIAS */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio > .cartao-titulo { font: 800 24px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio > p.mini { font-size: 15px; line-height: 1.6; margin: 0 0 22px; max-width: 880px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-como { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0 0 26px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-como > .cartao-titulo { grid-column: 1 / -1; font: 800 12px/1 'Nunito Sans', system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #53635d; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-como > .cartao-titulo::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao {
  position: relative; display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1.5px solid #dde8e3; border-radius: 18px; padding: 22px 22px; margin: 0; cursor: pointer; min-width: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao:has(input:checked) { border-color: #0b7a57; border-width: 2px; padding: 21.5px 21.5px; background: #e6f4ee; box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .5); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao::before {
  content: ''; flex: none; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #b4c7bf; background: #fff; margin-top: 1px; box-sizing: border-box;
  transition: background .2s ease, border-color .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao:has(input:checked)::before {
  background-color: #0b7a57; border-color: #0b7a57; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center;
}
@media (prefers-reduced-motion: no-preference) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao:has(input:checked)::before { animation: tb-pop .4s var(--tb-ease); } }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao:has(input:focus-visible) { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 3px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao > span { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; min-width: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao strong { font: 800 17px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio label.opcao small { color: #53635d; font-size: 14.5px; line-height: 1.55; font-weight: 500; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel { display: flex; flex-direction: column; gap: 14px; margin: 0 0 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .cartao-titulo { font: 800 22px/1.25 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin: 6px 0 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > p.mini { font-size: 15px; line-height: 1.6; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .note { margin: 0; padding-top: 20px; padding-bottom: 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .note .cartao-titulo { margin: 0 0 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .note .act { margin-top: 6px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .note > strong { font: 800 16px/1.4 'Outfit', system-ui, sans-serif; word-spacing: .07em; display: block; margin-bottom: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioWhatsapp > .note { background: #e6f4ee; }
@media (max-width: 1100px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-como { grid-template-columns: minmax(0, 1fr); } }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel { background: transparent; border: 0; box-shadow: none; padding: 0; border-radius: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > .note ~ *, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio .rastreio-painel > * { max-width: none; }


/* campos de formulário em coluna (valem para todas as telas do grupo) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .campo { display: flex; flex-direction: column; gap: 8px; margin: 0 0 16px; min-width: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .campo > label { margin: 0; font-weight: 800; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .campo > input, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .campo > select { width: 100%; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .campo > .act { align-self: flex-start; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#integracoes-hub,#integracoes,#rastreio,#payloads,#meta,#integracao-google-ads,#tiktok-ads,#ga4,#eventos,#importar) .vazio {
  border: 1.5px dashed #c6d6cf; border-radius: 16px; background: #fafcfb; color: #53635d; text-align: center; padding: 20px; font-size: 14.5px;
}

/* o passo a passo de instalação: duas colunas num cartão só */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr auto auto; column-gap: 0; row-gap: 0; align-items: start;
  border: 1px solid #dde8e3; border-radius: 18px; padding: 0; overflow: hidden;
  background-color: #fff; background-image: linear-gradient(#e8f0ec, #e8f0ec); background-size: 1px 100%; background-repeat: no-repeat; background-position: 50% 0;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > div { margin: 0 !important; padding: 24px 24px 12px; font-size: 15px; line-height: 1.6; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > div:nth-of-type(2) { grid-column: 2; grid-row: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > pre { margin: 0 24px; grid-column: 1; grid-row: 2; align-self: stretch; white-space: pre-wrap; overflow-wrap: anywhere; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > pre:nth-of-type(2) { grid-column: 2; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > .act { margin: 16px 24px 24px; justify-self: start; grid-row: 3; grid-column: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > .act:nth-of-type(2) { grid-column: 2; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > p.mini { grid-column: 1 / -1; grid-row: 7; margin: 0 !important; padding: 14px 24px; border-top: 1px solid #e8f0ec; background: #fafcfb; }
/* 23/10/2026: o item 3 (Parâmetros de URL) caía na mesma célula do item 1 e cobria o código e o botão "copiar código".
   Agora ele ocupa a largura toda, abaixo dos itens 1 e 2; a linha do meio só vai até o fim do item 2. */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar { background-image: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar::before { content: ''; grid-column: 2; grid-row: 1 / 4; align-self: stretch; border-left: 1px solid #e8f0ec; pointer-events: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > div:nth-of-type(3) { grid-column: 1 / -1; grid-row: 4; border-top: 1px solid #e8f0ec; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > pre:nth-of-type(3) { grid-column: 1 / -1; grid-row: 5; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > .act:nth-of-type(3) { grid-column: 1; grid-row: 6; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > .note { grid-column: 1 / -1; margin: 16px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > .act::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova .act:first-of-type::before {
  content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 8px; vertical-align: -3px; background: currentColor;
  -webkit-mask: var(--tb-i-copy) center / contain no-repeat; mask: var(--tb-i-copy) center / contain no-repeat;
}
@media (max-width: 960px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar { grid-template-columns: minmax(0, 1fr); background-image: none; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar > * { grid-column: 1 !important; grid-row: auto !important; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #rastreioSiteInstalar::before { display: none; }
}

/* lista de fontes (um cartão por site) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 20px; margin: 0 0 8px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note {
  display: flex; flex-direction: column; gap: 6px; margin: 0 !important; padding: 22px 24px; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; min-width: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note .cartao-titulo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font: 800 19px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin: 0 !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note p.mini { margin: 0 !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note .multi-origin { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 8px 0 4px; padding-top: 14px; border-top: 1px solid #e8f0ec; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note > .act { align-self: flex-start; margin-top: 4px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista > .note > .act:not(.mini)::after { content: ''; width: 16px; height: 16px; margin-left: 6px; background: currentColor; -webkit-mask: var(--tb-i-chev) center / contain no-repeat; mask: var(--tb-i-chev) center / contain no-repeat; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesNova, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova { border-radius: 18px; padding: 24px 26px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesNova { background: #e6f4ee; max-width: 560px; margin-top: 8px !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesNova::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesNova .cartao-titulo, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova .cartao-titulo { font: 800 19px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 14px !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova { background: #fff0d2; color: #5c3600; padding-left: 60px; max-width: 760px; margin-top: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova::before { top: 26px; left: 24px; background: #8a5200; -webkit-mask-image: var(--tb-i-lock); mask-image: var(--tb-i-lock); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova .cartao-titulo { margin-bottom: 8px !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova .codigo-grande { margin: 14px 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteChaveNova .act { margin: 0 8px 0 0; }

/* detalhe de uma fonte */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe:not([hidden]) {
  position: relative; background: #fff; border: 1px solid #dde8e3; border-radius: 20px; padding: 30px 30px 24px; margin-top: 22px; overflow: hidden;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe:not([hidden])::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: linear-gradient(90deg, #02a868, #02f8a7); }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe:not([hidden]) { animation: tb-sobe .6s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe:not([hidden])::before { animation: tb-cresce .9s var(--tb-ease) backwards .1s; transform-origin: left center; }
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .cartao-titulo { font: 800 26px/1.2 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo { padding: 20px 0 6px; border-top: 1px solid #e8f0ec; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo > label:first-child:not(.opcao) { font: 800 17px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; display: block; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo > label:first-child:not(.opcao) .mini { font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 13.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .campo .campo { padding: 6px 0 0; border: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .campo .campo > label { font: 800 15px/1.3 'Outfit', system-ui, sans-serif; word-spacing: .07em; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe label.opcao { margin: 0 0 10px; padding: 16px 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe label.opcao:has(input:checked) { padding: 15.5px 17.5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .note { margin: 6px 0 14px; padding-left: 52px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .note .campo { margin: 12px 0 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .note > strong { font: 800 16px/1.4 'Outfit', system-ui, sans-serif; word-spacing: .07em; margin-right: 8px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .wrap { margin: 6px 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe .codigo-grande { margin: 4px 0 6px; }
@media (max-width: 560px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe:not([hidden]) { padding: 22px 16px; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fontesLista { grid-template-columns: minmax(0, 1fr); } }
/* "Para onde mandar": os destinos em duas colunas */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo:has(> label.opcao:nth-of-type(2)):not(:has(> label.opcao:only-of-type)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; align-items: stretch; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo:has(> label.opcao:nth-of-type(2)) > :not(label.opcao) { grid-column: 1 / -1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo:has(> label.opcao:nth-of-type(2)) > label.opcao { margin: 0; }
@media (max-width: 760px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #rastreio #fonteDetalhe > .campo:has(> label.opcao:nth-of-type(2)) { grid-template-columns: minmax(0, 1fr); } }


/* ================================================================== GOOGLE ADS e TIKTOK ADS */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubCorpo, #tiktokHubCorpo) { display: flex; flex-direction: column; gap: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubCorpo, #tiktokHubCorpo) > .hub-faixa, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) > .hub-faixa { margin: 34px 0 6px; font: 800 23px/1.2 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; padding: 0; border: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubCorpo, #tiktokHubCorpo) > p.mini, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) > p.mini { font-size: 15px; line-height: 1.55; color: #53635d; margin: 0 0 18px; max-width: 840px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) { margin-top: 12px; padding-top: 4px; border-top: 1px solid #dde8e3; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-grade { margin-bottom: 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card-topo { min-height: 0; }

/* cartão "Conexão com …" */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) > .card {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 28px; padding: 28px; border-radius: 20px; background: #fff; border: 1px solid #dde8e3;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) > .card > * { grid-column: 1 / -1; margin: 0; min-width: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) .hub-card-topo { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; min-height: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) .hub-card-topo strong {
  display: inline-flex; align-items: center; gap: 14px; font: 800 24px/1.2 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) .hub-card-topo strong::before {
  content: ''; width: 48px; height: 48px; border-radius: 14px; background: #fff center / 28px no-repeat; border: 1px solid #dde8e3; box-shadow: 0 8px 16px -10px rgba(1, 55, 53, .45); flex: none;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #gadsHubConexao .hub-card-topo strong::before { background-image: url('/assets/brand/google-ads.svg'); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao .hub-card-topo strong::before { background-image: url('/assets/brand/tiktok.png'); background-size: 30px; border-radius: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) .hub-detalhe {
  display: flex; align-items: center; gap: 8px; margin-top: -6px; font-size: 14.5px; font-weight: 800; color: #8a5200; padding-left: 62px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) .hub-detalhe::before {
  content: ''; width: 18px; height: 18px; background: currentColor; flex: none; margin-left: -26px;
  -webkit-mask: var(--tb-i-alert) center / contain no-repeat; mask: var(--tb-i-alert) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) > .card > p.mini:not(.hub-detalhe) {
  position: relative; background: #eaf1ee; border-radius: 14px; padding: 18px 20px 18px 62px; font-size: 14.5px; line-height: 1.6; color: #10201c;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubConexao, #tiktokHubConexao) > .card > p.mini:not(.hub-detalhe)::before {
  content: ''; position: absolute; left: 18px; top: 16px; width: 30px; height: 30px; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%2353635d'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'5'%20y%3D'11'%20width%3D'14'%20height%3D'9'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2011V8a4%204%200%200%201%208%200v3'%2F%3E%3C%2Fsvg%3E") center / 16px no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > p.mini:not(.hub-detalhe) { grid-column: 1; grid-row: 3; align-self: stretch; padding-top: 70px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > p.mini:not(.hub-detalhe)::before { top: 22px; width: 38px; height: 38px; background-size: 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > .campo { grid-column: 2; grid-row: 3; margin: 0; gap: 8px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao .campo > label { font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao .campo > label:nth-of-type(2) { margin-top: 10px !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao .campo > .act.primary { margin-top: 14px; min-height: 48px; padding: 0 24px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao .campo > .act.primary::before {
  content: ''; width: 18px; height: 18px; margin-right: 8px; display: inline-block; vertical-align: -4px; background: currentColor;
  -webkit-mask: var(--tb-i-check) center / contain no-repeat; mask: var(--tb-i-check) center / contain no-repeat;
}
@media (max-width: 960px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) { grid-template-columns: minmax(0, 1fr); }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > p.mini:not(.hub-detalhe), html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > .campo { grid-column: 1; grid-row: auto; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubConexao > .card:has(> .campo) > p.mini:not(.hub-detalhe) { padding-top: 18px; }
}

/* jornada: WhatsApp / CRM ou meu site */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-abas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 0 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba {
  position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 30px; grid-template-rows: auto auto; column-gap: 16px; row-gap: 2px; align-items: center; text-align: left;
  background: #fff; border: 1.5px solid #dde8e3; border-radius: 18px; padding: 18px 22px; cursor: pointer; font-family: inherit; color: #10201c; min-width: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba::before {
  content: ''; grid-row: 1 / span 2; grid-column: 1; width: 52px; height: 52px; border-radius: 15px; background: #e6f4ee url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2020l1.3-4A8%208%200%201%201%208%2018.7z'%2F%3E%3C%2Fsvg%3E") center / 24px no-repeat;
  transition: background-color .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'4'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M3%209h18M9%209v11'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba::after {
  content: ''; grid-column: 3; grid-row: 1 / span 2; width: 30px; height: 30px; border-radius: 50%; background: #0b7a57 url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E") center / 18px no-repeat; transform: scale(0); opacity: 0;
  transition: transform .25s cubic-bezier(.2, .9, .3, 1.3), opacity .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba strong { grid-column: 2; font: 800 17px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba small { grid-column: 2; color: #53635d; font-size: 14px; line-height: 1.45; font-weight: 500; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba:hover { transform: translateY(-3px); box-shadow: 0 20px 34px -22px rgba(1, 55, 53, .45); border-color: #b7d6c9; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba.atual { background: #e6f4ee; border-color: #0b7a57; box-shadow: 0 20px 34px -24px rgba(1, 55, 53, .5); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba.atual::before { background-color: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba.atual::after { transform: scale(1); opacity: 1; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba:focus-visible, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item:focus-visible { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 3px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-escolha { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; margin: 0 0 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item {
  display: flex; flex-direction: column; gap: 3px; align-items: flex-start; text-align: left; background: #fff; border: 1.5px solid #dde8e3; border-radius: 14px; padding: 16px 18px;
  cursor: pointer; font-family: inherit; color: #10201c; min-width: 0; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item strong { font: 800 15.5px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item small { color: #53635d; font-size: 13.5px; font-weight: 500; line-height: 1.4; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item:hover { transform: translateY(-3px); border-color: #b7d6c9; box-shadow: 0 18px 28px -22px rgba(1, 55, 53, .45); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item.atual { background: #e6f4ee; border-color: #0b7a57; box-shadow: inset 0 0 0 1px #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item.atual strong { color: #064e38; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubFontes, #tiktokHubFontes) > p.mini { margin: 0 0 8px; font-size: 14.5px; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba { animation: tb-sobe .55s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-aba:nth-child(2) { animation-delay: .06s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item:nth-child(4n+2) { animation-delay: .04s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item:nth-child(4n+3) { animation-delay: .08s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .fonte-item:nth-child(4n) { animation-delay: .12s; }
}
@media (max-width: 760px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .familia-abas { grid-template-columns: minmax(0, 1fr); } }

/* editor de uma fonte dentro da rede */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .editor-contexto { background: #fff; border: 1px solid #b7d6c9; border-radius: 20px; padding: 0; overflow: hidden; margin: 18px 0 8px; box-shadow: 0 22px 36px -28px rgba(1, 55, 53, .5); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .editor-contexto > .hub-card-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #e6f4ee; padding: 16px 24px; min-height: 0; flex-wrap: wrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .editor-contexto > .hub-card-topo strong { display: inline-flex; align-items: center; gap: 12px; font: 800 18px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #gadsHubEditor .editor-contexto > .hub-card-topo strong::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubEditor .editor-contexto > .hub-card-topo strong::before {
  content: ''; width: 36px; height: 36px; border-radius: 10px; background: #fff center / 22px no-repeat; flex: none; border: 1px solid #cfe6dc;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #gadsHubEditor .editor-contexto > .hub-card-topo strong::before { background-image: url('/assets/brand/google-ads.svg'); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #tiktokHubEditor .editor-contexto > .hub-card-topo strong::before { background-image: url('/assets/brand/tiktok.png'); background-size: 24px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .editor-contexto > div:not(.hub-card-topo) { padding: 22px 24px 24px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino { display: flex; flex-direction: column; gap: 14px; background: transparent; border: 0; padding: 0; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:first-child { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:first-child > strong { font: 800 20px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:first-child > .spacer { margin-left: auto; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > div.mini:not(.aviso-mesma-conversao) { background: #eaf1ee; border-radius: 12px; padding: 12px 16px; font-size: 14px; line-height: 1.6; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > label.mini { display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 800; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > label.mini > input, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > label.mini > select { width: 100%; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > div.mini:nth-of-type(n+3):not(.aviso-mesma-conversao) { background: transparent; padding: 0; font-weight: 800; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) > label.mini {
  display: flex; align-items: center; gap: 12px; min-height: 56px; background: #fff; border: 1.5px solid #dde8e3; border-radius: 14px; padding: 10px 16px; margin: 0;
  font-weight: 800; font-size: 14.5px; color: #10201c; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .15s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) > label.mini:hover { border-color: #0b7a57; transform: translateY(-1px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) > label.mini:has(input:checked) { background: #e6f4ee; border-color: #0b7a57; box-shadow: inset 0 0 0 1px #0b7a57; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) > label.mini > span {
  margin-left: auto; background: #10201c; color: #fff; border-radius: 8px; padding: 4px 10px; font: 700 12.5px/1.2 ui-monospace, 'Cascadia Mono', Consolas, monospace; white-space: nowrap;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .aviso-mesma-conversao:not([hidden]) { background: #fff0d2; color: #5c3600; border-radius: 14px; padding: 14px 18px 14px 50px; position: relative; font-weight: 700; font-size: 14.5px; line-height: 1.5; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .aviso-mesma-conversao:not([hidden])::before { content: ''; position: absolute; left: 18px; top: 15px; width: 20px; height: 20px; background: #8a5200; -webkit-mask: var(--tb-i-alert) center / contain no-repeat; mask: var(--tb-i-alert) center / contain no-repeat; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > p.mini { font-size: 13.5px; line-height: 1.6; color: #53635d; margin: 0; }
@media (max-width: 760px) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal .painel-destino > .row:not(:first-child) { grid-template-columns: minmax(0, 1fr); } }

/* ícones das três formas de entrada nas telas das redes */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:nth-child(1) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-plug); mask-image: var(--tb-i-plug); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:nth-child(2) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-up); mask-image: var(--tb-i-up); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:nth-child(3) .hub-icone-entrada::before { -webkit-mask-image: var(--tb-i-pulse); mask-image: var(--tb-i-pulse); }

/* ================================================================== GA4 */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 {
  display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr); grid-template-rows: auto auto auto auto 1fr auto auto auto auto auto; column-gap: 24px; row-gap: 0; align-items: start;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:empty { display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config {
  grid-column: 1; grid-row: 1 / span 5; max-width: none !important; display: flex !important; flex-direction: column; gap: 18px !important;
  background: #fff; border: 1px solid #dde8e3; border-radius: 20px; padding: 28px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > label { display: flex; flex-direction: column; gap: 8px; font-weight: 800; font-size: 14px; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > label:has(input[type="checkbox"]) {
  flex-direction: row; align-items: center; gap: 12px; border: 1px solid #c6d6cf; border-radius: 12px; padding: 14px 16px; background: #fff; cursor: pointer; font-size: 14.5px;
  transition: border-color .18s ease, background .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > label:has(input[type="checkbox"]):hover { border-color: #0b7a57; background: #f6fbf8; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > label:has(input:checked) { border-color: #0b7a57; background: #e6f4ee; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > p { margin: 0; position: relative; background: #fff0d2; color: #5c3600; border-radius: 14px; padding: 14px 18px 14px 50px; font-size: 14.5px; line-height: 1.55; font-weight: 600; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > p::before { content: ''; position: absolute; left: 18px; top: 15px; width: 20px; height: 20px; background: #8a5200; -webkit-mask: var(--tb-i-alert) center / contain no-repeat; mask: var(--tb-i-alert) center / contain no-repeat; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > .act.primary { align-self: flex-start; min-height: 48px; padding: 0 24px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config > .act.primary::before {
  content: ''; width: 18px; height: 18px; margin-right: 8px; display: inline-block; vertical-align: -4px; background: currentColor;
  -webkit-mask: var(--tb-i-check) center / contain no-repeat; mask: var(--tb-i-check) center / contain no-repeat;
}
/* a coluna da direita: um cartão contínuo (título + três parágrafos) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > h2 {
  grid-column: 2; grid-row: 1; margin: 0; padding: 24px 26px 6px; background: #fff; border: 1px solid #dde8e3; border-bottom: 0; border-radius: 20px 20px 0 0;
  font: 800 12px/1.3 'Nunito Sans', system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #53635d;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1), html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2), html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3) {
  grid-column: 2; margin: 0; padding: 12px 26px 12px 74px; background: #fff; border: 1px solid #dde8e3; border-top: 0; border-bottom: 0; font-size: 14.5px; line-height: 1.6; color: #10201c; position: relative;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1) { grid-row: 2; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2) { grid-row: 3; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3) { grid-row: 4; border-bottom: 1px solid #dde8e3; border-radius: 0 0 20px 20px; padding-bottom: 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1)::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2)::before, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3)::before {
  content: ''; position: absolute; left: 26px; top: 10px; width: 36px; height: 36px; border-radius: 50%; background: #e6f4ee center / 18px no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%2011v5.5M12%207.6v.1'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3)::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a5200'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%204%202.5%2020h19z'%2F%3E%3Cpath%20d%3D'M12%2010v4.5M12%2017.2v.1'%2F%3E%3C%2Fsvg%3E"); background-color: #fff0d2; }
/* a ficha de estado (Não configurado · legacy · ...) vira uma faixa de selo */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2) { font-weight: 800; color: #53635d; }
/* o diagnóstico (fila local) */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > h3 { grid-column: 1; grid-row: 7; margin: 34px 0 0; font: 800 23px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; align-self: center; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > button.act { grid-column: 2; grid-row: 7; justify-self: end; align-self: end; margin: 34px 0 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > button.act::before {
  content: ''; width: 18px; height: 18px; margin-right: 8px; display: inline-block; vertical-align: -4px; background: currentColor;
  -webkit-mask: var(--tb-i-refresh) center / contain no-repeat; mask: var(--tb-i-refresh) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(5) { grid-column: 1 / -1; grid-row: 6; margin: 22px 0 0; font-size: 14.5px; line-height: 1.6; color: #53635d; max-width: 880px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(6) {
  grid-column: 1 / -1; grid-row: 8; margin: 14px 0 0; padding: 18px 22px; background: #fff; border: 1px solid #dde8e3; border-radius: 16px;
  font: 800 16px/1.5 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; word-spacing: .07em;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(7) { grid-column: 1 / -1; grid-row: 9; margin: 12px 0 14px; font-size: 14.5px; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > .table-wrap { grid-column: 1 / -1; grid-row: 10; }
@media (max-width: 1000px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 { display: flex; flex-direction: column; gap: 0; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config { order: 5; margin-top: 18px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > h2, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1), html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2), html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3) { order: 1; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(1) { order: 2; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(2) { order: 3; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(3) { order: 4; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > button.act { align-self: flex-start; order: 7; margin-top: 14px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > h3 { order: 6; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(5) { order: 8; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(6) { order: 9; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > p:nth-of-type(7) { order: 10; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > .table-wrap { order: 11; }
}
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config { animation: tb-sobe .65s var(--tb-ease) backwards; }
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #ga4 > form.ga4-config { margin: 0 !important; }


/* ================================================================== entradas das redes: ícone + título no topo do cartão */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card-topo { flex-direction: column; align-items: flex-start; gap: 16px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card-topo::before {
  content: ''; width: 48px; height: 48px; border-radius: 14px; background: #e6f4ee url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'12'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'6'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'2.5'%2F%3E%3Cpath%20d%3D'm8.2%2010.8%207.6-3.6M8.2%2013.2l7.6%203.6'%2F%3E%3C%2Fsvg%3E") center / 24px no-repeat; transition: transform .22s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:nth-child(2) .hub-card-topo::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2019V5M6%2011l6-6%206%206'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:nth-child(3) .hub-card-topo::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230b7a57'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012h4l3-8%204%2016%203-8h4'%2F%3E%3C%2Fsvg%3E"); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card:hover .hub-card-topo::before { transform: scale(1.06) rotate(-3deg); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal :is(#gadsHubEntradas, #tiktokHubEntradas) .hub-card-topo strong { font: 800 20px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; color: #10201c; }

/* ================================================================== EVENTOS E DIAGNÓSTICO */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventosCorpo { display: flex; flex-direction: column; gap: 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-sobretitulo { font: 800 11.5px/1.3 'Nunito Sans', system-ui, sans-serif; letter-spacing: .15em; text-transform: uppercase; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-destinos {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 16px 22px;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-abas { display: flex; gap: 6px; flex-wrap: wrap; background: #f6faf8; border: 1px solid #dde8e3; border-radius: 14px; padding: 5px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba {
  display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px; border-radius: 10px; border: 1.5px solid transparent; background: transparent; cursor: pointer;
  font: 800 14.5px/1 'Nunito Sans', system-ui, sans-serif; color: #10201c; transition: background .18s ease, border-color .18s ease, transform .15s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba img { width: 22px; height: 22px; object-fit: contain; border-radius: 4px; flex: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba:hover:not(.atual) { background: #e6f4ee; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba:active { transform: scale(.97); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba.atual { background: #e6f4ee; border-color: #0b7a57; color: #064e38; box-shadow: 0 8px 16px -12px #01724a; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba:focus-visible { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) { html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba.atual { animation: tb-pop .35s var(--tb-ease); } }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-cobertura { margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-cobertura > details { margin-top: 12px; }

html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta { background: #fff; border: 1px solid #dde8e3; border-radius: 18px; padding: 24px 26px; display: flex; flex-direction: column; align-items: stretch; gap: 16px; box-shadow: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta-topo { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; border-bottom: 1px solid #e8f0ec; padding-bottom: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta-topo h2 { font: 800 21px/1.25 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 4px 0 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta-topo p { margin: 0; color: #53635d; font-size: 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-conjunto { display: flex; flex-direction: column; gap: 8px; font-weight: 800; font-size: 14px; max-width: 420px; margin: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-fichas { display: flex; flex-wrap: wrap; gap: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-ficha {
  display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 16px; border-radius: 12px; border: 1.5px solid #dde8e3; background: #fff; cursor: pointer;
  font: 800 14px/1 'Nunito Sans', system-ui, sans-serif; color: #10201c; transition: transform .15s ease, border-color .18s ease, background .18s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-ficha strong { display: inline-grid; place-items: center; min-width: 26px; height: 24px; padding: 0 8px; border-radius: 12px; background: #eaf1ee; font-size: 12.5px; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-ficha:hover { border-color: #0b7a57; transform: translateY(-1px); }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-ficha.atual { background: #e6f4ee; border-color: #0b7a57; color: #064e38; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-ficha.atual strong { background: #0b7a57; color: #fff; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros { display: flex; align-items: flex-end; gap: 14px 18px; flex-wrap: wrap; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > label br { display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > label .mini { font-size: 13px; font-weight: 800; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros select { min-width: 190px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > .act { min-height: 48px; padding: 0 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > .act::before {
  content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: currentColor;
  -webkit-mask: var(--tb-i-refresh) center / contain no-repeat; mask: var(--tb-i-refresh) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta > details { margin: 0; }

/* os três quadros de tabela: título em cima, tabela de ponta a ponta */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos :is(.diag-entregas, .diag-recebimentos, .diag-legenda) { padding: 24px 0 0; overflow: hidden; border-radius: 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos :is(.diag-entregas, .diag-recebimentos, .diag-legenda) > h3 { font: 800 20px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0; padding: 0 26px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos :is(.diag-entregas, .diag-recebimentos, .diag-legenda) > p.mini { padding: 0 26px; margin: 4px 0 0; font-size: 14px; line-height: 1.55; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos :is(.diag-entregas, .diag-recebimentos, .diag-legenda) > .wrap { border: 0; border-top: 1px solid #dde8e3; border-radius: 0; margin-top: 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-legenda table td:first-child { font-weight: 800; white-space: nowrap; width: 1%; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-legenda table td { font-size: 14px; line-height: 1.55; vertical-align: top; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos table td.mini { color: #53635d; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-destinos, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-cobertura, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-entregas, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-recebimentos, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-legenda { animation: tb-sobe .6s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-cobertura { animation-delay: .05s; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta { animation-delay: .1s; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-entregas { animation-delay: .15s; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-recebimentos { animation-delay: .2s; } html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-legenda { animation-delay: .25s; }
}
@media (max-width: 760px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-destinos { padding: 14px 16px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-abas { width: 100%; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-aba { flex: 1 1 calc(50% - 6px); justify-content: center; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros select, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-conjunto { min-width: 0; width: 100%; max-width: none; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > label { flex: 1 1 100%; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-filtros > .act { width: 100%; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #eventos .diag-consulta { padding: 20px 16px; }
}

/* ================================================================== IMPORTAR PLANILHA */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .note { margin: 0 0 20px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card { padding: 26px 28px; margin: 0 0 20px; border-radius: 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card > h3 { font: 800 20px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; margin: 0 0 18px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-end; margin: 0 0 16px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row > label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-weight: 800; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row > label br { display: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row > label .mini { font-size: 13px; font-weight: 800; color: #10201c; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row > label select { min-width: 260px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #multiCsvDestino { flex: 1 1 100%; margin: 0; padding: 18px 22px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #multiCsvDestino::before { content: none; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #multiCsvDestino label { display: flex; flex-direction: column; gap: 8px; max-width: 520px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #multiCsvDestino small { display: block; margin-top: 8px; color: #2d4039; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impArquivo {
  flex: 1 1 360px; max-width: 560px; min-height: 64px; padding: 12px 16px; border: 2px dashed #9fc7b6; border-radius: 16px; background: #f6fbf8; color: #53635d;
  font: 600 14px/1.3 'Nunito Sans', system-ui, sans-serif; cursor: pointer; transition: border-color .2s ease, background .2s ease;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impArquivo:hover { border-color: #0b7a57; background: #e6f4ee; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impArquivo::file-selector-button {
  margin-right: 16px; min-height: 40px; padding: 0 18px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #016b43, #028552); color: #fff;
  font: 800 14px/1 'Nunito Sans', system-ui, sans-serif; cursor: pointer; box-shadow: 0 8px 16px -10px #01724a;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impEnviar { min-height: 48px; padding: 0 24px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impEnviar::before {
  content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: -4px; background: currentColor;
  -webkit-mask: var(--tb-i-up) center / contain no-repeat; mask: var(--tb-i-up) center / contain no-repeat;
}
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impLimites { margin: 0; font-size: 14px; color: #53635d; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impFonteAviso { margin: 0 0 14px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar .wrap { margin: 12px 0 16px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar .card > .row:last-child { margin-bottom: 0; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impResumo { gap: 10px; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar label.row { align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #c6d6cf; border-radius: 12px; cursor: pointer; font-weight: 700; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar label.row:hover { border-color: #0b7a57; background: #f6fbf8; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .note, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card:not([hidden]) { animation: tb-sobe .6s var(--tb-ease) backwards; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card:nth-of-type(1) { animation-delay: .05s; }
}
@media (max-width: 560px) {
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card { padding: 20px 16px; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar > .card .row > label select, html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impArquivo { min-width: 0; width: 100%; max-width: none; }
  html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #importar #impEnviar { width: 100%; }
}

/* ================================================================== JANELA DO GUIA */
html body.rottads-interface #modalGuia {
  background: rgba(1, 37, 36, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
html body.rottads-interface #modalGuia .modal-caixa {
  background: #fff; border: 1px solid #dde8e3; border-radius: 22px; padding: 26px 30px 30px; max-width: min(920px, calc(100vw - 32px));
  box-shadow: 0 40px 80px -30px rgba(1, 55, 53, .65);
}
html body.rottads-interface #modalGuia #guiaTitulo { font: 800 22px/1.3 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; word-spacing: .07em; color: #10201c; }
html body.rottads-interface #modalGuia .modal-caixa > .row { align-items: center; gap: 10px; margin: 0 0 14px !important; padding-bottom: 14px; border-bottom: 1px solid #e8f0ec; }
html body.rottads-interface #modalGuia .act { min-height: 40px; border-radius: 12px; border: 1px solid #dde8e3; background: #fff; color: #10201c; font: 700 13.5px/1.2 'Nunito Sans', system-ui, sans-serif; padding: 0 14px; }
html body.rottads-interface #modalGuia .act:hover { border-color: #b7d6c9; background: #f6fbf8; }
html body.rottads-interface #modalGuia .act:focus-visible { outline: 3px solid rgba(11, 122, 87, .4); outline-offset: 2px; }
html body.rottads-interface #modalGuia .guia-corpo { color: #10201c; font-size: 15px; line-height: 1.7; }
html body.rottads-interface #modalGuia .guia-corpo :is(h1, h2, h3, h4) { font-family: 'Outfit', 'Nunito Sans', system-ui, sans-serif; word-spacing: .07em; font-weight: 800; color: #10201c; word-spacing: .07em; margin: 22px 0 8px; }
html body.rottads-interface #modalGuia .guia-corpo pre { background: #0d241f; color: #d8f5e8; border-radius: 14px; padding: 16px 18px; font-size: 13px; line-height: 1.6; overflow-x: auto; }
html body.rottads-interface #modalGuia .guia-corpo code { font-family: ui-monospace, 'Cascadia Mono', Consolas, monospace; font-size: .88em; }
html body.rottads-interface #modalGuia .guia-corpo :not(pre) > code { background: #eaf1ee; border-radius: 6px; padding: 2px 7px; }
html body.rottads-interface #modalGuia .guia-corpo table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #dde8e3; border-radius: 14px; overflow: hidden; }
html body.rottads-interface #modalGuia .guia-corpo th { background: #f3f7f5; color: #53635d; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; text-align: left; padding: 10px 14px; border-bottom: 1px solid #dde8e3; }
html body.rottads-interface #modalGuia .guia-corpo td { padding: 10px 14px; border-bottom: 1px solid #e8f0ec; }
html body.rottads-interface #modalGuia .guia-corpo a { color: #0b7a57; font-weight: 800; }
html body.rottads-interface #modalGuia .guia-corpo .note { margin: 0; }
@media (prefers-reduced-motion: no-preference) {
  html body.rottads-interface #modalGuia:not([hidden]) { animation: tb-fade .25s ease backwards; }
  html body.rottads-interface #modalGuia:not([hidden]) .modal-caixa { animation: tb-sobe .45s var(--tb-ease) backwards; }
}
@media (prefers-reduced-motion: reduce) {
  html body.rottads-interface #modalGuia:not([hidden]), html body.rottads-interface #modalGuia:not([hidden]) .modal-caixa { animation: tb-fade .25s ease backwards; }
}
@media (max-width: 560px) { html body.rottads-interface #modalGuia .modal-caixa { padding: 20px 16px 24px; border-radius: 18px; } }
html body.rottads-interface #modalGuia .guia-corpo :is(h1, h2, h3, h4) { text-transform: none; letter-spacing: -.01em; }
html body.rottads-interface #modalGuia .guia-corpo h1 { font-size: 26px; margin-top: 8px; }
html body.rottads-interface #modalGuia .guia-corpo h2 { font-size: 20px; }

/* Política, passo 1 (19/10/2026): as opções do gatilho são caixinhas (dá para marcar duas: agendado ou
   entregue + pagamento aprovado). Caixinha simples, sem virar chave por cima do texto. */
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-valor-opcoes input[data-gatilho] { appearance: auto !important; -webkit-appearance: checkbox !important; width: 18px !important; height: 18px !important; min-width: 18px; flex: 0 0 18px; margin: 0; padding: 0; accent-color: #0b7a57; background: none !important; border: 0 !important; box-shadow: none !important; }
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-valor-opcoes input[data-gatilho]::before,
html body.rottads-interface #conteudoPrincipal#conteudoPrincipal #meta #politicaMeta .pol-valor-opcoes input[data-gatilho]::after { content: none !important; display: none !important; }