/*
 * Rottads · telas v2, grupo A (Funil, Pedidos, Clientes + gaveta do cliente, Lançar venda, Campanhas ROAS).
 * Somente apresentação: nenhum evento, rota, id ou texto lido pelo JS é alterado.
 * Carregado depois de rottads-v2.css; remover o <link> volta ao visual anterior.
 * Arquivo gerado a partir de fontes por seção; os ícones são máscaras SVG embutidas (img-src data: já é permitido pela CSP).
 */

/* ================================================================ base do grupo A */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas),
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta {
  --ta-ink: #10201c; --ta-ink2: #2d4039; --ta-mut: #53635d;
  --ta-line: #dde8e3; --ta-line2: #e8f0ec; --ta-bg: #f3f7f5; --ta-soft: #e6f4ee; --ta-chip: #eaf1ee;
  --ta-ac: #0b7a57; --ta-ac2: #016b43; --ta-teal: #013735; --ta-mint: #02f8a7;
  --ta-grad: linear-gradient(135deg, #016b43, #028552);
  --ta-ring: 0 0 0 3px rgba(11, 122, 87, .2);
  --ta-lift: 0 20px 34px -22px rgba(1, 55, 53, .45);
  --ta-ease: cubic-bezier(.2, .75, .2, 1);
}

/* ---------------------------------------------------------------- cabeçalho da página
   Como no desenho: só o título grande e a frase de apoio (sem o quadradinho de ícone
   nem a etiqueta de categoria, que o menu lateral já diz). */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho {
  padding-left: 0; min-height: 0; margin: 4px 0 26px; max-width: none;
  display: flex; flex-direction: column; gap: 8px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho::before { display: none !important; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho .pagina-icone { display: none !important; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho #tituloPagina {
  font-family: 'Outfit', 'Nunito Sans', system-ui, sans-serif;
  font-size: clamp(30px, 3.1vw, 40px); font-weight: 800; letter-spacing: -.035em; line-height: 1.06;
  color: #10201c; margin: 0;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho #tituloPagina::before { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho .pagina-sub { font-size: 16px; line-height: 1.45; color: #53635d; margin: 0; }

/* ---------------------------------------------------------------- avisos (.note)
   Faixa suave com ícone, igual ao aviso do desenho. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #lancar, #roas) > .note {
  position: relative; background: #e9f1ed; border: 1px solid #dbe8e1; border-radius: 16px; box-shadow: none;
  padding: 17px 24px 17px 62px; margin: 0 0 18px;
  font-size: 14.5px; line-height: 1.62; color: #2d4039;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #lancar, #roas) > .note::before {
  content: ''; position: absolute; left: 24px; top: 19px; width: 22px; height: 22px;
  background-color: var(--ta-ac); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.8v.1'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.8v.1'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .note::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.1'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.2v.1'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar > .note::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l3-8 4 16 3-8h4'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #lancar, #roas) > .note strong { color: #10201c; font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .note code { background: #fff; border: 1px solid #d3e3da; border-radius: 6px; padding: 1px 6px; font-size: 12.5px; color: #013735; }

/* ---------------------------------------------------------------- barras de filtro (.row)
   Cartão branco, campos de 46px com cantos de 12px e botões do mesmo tamanho. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 16px; box-shadow: none;
  padding: 14px 18px; gap: 12px; margin: 0 0 18px; align-items: center;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row :is(input:not([type="checkbox"]), select) {
  min-height: 46px; height: 46px; border-radius: 12px; border: 1px solid #c6d6cf; background-color: #fff;
  font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 14.5px; font-weight: 600; color: var(--ta-ink);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row :is(input:not([type="checkbox"]), select):hover { border-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row :is(input:not([type="checkbox"]), select):focus-visible {
  outline: none; border-color: var(--ta-ac); box-shadow: var(--ta-ring);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row input::placeholder { color: #667770; font-weight: 500; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act {
  min-height: 46px; height: 46px; padding: 0 20px; border-radius: 12px; font-size: 14.5px; font-weight: 700;
  background: #fff; color: var(--ta-ink); border: 1px solid var(--ta-line);
  display: inline-flex; align-items: center; gap: 8px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act:hover:not(:disabled) { border-color: #9fcdb9; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act:active:not(:disabled) { transform: scale(.97); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act.primary { background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff; box-shadow: 0 10px 20px -12px #01724a; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act.primary:hover:not(:disabled) { background: var(--ta-grad); border-color: var(--ta-ac2); filter: brightness(1.07); }
/* "Buscar" é a ação principal da barra */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row > .act:not(.mini) {
  background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff; box-shadow: 0 10px 20px -12px #01724a;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row > .act:not(.mini):hover:not(:disabled) { background: var(--ta-grad); border-color: var(--ta-ac2); filter: brightness(1.07); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row > .act:not(.mini)::before {
  content: ''; width: 18px; height: 18px; flex: none; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row > .act::before {
  content: ''; width: 18px; height: 18px; flex: none; background-color: var(--ta-ac);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.5-4M4 4v4h4M4 13a8 8 0 0 0 14.5 4M20 20v-4h-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.5-4M4 4v4h4M4 13a8 8 0 0 0 14.5 4M20 20v-4h-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* contadores no canto da barra */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) > .row > .pill.spacer {
  display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 17px;
  background: var(--ta-soft); color: var(--ta-ac); font-size: 13px; font-weight: 800; margin-left: auto;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row > .pill.spacer { background: var(--ta-chip); color: var(--ta-mut); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row label.inline {
  display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 700; color: var(--ta-ink); cursor: pointer; margin: 0;
}

/* caixas de marcar: quadrado esmeralda com "check", como no desenho */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input) {
  -webkit-appearance: none; appearance: none; position: relative;
  width: 20px; height: 20px; min-height: 20px; flex: 0 0 20px; margin: 0; padding: 0;
  border-radius: 6px; border: 2px solid #aebfb8; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 13px;
  cursor: pointer; vertical-align: middle;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input)::after { content: ''; position: absolute; inset: -10px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input):hover { border-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input):checked {
  background-color: var(--ta-ac); border-color: var(--ta-ac);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input):active { transform: scale(.88); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) input[type="checkbox"]:not(.switch input):focus-visible { outline: none; box-shadow: var(--ta-ring); }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table :is(th, td):first-child { padding-left: 20px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table :is(th, td):last-child { padding-right: 20px; }
/* ---------------------------------------------------------------- tabelas
   Cabeçalho cinza-esverdeado em caixa alta, linhas respirando, hover com barra esmeralda. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) .wrap {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none; overflow-x: auto;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table { border-collapse: separate; border-spacing: 0; width: 100%; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table th {
  background: #f3f7f5; color: #53635d; font-size: 11.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
  padding: 15px 12px; border-bottom: 1px solid var(--ta-line); white-space: nowrap;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td {
  padding: 14px 12px; font-size: 14px; line-height: 1.4; color: var(--ta-ink); border-bottom: 1px solid var(--ta-line2);
  vertical-align: middle; overflow-wrap: break-word; word-break: normal;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table :is(th, td).num { white-space: nowrap; text-align: right; overflow-wrap: normal; font-variant-numeric: tabular-nums; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:last-child td { border-bottom: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr { transition: background-color .15s ease; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:hover td { background: #f4faf7; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:hover td:first-child { box-shadow: inset 3px 0 0 var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr.linha-marcada td { background: #eaf6f0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr.linha-marcada td:first-child { box-shadow: inset 3px 0 0 var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td.empty { text-align: center; color: var(--ta-mut); padding: 38px 16px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td strong { font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td .sub { font-size: 12.5px; color: var(--ta-mut); margin-top: 2px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td code {
  font-family: 'Nunito Sans', ui-monospace, monospace; font-weight: 800; font-size: 13.5px; letter-spacing: .01em; color: var(--ta-ink); background: none; padding: 0; white-space: nowrap; overflow-wrap: normal;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td a { color: var(--ta-ink); font-weight: 700; text-decoration: none; transition: color .15s ease; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table td a:hover { color: var(--ta-ac); text-decoration: underline; text-underline-offset: 3px; }

/* entrada das linhas: sobem de leve, uma depois da outra */
@keyframes ta-linha { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr { animation: ta-linha .5s var(--ta-ease) backwards; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(1) { animation-delay: .08s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(2) { animation-delay: .13s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(3) { animation-delay: .18s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(4) { animation-delay: .23s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(5) { animation-delay: .28s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(6) { animation-delay: .33s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(7) { animation-delay: .38s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(8) { animation-delay: .43s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr:nth-child(n+9) { animation-delay: .46s; }

/* ---------------------------------------------------------------- selos (com bolinha)
   Nunca só cor: a bolinha e o texto dizem o estado. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px; border-radius: 13px;
  font-size: 12.5px; font-weight: 800; letter-spacing: 0; white-space: nowrap; line-height: 1;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill::before,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill::before,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill::before {
  content: ''; width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill.ok, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill.ok, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill.ok { background: #e1f5ec; color: #0b7a57; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill.mid, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill.mid, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill.mid { background: #fff0d2; color: #8a5200; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill.bad, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill.bad, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill.bad { background: #fde7e4; color: #b42318; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill.calm, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill.calm, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas :is(.painel-fonte, .piloto-card) .pill.calm { background: #eaf1ee; color: #53635d; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table .pill.brand, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha .pill.brand { background: var(--ta-soft); color: var(--ta-ac); }

/* ---------------------------------------------------------------- paginação (Clientes)
   Rodapé do cartão da tabela, com quadradinhos de 44px e a página atual em esmeralda. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao {
  background: #fff; border: 1px solid var(--ta-line); border-top: 0; border-radius: 0 0 18px 18px; box-shadow: none;
  padding: 16px 20px; margin: 0; gap: 14px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao .pag-conta { font-size: 14px; color: var(--ta-mut); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao :is(.pag-passo, .pag-n) {
  min-width: 44px; min-height: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--ta-line); background: #fff;
  color: var(--ta-ink); font-size: 14px; font-weight: 800; transition: background-color .15s ease, border-color .15s ease, transform .15s ease, color .15s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao :is(.pag-passo, .pag-n):hover:not(:disabled):not(.atual) { background: #f4faf7; border-color: #9fcdb9; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao .pag-n.atual { background: var(--ta-ac); border-color: var(--ta-ac); color: #fff; }

/* ---------------------------------------------------------------- estados vazios */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) .empty {
  border-color: #c3d8cf; border-radius: 16px; background: #fbfdfc; color: var(--ta-mut); font-size: 14.5px; padding-top: 30px; padding-bottom: 30px;
}

/* ---------------------------------------------------------------- foco visível em tudo que clica */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #lancar, #roas) :is(a, button, summary, .aba-ads, .ficha):focus-visible {
  outline: 2px solid var(--ta-ac); outline-offset: 2px;
}

/* selects das barras: chevron à direita (e calendário à esquerda nos de período) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row select {
  -webkit-appearance: none; appearance: none; padding: 0 42px 0 16px; cursor: pointer;
  background-repeat: no-repeat; background-size: 15px;
  background-position: right 15px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b65' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil #periodoQuadro, #roas #roasDias) {
  padding-left: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b65' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b65' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: 15px center, right 15px center; background-size: 17px, 15px;
}

/* ================================================================ FUNIL
   Raias com topo colorido, cartões que levantam, contador por coluna e destino tracejado
   ao arrastar. As classes .coluna / .ficha / .alvo / .arrastando são as que o JS já usa:
   nenhuma delas muda de nome e nenhum pointer-events é tocado (o arrasto é o nativo). */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row { margin-bottom: 20px; }

/* o quadro */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil #quadro {
  display: flex; gap: 16px; align-items: flex-start; overflow-x: auto; overflow-y: hidden;
  padding: 8px 4px 22px; margin: 0 -4px; scroll-snap-type: x proximity; scrollbar-color: #b9cfc6 transparent;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil #quadro::-webkit-scrollbar { height: 10px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil #quadro::-webkit-scrollbar-thumb { background: #c4d6ce; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }

/* a raia */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna {
  --cor: #98a5a0;
  position: relative; flex: 0 0 272px; width: 272px; min-width: 272px; max-width: 272px;
  background: #eaf0ed; border: 0; border-top: 4px solid var(--cor); border-radius: 16px; box-shadow: none;
  max-height: 78vh; overflow: hidden; padding: 0 12px 12px; scroll-snap-align: start;
  counter-reset: fichas;
  transition: background-color .18s ease, outline-color .18s ease, box-shadow .18s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="lead"]             { --cor: #64748b; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="abandoned"]        { --cor: #98a5a0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="initiated"]        { --cor: #2f6bff; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="pending_payment"]  { --cor: #c98a00; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="analysis"]         { --cor: #7c3aed; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="paid"]             { --cor: #0b7a57; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="scheduled"]        { --cor: #0e8aa6; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="shipped"]          { --cor: #14b8a6; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="out_for_delivery"] { --cor: #e07a1f; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="delivered"]        { --cor: #02a868; }
/* entrada: cada raia sobe com um atraso próprio */
@keyframes ta-raia { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna { animation: ta-raia .6s var(--ta-ease) backwards; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(1) { animation-delay: .04s; --ci: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(2) { animation-delay: .10s; --ci: 1; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(3) { animation-delay: .16s; --ci: 2; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(4) { animation-delay: .22s; --ci: 3; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(5) { animation-delay: .28s; --ci: 4; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(6) { animation-delay: .34s; --ci: 5; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:nth-child(n+7) { animation-delay: .4s; --ci: 6; }

/* topo da raia: nome em Outfit, total embaixo, contador na ponta direita */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo {
  background: transparent; border: 0; padding: 16px 44px 6px 4px; position: static;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo::before { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo .nome { display: flex; align-items: center; gap: 9px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo .nome > span:last-child {
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: -.01em; color: var(--ta-ink);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo .ponto-col { width: 10px; height: 10px; border-radius: 50%; background: var(--cor) !important; flex: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna[data-status="out_for_delivery"] .ponto-col {
  animation: ta-ao-vivo 1.9s ease-out infinite;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-topo .sub { font-size: 13px; font-weight: 700; color: var(--ta-mut) !important; margin: 5px 0 0 0; letter-spacing: 0; }
/* contador: conta as fichas que estão na raia (e some se houver cartões "não mostrados") */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna::after {
  content: counter(fichas) / ''; position: absolute; top: 15px; right: 14px; pointer-events: none;
  min-width: 28px; height: 26px; padding: 0 9px; border-radius: 13px; background: #fff; color: var(--ta-ink);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12.5px; font-weight: 800; font-variant-numeric: tabular-nums; box-shadow: 0 1px 2px rgba(20, 35, 30, .06);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:has(.ficha ~ .vazio-col)::after { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna:not(:has(.ficha))::after { content: '0' / ''; color: var(--ta-mut); }

/* a lista de cartões */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista { padding: 8px 0 4px; gap: 12px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b9cfc6 transparent; }

/* o cartão (a ficha) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha {
  --fi: 0;
  position: relative; background: #fff; border: 1px solid var(--ta-line); border-radius: 13px; padding: 14px 40px 12px 14px; font-size: 14px;
  box-shadow: 0 1px 2px rgba(20, 35, 30, .05); cursor: grab; overflow: hidden;
  transition: transform .22s var(--ta-ease), box-shadow .22s ease, border-color .22s ease;
  animation: ta-ficha .55s var(--ta-ease) backwards;
  animation-delay: calc(var(--ci, 0) * 60ms + var(--fi) * 55ms + 120ms);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:nth-child(2) { --fi: 1; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:nth-child(3) { --fi: 2; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:nth-child(4) { --fi: 3; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:nth-child(5) { --fi: 4; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:nth-child(n+6) { --fi: 5; }
@keyframes ta-ficha { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:hover {
  transform: translateY(-3px); border-color: #9fcdb9; box-shadow: 0 20px 34px -20px rgba(1, 55, 53, .42);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:active { cursor: grabbing; }
/* a "alça": seis pontinhos que dizem que o cartão pode ser arrastado */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha::after {
  content: ''; position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; pointer-events: none;
  background-color: #a9b9b2; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'%3E%3Ccircle cx='9' cy='6' r='1.4'/%3E%3Ccircle cx='15' cy='6' r='1.4'/%3E%3Ccircle cx='9' cy='12' r='1.4'/%3E%3Ccircle cx='15' cy='12' r='1.4'/%3E%3Ccircle cx='9' cy='18' r='1.4'/%3E%3Ccircle cx='15' cy='18' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='none'%3E%3Ccircle cx='9' cy='6' r='1.4'/%3E%3Ccircle cx='15' cy='6' r='1.4'/%3E%3Ccircle cx='9' cy='12' r='1.4'/%3E%3Ccircle cx='15' cy='12' r='1.4'/%3E%3Ccircle cx='9' cy='18' r='1.4'/%3E%3Ccircle cx='15' cy='18' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: background-color .18s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:hover::after { background-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .nome {
  font-size: 15.5px; font-weight: 800; color: var(--ta-ink); margin: 0 0 3px; letter-spacing: -.005em;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .prod { font-size: 12.5px; color: var(--ta-mut); margin: 0 0 10px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .meta { font-size: 12.5px; color: var(--ta-mut); align-items: center; gap: 8px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .meta:not([style]) { justify-content: space-between; flex-wrap: wrap; row-gap: 6px; } /* 17/10: com o selo "Purchase ✓" a etiqueta da plataforma desce de linha em vez de ser cortada */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .valor { font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.01em; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .meta .pill { height: 24px; padding: 0 10px; font-size: 12px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .meta[style] { margin-top: 8px !important; padding-top: 8px; border-top: 1px dashed #d9e5df; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha .meta[style] .spacer { margin-left: auto; font-size: 12px; }
/* entregue: único cartão em verde, porque ali o dinheiro existe */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha.entregue { background: #f4fbf7; border-color: #bfe0cf; border-left: 4px solid #02a868; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha.saindo { border-left: 4px solid #e07a1f; }
/* em movimento: o cartão flutua inclinado, com sombra funda */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha.arrastando {
  border-color: var(--ta-ac); box-shadow: 0 24px 40px -18px rgba(1, 55, 53, .5); transform: rotate(2deg); opacity: 1; animation: none;
}

/* raia de destino: fundo menta e contorno tracejado esmeralda (aparece instantâneo, some suave) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna.alvo {
  background: var(--ta-soft); outline: 2px dashed var(--ta-ac); outline-offset: -2px; box-shadow: none; border-color: var(--cor);
  transition: none; animation: ta-alvo 1.1s ease-in-out infinite;
}
@keyframes ta-alvo { 0%, 100% { outline-color: rgba(11, 122, 87, .95); } 50% { outline-color: rgba(11, 122, 87, .4); } }

/* raia vazia / "+N não mostrados" */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .vazio-col {
  display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 0 12px; border-radius: 12px;
  border: 1.5px dashed #b5c6bf; background: transparent; color: var(--ta-mut); font-size: 13.5px; font-weight: 700; text-align: center;
  transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna.alvo .coluna-lista > .vazio-col:only-child {
  border-color: var(--ta-ac); color: var(--ta-ac); background: rgba(255, 255, 255, .6); font-size: 0;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna.alvo .coluna-lista > .vazio-col:only-child::after { content: 'solte aqui'; font-size: 13.5px; }

/* ponto "ao vivo" */
@keyframes ta-ao-vivo { 0% { box-shadow: 0 0 0 0 rgba(224, 122, 31, .55); } 100% { box-shadow: 0 0 0 9px rgba(224, 122, 31, 0); } }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .ficha { counter-increment: fichas; }

/* ================================================================ PEDIDOS e CLIENTES
   A barra de busca e a tabela formam um cartão só (como no desenho): barra branca em cima,
   cabeçalho cinza logo abaixo, linhas com hover e, em Clientes, o rodapé de paginação. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row {
  margin: 0; border-radius: 18px 18px 0 0; border-bottom: 1px solid var(--ta-line); padding: 18px 20px; position: relative; z-index: 1;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row :is(input:not([type="checkbox"])) { flex: 1 1 280px; min-width: 220px !important; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row select { min-width: 190px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .wrap { border-top: 0; border-radius: 0 0 18px 18px; margin: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .wrap { border-radius: 0; border-bottom: 0; }
/* a barra e o cartão entram juntos, sem se separar no meio da animação */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > :is(.row, .wrap, .paginacao) { animation-delay: 0s; }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table { min-width: 1000px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(7), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(9) { white-space: nowrap; }

/* cliente: ícone de pessoa num círculo suave, como o avatar do desenho */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td a[onclick^="abrirLead"] { display: inline-block; position: relative; padding: 6px 0 6px 44px; min-height: 32px; line-height: 1.3; vertical-align: middle; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td a[onclick^="abrirLead"]::before {
  content: ''; position: absolute; left: 0; top: 50%; margin-top: -16px; width: 32px; height: 32px; border-radius: 50%; background-color: var(--ta-soft);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20c0-4 3.4-6.5 7.5-6.5s7.5 2.5 7.5 6.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 17px;
  box-shadow: inset 0 0 0 1px #cfe6dc;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td span[style*="ink-3"] { color: var(--ta-mut) !important; font-weight: 600; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table .origem-cel { gap: 10px; font-weight: 700; text-transform: capitalize; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table .origem-cel .fonte-avatar { width: 30px; height: 30px; font-size: 12px; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #e3ece7; }

/* ---- Clientes */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table .cliente-identidade { display: inline-flex; align-items: center; gap: 12px; text-decoration: none !important; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table .cliente-identidade strong { font-weight: 800; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table .cliente-inicial {
  width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: var(--ta-soft); color: var(--ta-ac);
  font-size: 12.5px; font-weight: 800; letter-spacing: .02em; box-shadow: inset 0 0 0 1px #cfe6dc;
  transition: transform .2s var(--ta-ease), background-color .2s ease, color .2s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table tbody tr:hover .cliente-inicial { background: var(--ta-ac); color: #fff; transform: scale(1.06); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table tbody tr:nth-child(3n+2) .cliente-inicial,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table tbody tr:nth-child(3n+3) .cliente-inicial { background: var(--ta-soft); color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td .act.mini {
  min-height: 36px; height: 36px; padding: 0 16px; border-radius: 10px; background: #fff; color: var(--ta-ink); border: 1px solid var(--ta-line); font-size: 13.5px; font-weight: 700;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td .act.mini:hover { background: var(--ta-soft); border-color: #9fcdb9; color: var(--ta-ac); transform: translateY(-1px); }

/* ================================================================ LANÇAR VENDA
   Quatro cartões numerados (01-04), campos de 48px com borda esmeralda no hover/foco,
   avisos suaves e um rodapé de ações que acompanha a rolagem. O formulário, os names dos
   campos e os botões são exatamente os de antes. */
/* a seção deixa de ser um contêiner de rolagem (overflow-x:hidden o tornava um), para o rodapé de ações grudar na janela */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) section#lancar { overflow-x: clip; overflow-y: visible; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar > .note { margin-bottom: 20px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar { gap: 20px; max-width: none; animation: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > * { min-width: 0; }

/* destino Meta: cartão claro com o seletor largo */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; padding: 22px 28px; margin: 0; position: relative;
  animation: ta-sobe .6s var(--ta-ease) backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino::before { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino label { display: grid; gap: 8px; font-size: 13.5px; font-weight: 800; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino select { max-width: 560px; width: 100%; }

/* os cartões numerados */
@keyframes ta-sobe { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none; padding: 26px 28px 30px;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
  animation: ta-sobe .65s var(--ta-ease) backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda.venda-cliente { animation-delay: .08s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda.venda-dados   { animation-delay: .16s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda.venda-entrega { animation-delay: .24s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda.venda-origem  { animation-delay: .32s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda:hover { border-color: #cfe3d9; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda:focus-within { border-color: #9fcdb9; box-shadow: var(--ta-lift); }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda > h2 {
  display: grid; grid-template-columns: 42px 1fr; column-gap: 16px; row-gap: 2px; align-items: center;
  margin: 0 0 22px; font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: var(--ta-ink);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda > h2::before {
  grid-column: 1; grid-row: 1 / span 2; width: 42px; height: 42px; flex: none; border-radius: 13px;
  background: var(--ta-soft); color: var(--ta-ac); font-family: 'Outfit', sans-serif; font-size: 14px; font-weight: 800; letter-spacing: .02em;
  box-shadow: inset 0 0 0 1px #cfe6dc; transition: background .25s ease, color .25s ease, transform .25s var(--ta-ease), box-shadow .25s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda:focus-within > h2::before {
  background: var(--ta-grad); color: #fff; box-shadow: 0 10px 18px -10px #01724a; transform: scale(1.06);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda > h2::after {
  grid-column: 2; grid-row: 2; font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--ta-mut);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-cliente > h2::after { content: 'Quem está comprando.'; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-dados > h2::after   { content: 'O que foi vendido e como será pago.'; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-entrega > h2::after { content: 'Para onde o pedido vai.'; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-origem > h2 { margin-bottom: 4px; grid-template-columns: 42px 1fr; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-origem > p.mini { margin: 0 0 22px 58px; font-size: 14px; line-height: 1.5; color: var(--ta-mut); }

/* campos */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda .grid-form { gap: 20px 24px; max-width: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar label { display: grid; gap: 8px; align-content: start; font-size: 13.5px; font-weight: 800; color: var(--ta-ink); line-height: 1.3; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar label small, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .grid-form small { font-size: 12.5px; font-weight: 500; line-height: 1.45; color: var(--ta-mut); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar :is(input:not([type="checkbox"]), select, textarea) {
  min-height: 48px; height: 48px; width: 100%; border: 1px solid #c6d6cf; border-radius: 12px; background-color: #fff; padding: 0 16px;
  font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 15px; font-weight: 500; color: var(--ta-ink);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar textarea { height: auto; min-height: 92px; padding: 13px 16px; line-height: 1.5; resize: vertical; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar :is(input:not([type="checkbox"]), select, textarea)::placeholder { color: #667770; font-weight: 400; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar :is(input:not([type="checkbox"]), select, textarea):hover:not(:disabled) { border-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar :is(input:not([type="checkbox"]), select, textarea):focus,
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar :is(input:not([type="checkbox"]), select, textarea):focus-visible {
  outline: none; border-color: var(--ta-ac); box-shadow: var(--ta-ring); background-color: #fff;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar select {
  -webkit-appearance: none; appearance: none; padding-right: 44px; cursor: pointer; background-repeat: no-repeat; background-size: 15px; background-position: right 16px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b65' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
/* dica do gatilho (texto que o JS preenche) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #dicaGatilho { font-size: 12.5px; line-height: 1.5; color: var(--ta-mut); background: var(--ta-soft); border-radius: 10px; padding: 9px 12px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #dicaGatilho:empty { display: none; }

/* observação */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > label.full {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; padding: 24px 28px 26px; gap: 10px; margin: 0;
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -.01em; text-transform: none;
  animation: ta-sobe .65s var(--ta-ease) backwards .38s; transition: border-color .22s ease, box-shadow .22s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > label.full:focus-within { border-color: #9fcdb9; box-shadow: var(--ta-lift); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > label.full textarea { font-family: 'Nunito Sans', sans-serif; letter-spacing: 0; margin: 0; }

/* rodapé de ações: cartão que acompanha a rolagem, com o botão principal em destaque */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row {
  position: sticky; bottom: 14px; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid #cfe3d9; border-radius: 18px; padding: 16px 20px; margin: 0;
  box-shadow: 0 24px 40px -22px rgba(1, 55, 53, .5);
  animation: ta-sobe .65s var(--ta-ease) backwards .44s;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act {
  min-height: 48px; height: 48px; padding: 0 22px; border-radius: 12px; font-size: 15px; font-weight: 700;
  background: #fff; color: var(--ta-ink); border: 1px solid var(--ta-line); display: inline-flex; align-items: center; gap: 9px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act:hover:not(:disabled) { border-color: #9fcdb9; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act.primary {
  order: 3; margin-left: auto; min-width: 190px; justify-content: center; font-size: 15.5px; font-weight: 800;
  background: var(--ta-grad); color: #fff; border-color: var(--ta-ac2); box-shadow: 0 12px 22px -12px #01724a;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act.primary::before {
  content: ''; width: 19px; height: 19px; flex: none; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act.primary:hover:not(:disabled) { background: var(--ta-grad); border-color: var(--ta-ac2); filter: brightness(1.08); transform: translateY(-2px); box-shadow: 0 18px 28px -14px #01724a; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act:not(.primary)::before {
  content: ''; width: 19px; height: 19px; flex: none; background-color: var(--ta-ac);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row label.inline { order: 2; display: inline-flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 700; margin: 0; cursor: pointer; }

/* resultado da prévia: entra de baixo */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #previaLancamento > * { animation: ta-sobe .5s var(--ta-ease) backwards; }

/* ================================================================ CAMPANHAS (ROAS)
   Faixa de números vira cartões de KPI (rótulo em cima, número grande, ícone, barra que cresce),
   abas em pílula, tabela com "barra de retorno" por ROAS, contas e piloto automático em cartões. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .note { margin-bottom: 18px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row { margin-bottom: 20px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row #roasQuando { display: inline-flex; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row #roasQuando:empty { display: none; }

/* ---- KPIs */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #roasResumo { margin: 0 0 22px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar {
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px;
  background: transparent; border: 0; border-radius: 0; margin: 0; overflow: visible; padding: 0;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat {
  position: relative; grid-column: span 2; min-width: 0; overflow: hidden;
  display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 8px;
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; padding: 20px 22px 22px; min-height: 108px; box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  animation: ta-sobe .6s var(--ta-ease) backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) { grid-column: span 3; padding: 22px 24px 24px; min-height: 128px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:hover { transform: translateY(-4px); border-color: #b7d6c9; box-shadow: 0 20px 34px -20px rgba(1, 55, 53, .4); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat b {
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: clamp(20px, 1.75vw, 24px); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; color: var(--ta-ink);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) b { font-size: clamp(22px, 1.95vw, 28px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat i {
  font-style: normal; font-size: 13.5px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--ta-mut); margin: 0; display: block; padding-right: 44px; line-height: 1.3;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.good b { color: #0b7a57; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.warn b { color: #8a5200; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.bad b { color: #b42318; }
/* barra de cor no rodapé do cartão: cresce ao entrar */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat::before {
  content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background: #c9d8d1; transform-origin: left; border-radius: 0 4px 0 0;
  animation: ta-cresce 1s var(--ta-ease) backwards .35s;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.good::before { background: linear-gradient(90deg, #0b7a57, #02a868); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.warn::before { background: linear-gradient(90deg, #c98a00, #e3a82a); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat.bad::before  { background: linear-gradient(90deg, #b42318, #e5484d); }
/* ícone no canto, em ladrilho suave */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat::after {
  content: ''; position: absolute; top: 18px; right: 18px; width: 44px; height: 44px; border-radius: 13px; background-color: var(--ta-soft);
  background-repeat: no-repeat; background-position: center; background-size: 22px; transition: transform .25s var(--ta-ease), background-color .25s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:hover::after { transform: rotate(-6deg) scale(1.08); background-color: #d6eee3; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(1)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(2)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 15 4-4 3 3 5-6'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(3)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(4)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='m3 8 9 5 9-5M12 13v8'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(5)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l1.3-4A8 8 0 1 1 8 18.7z'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(6)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(7)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 9 5-9 5-9-5z'/%3E%3Cpath d='m3 13 9 5 9-5'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(8)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 9h4l3 3v4h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(9)::after  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(10)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4)::after { width: 48px; height: 48px; background-size: 24px; top: 20px; right: 20px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) i { padding-right: 56px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(n+5)::after { width: 38px; height: 38px; background-size: 19px; top: 16px; right: 16px; border-radius: 11px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(2) { animation-delay: .06s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(3) { animation-delay: .12s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(4) { animation-delay: .18s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(5) { animation-delay: .24s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(6) { animation-delay: .28s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(7) { animation-delay: .32s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(8) { animation-delay: .36s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(9) { animation-delay: .4s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(10) { animation-delay: .44s; }
@keyframes ta-cresce { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ---- abas Campanhas / Conjuntos / Anúncios: pílula de cartão, aba ativa em gradiente */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: fit-content; max-width: 100%;
  background: #fff; border: 1px solid var(--ta-line); border-radius: 16px; padding: 6px; margin: 0 0 16px; overflow-x: auto;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-ads {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border: 0; border-radius: 11px; background: transparent;
  font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 14.5px; font-weight: 800; color: var(--ta-mut); box-shadow: none; white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, transform .15s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-ads:hover:not(.ativa) { background: var(--ta-soft); color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-ads:active { transform: scale(.97); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-ads.ativa { background: var(--ta-grad); color: #fff; box-shadow: 0 10px 18px -12px #01724a; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-cont { margin: 0; padding: 2px 9px; border-radius: 9px; background: var(--ta-chip); color: var(--ta-mut); font-size: 12px; font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .aba-ads.ativa .aba-cont { background: rgba(255, 255, 255, .22); color: #fff; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .filtro-ads { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; padding: 6px 10px 6px 14px; border-radius: 11px; background: var(--ta-soft); color: var(--ta-ac); font-size: 13px; font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .filtro-ads[hidden] { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads .filtro-ads button { border: 0; background: none; color: inherit; font-size: 18px; cursor: pointer; min-width: 28px; min-height: 28px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads + .barra-selecao, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .abas-ads + .wrap, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao + .wrap { border-radius: 18px; margin-top: 0; }

/* barra de ações em lote */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px; background: #eaf6f0; border: 1px solid #bfe0cf; border-radius: 16px; padding: 10px 14px; margin: 0 0 12px;
  animation: ta-sobe .35s var(--ta-ease) backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao[hidden] { display: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao .conta-selecao { font-weight: 800; color: var(--ta-ink); margin-right: 6px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao .act { min-height: 38px; height: 38px; padding: 0 14px; border-radius: 10px; font-size: 13.5px; font-weight: 700; background: #fff; border: 1px solid var(--ta-line); color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao .act.primary { background: var(--ta-grad); color: #fff; border-color: var(--ta-ac2); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao .act.perigo { color: #b42318; background: #fff; border-color: #f2c4bf; }

/* ---- tabela de campanhas */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas { min-width: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas :is(th, td) { padding-left: 9px; padding-right: 9px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num { font-size: 13.5px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas th.col-sel, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.col-sel { width: 46px; padding-left: 16px; padding-right: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td:nth-child(2) { min-width: 190px; max-width: 300px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td:nth-child(2) { font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas .nome-ads { color: var(--ta-ink); font-weight: 800; cursor: pointer; transition: color .15s ease; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas .nome-ads:hover { color: var(--ta-ac); text-decoration: underline; text-underline-offset: 3px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas .pai-ads { color: var(--ta-mut); font-size: 12.5px; font-weight: 500; margin-top: 3px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td .pill { height: 22px; padding: 0 9px; font-size: 11.5px; margin-left: 4px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td .act.mini {
  min-height: 26px; height: 26px; padding: 0 8px; border-radius: 8px; font-size: 11.5px; font-weight: 700; margin: 6px 4px 0 0; display: inline-flex; align-items: center;
  background: #fff; border: 1px solid var(--ta-line); color: var(--ta-mut);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td .act.mini:hover { color: var(--ta-ac); border-color: #9fcdb9; background: #f6fbf8; transform: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td .sub { font-size: 12px; font-weight: 500; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num { font-weight: 500; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num strong { font-weight: 800; }
/* situação de veiculação */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .veic { font-size: 13px; font-weight: 700; gap: 7px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .veic::before { width: 8px; height: 8px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .veic.on::before { animation: ta-ao-vivo-verde 1.9s ease-out infinite; box-shadow: none; }
@keyframes ta-ao-vivo-verde { 0% { box-shadow: 0 0 0 0 rgba(2, 168, 104, .55); } 100% { box-shadow: 0 0 0 9px rgba(2, 168, 104, 0); } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch { width: 38px; height: 22px; margin-right: 9px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch i::after { width: 16px; height: 16px; left: 3px; top: 3px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch input:checked + i::after { transform: translateX(16px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch input:checked + i { background: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch input:focus-visible + i { outline: 2px solid var(--ta-ac); outline-offset: 2px; }
/* ROAS: a barra de retorno sob o selo. É um semáforo (3 faixas), não uma escala proporcional */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.ok)::after, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.mid)::after, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.bad)::after {
  content: ''; display: block; width: 74px; height: 6px; margin: 7px 0 0 auto; border-radius: 6px; transform-origin: right;
  background: linear-gradient(90deg, var(--faixa, #0b7a57) var(--p, 100%), #e3ece7 var(--p, 100%)); animation: ta-cresce .9s var(--ta-ease) backwards .5s;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.ok)::after  { --faixa: #0b7a57; --p: 100%; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.mid)::after { --faixa: #c98a00; --p: 58%; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill.bad)::after { --faixa: #d4572a; --p: 24%; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td.num:has(> .pill) { text-align: right; }

/* ---- títulos de bloco */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > h2 {
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.02em; text-transform: none; color: var(--ta-ink);
  margin: 34px 0 14px; display: flex; align-items: center; gap: 12px; background: none; border: 0; padding: 0;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > h2::before {
  content: ''; width: 36px; height: 36px; flex: none; border-radius: 11px; background-color: var(--ta-soft); background-repeat: no-repeat; background-position: center; background-size: 19px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > h2#contasAnuncio::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E"); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > h2#pilotoAutomatico::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E"); }

/* ---- contas de anúncio */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds { display: grid; gap: 12px; background: transparent; border: 0; box-shadow: none; padding: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none; padding: 18px 22px; margin: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; animation: ta-sobe .5s var(--ta-ease) backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte:nth-child(2) { animation-delay: .06s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte:nth-child(3) { animation-delay: .12s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte:hover { transform: translateY(-3px); border-color: #b7d6c9; box-shadow: 0 20px 34px -20px rgba(1, 55, 53, .35); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte > .row { background: none; border: 0; box-shadow: none; padding: 0; gap: 12px; flex-wrap: wrap; align-items: center; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte strong { font-family: 'Outfit', sans-serif; font-size: 17px; font-weight: 700; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte code { background: var(--ta-chip); border-radius: 8px; padding: 3px 9px; font-size: 12.5px; font-weight: 700; color: var(--ta-ink2); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte .act.mini {
  min-height: 38px; height: 38px; padding: 0 16px; border-radius: 10px; font-size: 13.5px; font-weight: 700; background: #fff; border: 1px solid var(--ta-line); color: var(--ta-ink);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte .act.mini:hover { border-color: #9fcdb9; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte .act.mini.perigo { color: #b42318; border-color: #f2c4bf; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte .act.mini.perigo:hover { background: #fdf0ee; border-color: #e8a29b; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte .spacer { font-size: 12.5px !important; }

/* ---- blocos recolhíveis (conectar conta, regras de automação) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none; margin: 14px 0 0; overflow: hidden;
  transition: border-color .22s ease, box-shadow .22s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra:hover { border-color: #cfe3d9; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra[open] { border-color: #bfe0cf; box-shadow: 0 20px 34px -26px rgba(1, 55, 53, .4); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra > summary { padding: 18px 22px; gap: 12px; align-items: center; cursor: pointer; min-height: 56px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra > summary::before {
  content: ''; width: 28px; height: 28px; border-radius: 9px; background-color: var(--ta-soft); background-repeat: no-repeat; background-position: center; background-size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a57' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E"); transition: transform .25s var(--ta-ease), background-color .2s ease; flex: none; font-size: 0;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra[open] > summary::before { transform: rotate(90deg); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra > summary:hover::before { background-color: #d6eee3; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra > summary:hover { background: #f8fcfa; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-titulo { font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 17px; font-weight: 700; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-dica { font-size: 13px; color: var(--ta-mut); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo { padding: 4px 22px 22px; border-top: 1px solid var(--ta-line2); gap: 16px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .note { background: #e9f1ed; border: 1px solid #dbe8e1; border-radius: 14px; padding: 14px 18px; font-size: 14px; line-height: 1.6; margin: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo :is(input:not([type="checkbox"]), select) {
  min-height: 46px; height: 46px; border-radius: 12px; border: 1px solid #c6d6cf; font-size: 14.5px; font-weight: 600; background-color: #fff;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo :is(input:not([type="checkbox"]), select):hover:not(:disabled) { border-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo :is(input:not([type="checkbox"]), select):focus-visible { outline: none; border-color: var(--ta-ac); box-shadow: var(--ta-ring); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .act { min-height: 46px; height: 46px; padding: 0 20px; border-radius: 12px; font-size: 14.5px; font-weight: 700; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .act.primary { background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .act.primary:disabled { background: #9dbdb0; border-color: #9dbdb0; box-shadow: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .grupo-campos { border: 1px solid var(--ta-line); border-radius: 16px; padding: 18px 20px 20px; background: #fbfdfc; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo .grupo-campos legend { font-family: 'Outfit', sans-serif; font-size: 15px; font-weight: 700; padding: 0 8px; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo label { font-size: 13.5px; font-weight: 800; color: var(--ta-ink); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo label.inline { font-weight: 700; display: inline-flex; align-items: center; gap: 10px; }

/* ---- piloto automático */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds { display: grid; gap: 14px; margin-top: 14px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card {
  position: relative; overflow: hidden; background: #fff; border: 1px solid var(--ta-line); border-left: 5px solid var(--ta-ac); border-radius: 18px; box-shadow: none;
  padding: 22px 24px; margin: 0; gap: 20px; flex-wrap: wrap; animation: ta-sobe .55s var(--ta-ease) backwards;
  transition: transform .22s ease, box-shadow .22s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card:hover { transform: translateY(-3px); box-shadow: 0 20px 34px -20px rgba(1, 55, 53, .35); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-info { flex: 1 1 360px; min-width: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-info > div:first-child > strong { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 700; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-info p { font-size: 15px; margin: 8px 0 6px; color: var(--ta-ink2); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-info > small { font-size: 13px; color: var(--ta-mut); line-height: 1.5; display: block; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-ultima { margin-top: 12px; padding: 10px 14px; background: var(--ta-bg); border-radius: 12px; font-size: 13px; color: var(--ta-ink2); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card .pill.mid::before { animation: ta-ao-vivo-ambar 1.9s ease-out infinite; }
@keyframes ta-ao-vivo-ambar { 0% { box-shadow: 0 0 0 0 rgba(201, 138, 0, .55); } 100% { box-shadow: 0 0 0 8px rgba(201, 138, 0, 0); } }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes { gap: 10px; align-items: center; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act {
  min-height: 46px; height: 46px; padding: 0 20px; border-radius: 12px; font-size: 14.5px; font-weight: 700; background: #fff; color: var(--ta-ink); border: 1px solid var(--ta-line);
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act:hover:not(:disabled) { border-color: #9fcdb9; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act.primary { background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff; box-shadow: 0 10px 20px -12px #01724a; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act.primary:hover:not(:disabled) { background: var(--ta-grad); filter: brightness(1.07); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act.perigo { color: #b42318; border-color: #f2c4bf; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-acoes .act.perigo:hover:not(:disabled) { background: #fdf0ee; border-color: #e8a29b; }

/* tabela de ações da automação, dentro do bloco recolhível */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .bloco-dobra .wrap { border-radius: 14px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .bloco-dobra .painel-fonte { background: #fff; border: 1px solid var(--ta-line); border-radius: 14px; padding: 12px 16px; box-shadow: none; margin-bottom: 8px; }

/* selects dos formulários recolhíveis: chevron próprio, igual ao resto */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo select {
  -webkit-appearance: none; appearance: none; padding: 0 42px 0 16px; cursor: pointer; background-repeat: no-repeat; background-size: 15px; background-position: right 15px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6b65' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .bloco-dobra .dobra-corpo select:disabled { opacity: .6; cursor: not-allowed; }
/* área de toque do interruptor de veiculação */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .mini-switch::after { content: ''; position: absolute; inset: -9px -6px; }

/* ================================================================ GAVETA DO CLIENTE (#gaveta)
   Contato, pedidos, origem do anúncio, linha do tempo e notas em cartões, como a ficha do desenho.
   Abre deslizando; os blocos entram um depois do outro. Botões e formulários são os mesmos. */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #fundo {
  background: rgba(1, 37, 36, .42); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  animation: v2-fade .3s ease backwards;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta {
  width: min(580px, 100%); background: #f3f7f5; border-left: 1px solid var(--ta-line);
  box-shadow: -34px 0 70px -30px rgba(1, 55, 53, .5);
  transition: transform .2s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta { transition: transform .38s var(--ta-ease); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo {
  height: auto; min-height: 66px; padding: 14px 24px; background: rgba(255, 255, 255, .95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ta-line); display: flex; align-items: center; gap: 12px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo #gavetaTitulo {
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 21px; font-weight: 800; letter-spacing: -.02em; color: var(--ta-ink);
  display: inline-flex; align-items: center; gap: 12px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo .act.mini {
  min-height: 42px; height: 42px; padding: 0 16px; border-radius: 12px; border: 1px solid var(--ta-line); background: #fff; color: var(--ta-ink); font-size: 14px; font-weight: 700;
  display: inline-flex; align-items: center; gap: 8px; transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo .act.mini::before {
  content: ''; width: 16px; height: 16px; flex: none; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo .act.mini:hover { background: #f6fbf8; border-color: #9fcdb9; transform: translateY(-1px); }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo { padding: 22px 24px 48px; background: #f3f7f5; }
/* os blocos entram em sequência cada vez que a ficha abre */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > * { animation: ta-sobe .55s var(--ta-ease) backwards; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(1) { animation-delay: .12s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(2) { animation-delay: .17s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(3) { animation-delay: .22s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(4) { animation-delay: .27s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(5) { animation-delay: .32s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(6) { animation-delay: .37s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(7) { animation-delay: .42s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *:nth-child(n+8) { animation-delay: .46s; }

/* aviso de quem pediu para não ser rastreado */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .note { background: #fdeceb; border: 1px solid #f2c4bf; border-radius: 14px; color: #8d1f16; padding: 14px 18px; font-size: 14px; line-height: 1.55; margin-bottom: 14px; }

/* ações do topo da ficha */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none; padding: 16px; gap: 10px; margin: 0 0 6px; display: flex; flex-wrap: wrap; align-items: center;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type .act {
  min-height: 44px; height: 44px; padding: 0 16px; border-radius: 12px; font-size: 14px; font-weight: 700; background: #fff; border: 1px solid var(--ta-line); color: var(--ta-ink);
  display: inline-flex; align-items: center; gap: 8px; text-decoration: none; transition: filter .15s ease, transform .15s ease, border-color .15s ease, background-color .15s ease;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type .act:hover { border-color: #9fcdb9; background: #f6fbf8; transform: translateY(-1px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type a.act.primary {
  flex: 1 1 100%; justify-content: center; height: 48px; min-height: 48px; font-size: 15px; font-weight: 800; background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff;
  box-shadow: 0 12px 22px -12px #01724a;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type a.act.primary:hover { background: var(--ta-grad); filter: brightness(1.08); transform: translateY(-2px); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type .act.perigo { margin-left: auto; color: #b42318; border-color: #f2c4bf; background: #fff; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type .act.perigo:hover { background: #fdf0ee; border-color: #e8a29b; }

/* títulos de bloco */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo h2 {
  font-family: 'Outfit', 'Nunito Sans', sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -.01em; text-transform: none; color: var(--ta-ink);
  margin: 28px 0 12px; display: flex; align-items: center; gap: 10px;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo h2::before { content: ''; width: 5px; height: 20px; border-radius: 4px; background: linear-gradient(180deg, #02f8a7, #0b7a57); }

/* cartões */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo :is(.dados, .wrap, .linha-tempo, form.row) {
  background: #fff; border: 1px solid var(--ta-line); border-radius: 18px; box-shadow: none;
}
/* dados do cliente */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados { padding: 8px 20px; grid-template-columns: 124px 1fr; gap: 0 16px; font-size: 14.5px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dt { font-size: 13px; font-weight: 700; color: var(--ta-mut); padding: 13px 0; border-bottom: 1px dashed #dde8e3; align-self: stretch; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dd { padding: 12px 0; border-bottom: 1px dashed #dde8e3; color: var(--ta-ink); font-weight: 600; margin: 0; overflow-wrap: anywhere; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dt:nth-last-of-type(1), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dd:nth-last-of-type(1) { border-bottom: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dd strong { font-family: 'Outfit', sans-serif; font-size: 21px; font-weight: 700; letter-spacing: -.01em; color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados dd code { font-family: 'Nunito Sans', sans-serif; font-weight: 700; background: var(--ta-chip); border-radius: 6px; padding: 1px 7px; }

/* tabelas pequenas (pedidos, origem, notas) */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap { overflow: hidden; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table { width: 100%; border-collapse: collapse; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table td, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table th { padding: 14px 18px; font-size: 14.5px; border-bottom: 1px solid var(--ta-line2); vertical-align: middle; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table tr:last-child > :is(td, th) { border-bottom: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table th { background: #f3f7f5; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ta-mut); text-align: left; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table td code { font-family: 'Nunito Sans', sans-serif; font-weight: 800; font-size: 14px; background: none; padding: 0; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table td .num, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table td.num { text-align: right; white-space: nowrap; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table tbody tr { transition: background-color .15s ease; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table tbody tr:hover > td { background: #f4faf7; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .wrap table td.empty { text-align: center; color: var(--ta-mut); padding: 22px 16px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px; border-radius: 13px; font-size: 12.5px; font-weight: 800; white-space: nowrap; line-height: 1;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill.ok { background: #e1f5ec; color: #0b7a57; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill.mid { background: #fff0d2; color: #8a5200; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill.bad { background: #fde7e4; color: #b42318; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill.calm { background: #eaf1ee; color: #53635d; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .pill.brand { background: var(--ta-soft); color: var(--ta-ac); }

/* linha do tempo: círculos esmeralda com "check", ligados por uma linha que se desenha */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .linha-tempo { padding: 22px 22px 8px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ev { grid-template-columns: 22px 1fr; gap: 16px; padding-bottom: 20px; position: relative; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ev::before {
  left: 10px; top: 24px; bottom: -2px; width: 2px; border-radius: 2px; background: #bfe0cf; transform-origin: top; animation: ta-cresce-y .7s var(--ta-ease) backwards .4s;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ponto {
  width: 22px; height: 22px; margin: 0; border-radius: 50%; box-shadow: none; background-color: var(--ta-ac); background-repeat: no-repeat; background-position: center; background-size: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  animation: ta-pop .5s var(--ta-ease) backwards .3s;
}
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ev:first-child .ponto { animation: ta-pop .5s var(--ta-ease) backwards .3s, ta-ao-vivo-verde 2.2s ease-out infinite 1s; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .quando { font-size: 12.5px; color: var(--ta-mut); margin-top: 3px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ev .pill { margin-right: 6px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .ev > div:last-child { font-size: 14.5px; font-weight: 700; color: var(--ta-ink); line-height: 1.5; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .linha-tempo .empty { padding: 4px 0 18px; color: var(--ta-mut); }
@keyframes ta-cresce-y { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes ta-pop { 0% { transform: scale(.4); opacity: 0; } 70% { transform: scale(1.14); } 100% { transform: scale(1); opacity: 1; } }

/* anotações */
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row { padding: 14px; gap: 10px; margin: 0 0 12px; display: flex; flex-wrap: nowrap; align-items: center; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row input { min-height: 46px; height: 46px; border-radius: 12px; border: 1px solid #c6d6cf; padding: 0 16px; font-size: 14.5px; font-weight: 500; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row input:hover { border-color: var(--ta-ac); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row input:focus-visible { outline: none; border-color: var(--ta-ac); box-shadow: var(--ta-ring); }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row .act { min-height: 46px; height: 46px; padding: 0 22px; border-radius: 12px; font-size: 14.5px; font-weight: 800; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row .act.primary { background: var(--ta-grad); border-color: var(--ta-ac2); color: #fff; box-shadow: 0 10px 20px -12px #01724a; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row .act.primary:hover { background: var(--ta-grad); filter: brightness(1.07); transform: translateY(-1px); }

html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta :is(a, button, input):focus-visible { outline: 2px solid var(--ta-ac); outline-offset: 2px; }
html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .empty { border: 1.5px dashed #c3d8cf; border-radius: 16px; background: #fbfdfc; color: var(--ta-mut); font-size: 14px; padding: 18px; text-align: center; }

/* ================================================================ RESPONSIVO
   Sem rolagem horizontal da página. Tabelas largas (ROAS) rolam dentro do próprio cartão;
   Pedidos e Clientes viram uma lista de cartões no celular, com todos os campos e rótulos. */
@media (max-width: 1100px) {
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) { grid-column: span 3; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(n+5) { grid-column: span 2; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table { min-width: 900px; }
}

@media (max-width: 900px) {
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho #tituloPagina { font-size: 32px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2):is(:has(#funil:not([hidden])), :has(#pedidos:not([hidden])), :has(#leads:not([hidden])), :has(#lancar:not([hidden])), :has(#roas:not([hidden]))) .pagina-cabecalho .pagina-sub { font-size: 15px; }
  /* o menu de baixo ocupa a borda da tela: o rodapé de ações deixa de grudar */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row { position: static; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda .grid-form { grid-template-columns: minmax(0, 1fr); }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna { flex-basis: 262px; width: 262px; min-width: 262px; max-width: 262px; max-height: 70vh; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta { width: 100%; }
}

@media (max-width: 720px) {
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(n+5) { grid-column: auto; min-height: 104px; padding: 16px 16px 20px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat b, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) b { font-size: 21px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat i, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4) i { padding-right: 38px; font-size: 12.5px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat::after, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(-n+4)::after, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:nth-child(n+5)::after { width: 32px; height: 32px; background-size: 17px; top: 12px; right: 12px; border-radius: 10px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-info { flex: 0 0 auto; width: 100%; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card { padding: 18px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte { padding: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > h2 { font-size: 20px; margin-top: 28px; }
}

@media (max-width: 640px) {
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #lancar, #roas) > .note { padding: 15px 16px 15px 50px; font-size: 14px; border-radius: 14px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #lancar, #roas) > .note::before { left: 16px; top: 17px; width: 20px; height: 20px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row { padding: 14px; gap: 10px; border-radius: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row { border-radius: 16px 16px 0 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) > .row :is(input:not([type="checkbox"]), select) { flex: 1 1 100%; min-width: 0 !important; width: 100%; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row select, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row select { flex: 1 1 150px; min-width: 0; width: auto; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row > .act, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas > .row > .act { flex: 1 1 auto; justify-content: center; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row > label.inline { flex: 1 1 100%; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos > .row > .act:not(.mini), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .row > .act:not(.mini) { flex: 1 1 auto; justify-content: center; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) > .row > .pill.spacer { margin-left: 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna { flex-basis: 78vw; width: 78vw; min-width: 78vw; max-width: 78vw; }

  /* ---- Pedidos e Clientes: cada linha vira um cartão */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) .wrap { overflow-x: visible; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody { display: block; min-width: 0; width: 100%; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody tr {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 14px; padding: 16px 18px 14px; border-bottom: 1px solid var(--ta-line2);
  }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody tr:last-child { border-bottom: 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody tr:hover { background: #f4faf7; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody tr:hover td, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table tbody tr:hover td:first-child { background: none; box-shadow: none; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table td, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table td:first-child, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table td:last-child {
    display: block; padding: 0; border: 0; text-align: left; white-space: normal; min-width: 0; grid-column: 1 / -1; font-size: 14.5px;
  }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads) table td.num { text-align: left; }
  /* campos secundários: pares em duas colunas, rótulo em cima */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(n+4) { grid-column: auto; padding: 10px 0 2px; text-align: left; overflow-wrap: anywhere; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(4), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(5) { border-top: 1px dashed #dfe9e4; margin-top: 10px; padding-top: 12px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(n+4):not(:last-child) { grid-column: auto; padding: 10px 0 2px; text-align: left; overflow-wrap: anywhere; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(4), html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(5) { border-top: 1px dashed #dfe9e4; margin-top: 10px; padding-top: 12px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(n+4)::before, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(n+4):not(:last-child)::before, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(2)::before {
    display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ta-mut); text-align: left; margin-bottom: 3px;
  }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(4)::before { content: 'Valor'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(5)::before { content: 'Comissão'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(6)::before { content: 'Origem'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(7)::before { content: 'Campanha'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(8)::before { content: 'Rastreio'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(9)::before { content: 'Atualizado'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(4) strong { font-family: 'Outfit', sans-serif; font-size: 19px; font-weight: 700; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(1) { grid-column: 1; grid-row: 1; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(3) { grid-column: 2; grid-row: 1; align-self: start; justify-self: end; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(2) { grid-row: 2; margin-top: 8px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #pedidos table td:nth-child(1) code { font-size: 14px; }
  /* Clientes */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(1) { grid-column: 1; grid-row: 1; min-width: 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(3) { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(2) { grid-row: 2; padding: 10px 0 2px; margin-top: 8px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(2)::before { content: 'Telefone'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(4)::before { content: 'Pedidos'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(5)::before { content: 'LTV'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(6)::before { content: 'Cidade'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:nth-child(7)::before { content: 'Último evento'; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:last-child { margin-top: 12px; width: auto; min-width: 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table td:last-child .act.mini { width: 100%; height: 46px; min-height: 46px; justify-content: center; font-size: 14.5px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads > .paginacao { padding: 14px; }

  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil > .row > label.inline, html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row label.inline { min-height: 44px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #tabelaRoas td .act.mini { min-height: 40px; height: 40px; padding: 0 12px; font-size: 12.5px; }

  /* ---- Lançar venda */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda { padding: 20px 18px 22px; border-radius: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino { padding: 18px; border-radius: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > label.full { padding: 20px 18px 22px; border-radius: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda > h2 { font-size: 19px; grid-template-columns: 38px 1fr; column-gap: 12px; margin-bottom: 18px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda > h2::before { width: 38px; height: 38px; border-radius: 12px; font-size: 13px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .venda-origem > p.mini { margin-left: 0; margin-top: 4px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row { padding: 14px; border-radius: 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act { width: 100%; justify-content: center; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act.primary { order: 3; margin-left: 0; }

  /* ---- gaveta */
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo { padding: 12px 16px; min-height: 60px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-topo #gavetaTitulo { font-size: 19px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo { padding: 16px 16px 40px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type { padding: 12px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo > .row:first-of-type .act.perigo { margin-left: 0; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo .dados { grid-template-columns: 104px 1fr; padding: 6px 16px; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row { flex-wrap: wrap; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row input { flex: 1 1 100% !important; min-width: 0 !important; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .gaveta-corpo form.row .act { width: 100%; }
}

/* ================================================================ MOVIMENTO REDUZIDO
   Quem pediu menos movimento só vê as coisas desvanecerem: nada desliza, cresce, gira ou pulsa. */
@media (prefers-reduced-motion: reduce) {
  /* o sistema já zera animações com !important (styles.css); aqui devolvemos só o desvanecer */
  @keyframes ta-fade { from { opacity: 0; } to { opacity: 1; } }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #multiManualDestino,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > label.full,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #previaLancamento > *,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .barra-selecao,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#pedidos, #leads, #roas) table tbody tr,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta.aberta .gaveta-corpo > *,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #fundo { animation: ta-fade .4s ease backwards !important; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha.arrastando { animation: none !important; }
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #funil .coluna-lista > .ficha.arrastando,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas .statbar .stat:hover::after,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #listaContasAds .painel-fonte:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #roas #pilotoAds .piloto-card:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar .bloco-venda:focus-within > h2::before,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #leads table tbody tr:hover .cliente-inicial,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) :is(#funil, #pedidos, #leads, #roas) > .row .act:active,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #lancar #formLancar > .row .act:hover,
  html body.rottads-interface:has(#inicio[hidden]):not(.ta-1):not(.ta-2) #gaveta .act:hover { transform: none; }
}

/* Landing page só para assinantes (18/10/2026): no teste grátis só o aviso aparece; o resto da tela fica escondido. */
#landings.lp-so-assinantes > :not(#landingSoAssinantes) { display: none !important; }

/* Landing fora do ar por dados do vendedor pendentes (19/10/2026): a etiqueta fica vermelha, por cima do estilo do cartão. */
html body.rottads-interface.rottads-interface.rottads-interface.rottads-interface:not(#_c) #landings .pill.bad.bad { background: var(--bad-dim); color: var(--bad); border-color: var(--bad-dim); }
html body.rottads-interface.rottads-interface.rottads-interface.rottads-interface:not(#_c) #landings .pill.bad.bad::before { background: var(--bad); }

/* Menu em grupos (19/10/2026): com o menu aberto, os itens de cada grupo ficam um pouco recuados, para ficar claro que fazem parte dele. Recolhido (só ícones) continua igual. */
html body.rottads-interface.menu-expandido #nav details.nav-grupo > button { padding-left: 30px !important; }
@media (max-width: 900px) { html body.rottads-interface #sidebar #nav details.nav-grupo > button { padding-left: 30px !important; } }

/* Configurações: cartões de dados da conta (19/10/2026). Mesmo cartão da tela; informação em duas colunas. */
#configuracoes .conta-cartao { margin-bottom: 16px; }
#configuracoes .conta-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; margin-top: 10px; }
#configuracoes .conta-linha { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#configuracoes .conta-linha strong { font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
#configuracoes .conta-linha-larga { grid-column: 1 / -1; }
#configuracoes .cobranca-editar > summary { list-style: none; display: inline-flex; cursor: pointer; }
#configuracoes .cobranca-editar > summary::-webkit-details-marker { display: none; }
#configuracoes #assinaturaConta, #configuracoes #cancelarContaBloco { margin-bottom: 16px; }
@media (max-width: 640px) { #configuracoes .conta-grade { grid-template-columns: 1fr; } }

/* Menu em grupos, ajuste (19/10/2026): o grupo aberto fica destacado (título forte e um fundo leve atrás
   do grupo) e nomes compridos quebram para a segunda linha em vez de serem cortados. */
html body.rottads-interface.menu-expandido #nav details.nav-grupo[open] { background: rgba(11, 122, 87, .06); border-radius: 14px; margin: 2px 0 6px; }
html body.rottads-interface.menu-expandido #nav details.nav-grupo[open] > summary { font-weight: 700; color: var(--ink, #10201c) !important; }
html body.rottads-interface.menu-expandido #nav details.nav-grupo > button { white-space: normal; line-height: 1.25; text-align: left; height: auto; min-height: 40px; }
@media (max-width: 900px) {
  html body.rottads-interface #sidebar #nav details.nav-grupo[open] { background: rgba(11, 122, 87, .06); border-radius: 14px; margin: 2px 0 6px; }
  html body.rottads-interface #sidebar #nav details.nav-grupo[open] > summary { font-weight: 700; }
  html body.rottads-interface #sidebar #nav details.nav-grupo > button { white-space: normal; line-height: 1.25; text-align: left; height: auto; }
}