/* Vital Operacional — tokens, estrutura e lista de pedidos. */
:root {
  --fundo: #13171b; --cartao: #191e23; --cartao-2: #20262c; --texto: #eef1f4; --sub: #8e95a3; --borda: #2c333a; --borda-forte: #3a424b; --linha: #262c33;
  --marca: #1957d6; --marca-escura: #2f6ef0; --marca-clara: rgba(25, 87, 214, .2); --marca-texto: #fff; --azul-texto: #5b93ff;
  --menu-fundo: #1a1e22; --menu-texto: #c8cdd4; --menu-ativo: #262b31;
  --ok: #3ecf72; --ok-fundo: rgba(62, 207, 114, .14); --alerta: #f5a524; --alerta-fundo: rgba(245, 165, 36, .14); --erro: #ff6b5e; --erro-fundo: rgba(255, 107, 94, .14);
  --info: #5b93ff; --info-fundo: rgba(91, 147, 255, .14); --apagado: #6b7280;
  --sombra: none; --raio: 8px;
}
html { color-scheme: dark; }
:root[data-tema="escuro"] {
    --fundo: #0f1417; --cartao: #171e22; --cartao-2: #1c2428; --texto: #e3e8ec; --sub: #95a2ad; --borda: #2a343a; --borda-forte: #3a464d;
    --marca: #5b8cf0; --marca-escura: #8aaef5; --marca-clara: #172a52; --marca-texto: #0a1430;
    --menu-fundo: #0a142e; --menu-texto: #a9b9de; --menu-ativo: #16295c;
    --ok: #5cc584; --ok-fundo: #15301f; --alerta: #e0b252; --alerta-fundo: #33280f; --erro: #ff8a7a; --erro-fundo: #3a1814;
    --info: #8fb4ff; --info-fundo: #17243d; --apagado: #56616a;
  }
* { box-sizing: border-box; }
html { background: var(--fundo); }
body { margin: 0; font: 14px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--fundo); color: var(--texto); }
a { color: var(--marca); }
h1 { font-size: 20px; margin: 0 0 12px; }
h2 { font-size: 15px; margin: 0 0 10px; }
.sub { color: var(--sub); font-size: 12px; }
.vazio { color: var(--sub); padding: 24px; text-align: center; }
.desativado { color: var(--apagado); cursor: not-allowed; }
.mensagem { background: var(--ok-fundo); border: 1px solid var(--ok); padding: 8px 12px; border-radius: 6px; margin-bottom: 12px; }
input, select, button, textarea { font: inherit; color: var(--texto); padding: 5px 8px; border: 1px solid var(--borda-forte); border-radius: 6px; background: var(--cartao); }
input:focus-visible, select:focus-visible, button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--marca); outline-offset: 1px; }
button { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); cursor: pointer; font-weight: 600; }
button:hover:not(:disabled) { background: var(--marca-escura); }
button:disabled { background: var(--borda-forte); border-color: var(--borda-forte); color: var(--sub); cursor: not-allowed; }
button.link { background: none; border: 0; color: var(--marca); text-decoration: underline; padding: 0; font-weight: 400; }
.botao-sec { background: var(--cartao); color: var(--texto); border-color: var(--borda-forte); font-weight: 500; }
.botao-sec:hover:not(:disabled) { background: var(--cartao-2); }
.botao-icone { background: none; border: 0; color: inherit; padding: 4px; display: inline-flex; }
.ico { width: 18px; height: 18px; flex: none; }
.ico-mini { width: 13px; height: 13px; vertical-align: -2px; }

/* Estrutura: menu lateral + área principal */
body.com-menu { display: grid; grid-template-columns: 224px minmax(0, 1fr); min-height: 100vh; }
.menu-lateral { background: var(--menu-fundo); color: var(--menu-texto); position: sticky; top: 0; height: 100vh; overflow-y: auto; padding: 12px 10px; }
.menu-lateral .marca { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; padding: 4px 6px 14px; }
.marca-simbolo { width: 30px; height: 30px; border-radius: 8px; background: var(--marca); color: #fff; display: grid; place-items: center; font-weight: 800; }
.marca-nome { font-weight: 700; line-height: 1.1; } .marca-nome small { display: block; font-weight: 400; font-size: 11px; color: var(--menu-texto); }
.menu-grupo { margin-bottom: 10px; }
.menu-grupo-titulo { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 6px 8px 4px; opacity: .7; }
.menu-lateral nav a { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 6px; color: var(--menu-texto); text-decoration: none; }
.menu-lateral nav a:hover { background: var(--menu-ativo); color: #fff; }
.menu-lateral nav a.ativo { background: var(--menu-ativo); color: #fff; font-weight: 600; box-shadow: inset 3px 0 0 #4fc1a7; }
.principal { min-width: 0; display: flex; flex-direction: column; }
.barra-topo { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: var(--cartao); border-bottom: 1px solid var(--borda); position: sticky; top: 0; z-index: 5; }
.busca-global { flex: 1; max-width: 560px; display: flex; align-items: center; gap: 6px; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: 8px; padding: 0 8px; color: var(--sub); }
.busca-global input { border: 0; background: transparent; flex: 1; padding: 7px 2px; }
.busca-global input:focus-visible { outline: none; }
.busca-global:focus-within { border-color: var(--marca); }
.chip-ambiente { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: var(--alerta-fundo); color: var(--alerta); border-radius: 999px; padding: 2px 8px; }
.sessao { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--marca-clara); color: var(--marca); display: grid; place-items: center; font-weight: 700; }
.sessao-nome small { color: var(--sub); display: block; font-size: 11px; line-height: 1; }
.faixa-ambiente { background: var(--alerta-fundo); color: var(--alerta); padding: 5px 16px; font-size: 12px; border-bottom: 1px solid var(--borda); }
main { padding: 16px; }
.so-celular { display: none; }
body.sem-menu .principal { min-height: 100vh; }

/* Lista de pedidos */
.lista-pedidos { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 16px; align-items: start; }
.lista-pedidos.sem-status { grid-template-columns: minmax(0, 1fr); }
.lista-pedidos.sem-status .painel-status { display: none; }
.painel-status { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 6px; position: sticky; top: 64px; max-height: calc(100vh - 80px); overflow-y: auto; box-shadow: var(--sombra); }
.painel-status a { display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 5px; text-decoration: none; color: var(--texto); font-size: 13px; }
.painel-status a:hover { background: var(--cartao-2); }
.painel-status a.ativo { background: var(--marca); color: var(--marca-texto); }
.painel-status .contador { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--sub); font-size: 12px; }
.painel-status a.ativo .contador { color: inherit; }
.painel-status a.com-erro .contador { color: var(--erro); font-weight: 700; }
.painel-status .grupo { margin-top: 4px; border-top: 1px solid var(--borda); padding-top: 4px; }
.painel-status .grupo-titulo { display: flex; align-items: center; font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--sub); padding: 4px 8px; cursor: pointer; list-style: none; }
.painel-status .grupo-titulo::-webkit-details-marker { display: none; }
.painel-status .grupo-titulo::before { content: "▸"; margin-right: 6px; font-size: 10px; }
.painel-status .grupo[open] > .grupo-titulo::before { content: "▾"; }
.painel-status .grupo a { padding-left: 14px; }
.ponto { width: 7px; height: 7px; border-radius: 50%; background: var(--apagado); flex: none; }
.etapa-aguardando_pagamento .ponto, .etapa-agendado .ponto { background: var(--alerta); }
.etapa-faturamento .ponto, .etapa-envio_nf .ponto, .etapa-etiqueta .ponto, .etapa-preparacao .ponto { background: var(--info); }
.etapa-pronto_envio .ponto, .etapa-enviado .ponto, .etapa-entregue .ponto { background: var(--ok); }
.etapa-fulfillment .ponto { background: #7a4fc4; } .etapa-cancelado .ponto { background: var(--erro); }
.conteudo { min-width: 0; }
.cab-pagina { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.cab-pagina h1 { margin: 0; display: flex; align-items: baseline; gap: 8px; }
.cab-pagina .total { font-size: 13px; font-weight: 600; color: var(--sub); background: var(--cartao); border: 1px solid var(--borda); border-radius: 999px; padding: 0 8px; }

.filtros { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 10px 12px; margin-bottom: 10px; box-shadow: var(--sombra); }
.filtros label { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--sub); }
.filtros label > span { font-weight: 600; }
.filtros label.check, .barra-ferramentas label.check { flex-direction: row; align-items: center; gap: 6px; color: var(--texto); }
.filtros-rapidos { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: end; }
.filtros-rapidos .largo { flex: 1 1 260px; }
.filtros-avancados { margin-top: 8px; border-top: 1px dashed var(--borda); padding-top: 6px; }
.filtros-avancados summary { cursor: pointer; color: var(--marca); font-weight: 600; font-size: 13px; }
.filtros-avancados .contador { background: var(--marca); color: var(--marca-texto); border-radius: 999px; padding: 0 6px; font-size: 11px; }
.grade-filtros { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 12px; margin-top: 8px; align-items: end; }
.acoes-filtro { display: flex; align-items: end; gap: 8px; }
.filtros-ativos { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 10px; }
.chip { display: inline-flex; gap: 6px; align-items: center; background: var(--marca-clara); color: var(--marca-escura); border-radius: 999px; padding: 2px 10px; font-size: 12px; text-decoration: none; }
.chip:hover { text-decoration: line-through; }
.filtros-ativos .limpar { font-size: 12px; }

.barra-ferramentas { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio) var(--raio) 0 0; padding: 8px 10px; position: sticky; top: 49px; z-index: 3; }
.barra-ferramentas .selecao { font-size: 13px; min-width: 180px; }
.acoes-lote, .visao { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.visao { margin-left: auto; }
.paginacao { display: flex; gap: 6px; align-items: center; justify-content: center; padding: 12px; }
.paginacao.compacta { padding: 0; }
.pag-botao { display: inline-grid; place-items: center; min-width: 28px; height: 28px; border: 1px solid var(--borda-forte); border-radius: 6px; text-decoration: none; color: var(--texto); background: var(--cartao); }
a.pag-botao:hover { border-color: var(--marca); color: var(--marca); }
.pag-texto { font-size: 13px; color: var(--sub); font-variant-numeric: tabular-nums; padding: 0 4px; }

.rolagem-tabela { overflow-x: auto; border: 1px solid var(--borda); border-top: 0; border-radius: 0 0 var(--raio) var(--raio); background: var(--cartao); }
.tabela-pedidos, .cartao table { width: 100%; border-collapse: collapse; background: var(--cartao); }
.tabela-pedidos th, .tabela-pedidos td, .cartao th, .cartao td { padding: 8px; border-bottom: 1px solid var(--borda); text-align: left; vertical-align: top; }
.tabela-pedidos thead th { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--sub); background: var(--cartao-2); white-space: nowrap; }
.th-sub { display: block; font-weight: 400; text-transform: none; letter-spacing: 0; }
.tabela-pedidos th a.ordenar { color: inherit; text-decoration: none; display: inline-flex; gap: 4px; }
.tabela-pedidos th a.ordenar .seta { opacity: .45; } .tabela-pedidos th a.ordenar.asc .seta, .tabela-pedidos th a.ordenar.desc .seta { opacity: 1; color: var(--marca); }
.tabela-pedidos tbody tr { cursor: pointer; }
.tabela-pedidos tbody tr:hover { background: var(--cartao-2); }
.tabela-pedidos tbody tr.selecionada { background: var(--marca-clara); }
.tabela-pedidos tr.com-erro { box-shadow: inset 3px 0 0 var(--erro); }
.col-sel { width: 32px; }
.num-pedido { font-weight: 700; font-size: 15px; text-decoration: none; }
.id-externo { word-break: break-all; max-width: 120px; }
.estrela { color: #d99a00; } .estrela.e2 { color: #d9480f; } .estrela.e3 { color: #2557a7; } .estrela.e4 { color: #2f9e44; } .estrela.e5 { color: #9c36b5; } .estrela.e6 { color: #495057; }
.cliente { font-weight: 600; }
.origem { display: flex; align-items: center; gap: 4px; margin-top: 2px; }
.selo-canal { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 4px; font-size: 11px; font-weight: 800; color: #1b2230; background: #e6e9ee; flex: none; }
.selo-canal.canal-amazon { background: #ffd58a; } .selo-canal.canal-mercado_livre { background: #ffe94d; } .selo-canal.canal-shopee { background: #ffb59c; color: #5a1a06; } .selo-canal.canal-tiktok { background: #1b2230; color: #fff; }
.tag-origem { display: inline-block; font-size: 10.5px; border-radius: 4px; padding: 0 5px; margin-top: 3px; background: var(--alerta-fundo); color: var(--alerta); }
.tag-origem.origem-mercado_livre { background: var(--info-fundo); color: var(--info); }
.col-itens { min-width: 220px; max-width: 400px; }
.itens-pedido { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.itens-pedido li { display: flex; gap: 8px; align-items: flex-start; }
.miniatura { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; border: 1px solid var(--borda); background: var(--cartao-2); flex: none; }
.miniatura.vazia { display: inline-grid; place-items: center; color: var(--apagado); }
.item-texto { min-width: 0; }
.item-nome { overflow-wrap: anywhere; }
.qtd { font-weight: 600; color: var(--sub); }
.qtd.destaque { color: #fff; background: var(--erro); border-radius: 4px; padding: 0 4px; }
.item-texto .sub { display: block; }
.col-info { min-width: 150px; max-width: 210px; }
.status-externo { overflow-wrap: anywhere; }
.status-chip { display: inline-block; font-size: 12px; font-weight: 700; border-radius: 4px; padding: 1px 7px; background: var(--cartao-2); border: 1px solid var(--borda); margin-bottom: 4px; }
.status-chip.etapa-aguardando_pagamento, .status-chip.etapa-agendado { background: var(--alerta-fundo); color: var(--alerta); border-color: transparent; }
.status-chip.etapa-faturamento, .status-chip.etapa-envio_nf, .status-chip.etapa-etiqueta, .status-chip.etapa-preparacao { background: var(--info-fundo); color: var(--info); border-color: transparent; }
.status-chip.etapa-pronto_envio, .status-chip.etapa-enviado, .status-chip.etapa-entregue { background: var(--ok-fundo); color: var(--ok); border-color: transparent; }
.status-chip.etapa-cancelado { background: var(--erro-fundo); color: var(--erro); border-color: transparent; }
.indicadores { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 3px; }
.ind { display: inline-grid; place-items: center; min-width: 22px; height: 20px; padding: 0 4px; border-radius: 4px; font-size: 11px; font-weight: 700; border: 1px solid var(--borda); color: var(--apagado); text-decoration: none; }
.ind.ok { color: var(--ok); background: var(--ok-fundo); border-color: transparent; }
.ind.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: transparent; }
.ind.erro { color: #fff; background: var(--erro); border-color: var(--erro); }
.ind.info { color: var(--info); background: var(--info-fundo); border-color: transparent; }
.col-data { white-space: nowrap; font-variant-numeric: tabular-nums; }
.num { text-align: right !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cartao-vazio { background: var(--cartao); border: 1px solid var(--borda); border-top: 0; border-radius: 0 0 var(--raio) var(--raio); }

/* Etiquetas genéricas usadas nas demais telas */
.tag { display: inline-block; font-size: 11px; padding: 0 6px; border-radius: 10px; border: 1px solid var(--borda); margin-right: 2px; }
.tag.ok { color: var(--ok); border-color: var(--ok); }
.tag.alerta { color: var(--alerta); border-color: var(--alerta); }
.tag.erro { color: #fff; background: var(--erro); border-color: var(--erro); }
.tag.estrela { color: #8a5a00; }
.canal { font-size: 11px; font-weight: 600; padding: 0 4px; border-radius: 3px; background: var(--cartao-2); }
.canal-amazon { background: #fff1d6; } .canal-mercado_livre { background: #fff9c4; } .canal-shopee { background: #ffe3d9; } .canal-tiktok { background: #e3e8ff; }
span.canal { color: #1b2230; }

.detalhe { max-width: 1100px; }
.cab-detalhe { margin-bottom: 12px; }
.cartao { background: var(--cartao); border: 1px solid var(--borda); border-radius: 8px; padding: 12px; margin-bottom: 12px; }
.cartao.erros { border-color: #f1b5ab; background: var(--erro-fundo); }
.erro-item + .erro-item { border-top: 1px solid #f1d0ca; margin-top: 8px; padding-top: 8px; }
.msg-original code { white-space: pre-wrap; }
.acoes form.linha { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
.colunas { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; }
dl { display: grid; grid-template-columns: 140px 1fr; gap: 4px 8px; margin: 0; }
dt { color: var(--sub); }
.historico ol { list-style: none; padding: 0; margin: 0; }
.historico li { display: grid; grid-template-columns: 130px 220px 1fr; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--borda); }
.historico li.ev-usuario .autor { color: var(--marca); font-weight: 600; }

/* Telas médias: painel de status recolhido por padrão (abre pelo botão "Status"). */
@media (max-width: 1280px) {
  .lista-pedidos { grid-template-columns: minmax(0, 1fr); }
  .lista-pedidos .painel-status { display: none; }
  .lista-pedidos.status-celular { grid-template-columns: 210px minmax(0, 1fr); }
  .lista-pedidos.status-celular .painel-status { display: block; }
}
@media (max-width: 900px) {
  body.com-menu { grid-template-columns: 1fr; }
  .menu-lateral { position: fixed; inset: 0 auto 0 0; width: 260px; z-index: 20; transform: translateX(-100%); transition: transform .15s; }
  .menu-lateral.aberto { transform: none; box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .35); }
  .so-celular { display: inline-flex; }
  .sessao-nome, .chip-ambiente { display: none; }
  main { padding: 12px 16px; }
  .lista-pedidos, .colunas { grid-template-columns: 1fr; }
  .painel-status { position: static; max-height: none; }
  .lista-pedidos .painel-status { display: none; }
  .lista-pedidos.status-celular { grid-template-columns: 1fr; }
  .lista-pedidos.status-celular .painel-status { display: block; }
  .barra-ferramentas { position: static; }
  .visao { margin-left: 0; }
  .historico li { grid-template-columns: 1fr; }
}

.entrar { max-width: 360px; margin: 48px auto; }
.entrar form { display: flex; flex-direction: column; gap: 10px; }
.entrar label { display: flex; flex-direction: column; gap: 4px; }
.mensagem.erro { background: var(--erro-fundo); border-color: #f1b5ab; }

tr.fora-sla { background: var(--erro-fundo); }
form.descartar { display: flex; gap: 4px; margin-top: 4px; }
form.descartar input { width: 180px; }
.parametros { display: flex; flex-direction: column; gap: 10px; max-width: 560px; }
.parametros fieldset { border: 1px solid var(--borda); border-radius: 6px; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.parametros label { display: flex; flex-direction: column; gap: 4px; }
.parametros label.check { flex-direction: row; align-items: center; }

.negativo { color: var(--erro); font-weight: 700; }
.filtros-simples { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
h3.sub { margin: 10px 0 2px; font-size: 12px; text-transform: uppercase; }

.abas { display: flex; gap: 8px; }
.abas a { padding: 6px 12px; border: 1px solid var(--borda); border-radius: 6px; text-decoration: none; }
.abas a.ativo { background: var(--marca); color: #fff; }
.abas a span { font-weight: 700; margin-left: 4px; }
.bipagem input { font-size: 16px; padding: 8px; }

/* Migração: catálogo e configuração fiscal importados */
.grade-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0 2rem; }
.rolagem { overflow-x: auto; }
table.regras td { vertical-align: top; font-size: .9em; }
pre.original { max-height: 480px; overflow: auto; font-size: .8em; background: var(--cartao-2); padding: .75rem; border-radius: 6px; }
form.inline { display: inline; }
.filtros-produtos input[name="q"] { min-width: 260px; }
.cartao-interno { border-top: 1px solid #e3e6ea; padding-top: .5rem; margin-top: .5rem; }
.status-chip.etapa-fulfillment { background: #efe7fb; color: #6a3fb5; border-color: transparent; }
:root[data-tema="escuro"] .status-chip.etapa-fulfillment { background: #2a1f3d; color: #c3a6f5; }

/* Detalhe do pedido */
.nav-detalhe { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.botao-link { text-decoration: none; padding: 5px 10px; border: 1px solid var(--borda-forte); border-radius: 6px; color: var(--texto); }
.cab-detalhe { display: flex; flex-direction: column; gap: 8px; }
.cab-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.cab-linha h1 { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }
.cab-cliente { font-weight: 500; color: var(--sub); font-size: 17px; }
.sub-linha { font-size: 13px; }
.estrelas { display: flex; gap: 2px; margin-left: auto; }
.estrela-botao { background: none; border: 1px solid transparent; color: var(--apagado); font-size: 18px; line-height: 1; padding: 2px 4px; font-weight: 400; }
.estrela-botao:hover:not(:disabled) { background: var(--cartao-2); }
.estrela-botao.ativa { border-color: var(--borda-forte); }
.estrela-botao.ativa.e1, .estrela-botao.e1:hover { color: #d99a00; } .estrela-botao.ativa.e2, .estrela-botao.e2:hover { color: #d9480f; }
.estrela-botao.ativa.e3, .estrela-botao.e3:hover { color: #2557a7; } .estrela-botao.ativa.e4, .estrela-botao.e4:hover { color: #2f9e44; }
.estrela-botao.ativa.e5, .estrela-botao.e5:hover { color: #9c36b5; } .estrela-botao.ativa.e6, .estrela-botao.e6:hover { color: #868e96; }
.resumo-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.resumo-chips .status-chip { margin: 0; }
.ind-texto { white-space: nowrap; font-size: 12px; font-weight: 600; border-radius: 4px; padding: 1px 7px; border: 1px solid var(--borda); color: var(--sub); text-decoration: none; }
.ind-texto.ok { color: var(--ok); background: var(--ok-fundo); border-color: transparent; }
.ind-texto.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: transparent; }
.ind-texto.erro { color: #fff; background: var(--erro); border-color: var(--erro); }
.aviso-espelho { margin: 0; }
.tag-origem.origem-baselinker { background: var(--ok-fundo); color: var(--ok); }
.tabela-itens .col-mini { width: 60px; }
.miniatura.grande { width: 48px; height: 48px; }
.item-nome-detalhe { font-weight: 600; }
.vinculo.ok { color: var(--ok); } .vinculo.alerta { color: var(--alerta); }
.tabela-itens tfoot td, .tabela-itens tfoot th { border-bottom: 0; padding-top: 4px; padding-bottom: 4px; }
.tabela-itens tfoot tr.total th { font-size: 15px; border-top: 2px solid var(--borda); padding-top: 8px; }
.barra-pagamento { display: flex; gap: 8px; align-items: center; justify-content: flex-end; padding-top: 8px; border-top: 1px dashed var(--borda); margin-top: 6px; }
.barra-acoes-pedido { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; }
.barra-acoes-pedido form.linha { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0; }
.barra-acoes-pedido label { display: flex; gap: 6px; align-items: center; }
dt.separa, dd.separa { border-top: 1px solid var(--borda); padding-top: 6px; margin-top: 2px; }
dd { margin: 0; overflow-wrap: anywhere; }
.copiavel { user-select: all; }
details.historico > summary { cursor: pointer; list-style: none; }
details.historico > summary h2 { display: inline; }
details.historico > summary::-webkit-details-marker { display: none; }
details.historico > summary::before { content: "▸ "; color: var(--sub); }
details.historico[open] > summary::before { content: "▾ "; }
.detalhe { max-width: 1180px; }

/* Expedição (fluxo Pick&Pack) */
.etapas-exp { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.etapa-exp { display: flex; align-items: center; gap: 10px; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 10px 12px; text-decoration: none; color: var(--texto); box-shadow: var(--sombra); }
.etapa-exp:hover { border-color: var(--marca); }
.etapa-exp.ativa { border-color: var(--marca); box-shadow: inset 0 -3px 0 var(--marca); }
.etapa-num { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--cartao-2); border: 1px solid var(--borda-forte); font-weight: 700; flex: none; }
.etapa-exp.ativa .etapa-num { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); }
.etapa-texto { display: flex; flex-direction: column; min-width: 0; }
.etapa-qtd { margin-left: auto; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.leitor { border-width: 2px; }
.leitor.sucesso { border-color: var(--ok); } .leitor.falha { border-color: var(--erro); }
.leitor-form label { display: flex; flex-direction: column; margin-bottom: 6px; }
.leitor-linha { display: flex; gap: 8px; }
.leitor-linha input { flex: 1; max-width: 560px; font-size: 18px; padding: 10px 12px; font-variant-numeric: tabular-nums; }
.leitor-resultado { margin-top: 10px; font-weight: 700; font-size: 15px; }
.leitor.sucesso .leitor-resultado { color: var(--ok); } .leitor.falha .leitor-resultado { color: var(--erro); }
.leitor-pedido { margin-top: 8px; padding: 8px; border-radius: 6px; background: var(--cartao-2); }
.leitor-pedido .itens-pedido { margin-top: 6px; }
.fila-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.fila-cab h2 { margin: 0; margin-right: auto; }
.tabela-fila { border: 1px solid var(--borda); }
.itens-pedido.compacto { gap: 4px; }
.barra-rodape { padding-top: 10px; }
@media (max-width: 900px) { .etapas-exp { grid-template-columns: 1fr; } }

/* Lista de separação (impressão) */
.separacao { max-width: 980px; }
.tabela-separacao { width: 100%; border-collapse: collapse; background: var(--cartao); }
.tabela-separacao th, .tabela-separacao td { border-bottom: 1px solid var(--borda); padding: 6px 8px; text-align: left; vertical-align: middle; }
.qtd-separacao { font-size: 20px; font-weight: 800; }
.col-check { width: 32px; }
.caixa-check { display: inline-block; width: 18px; height: 18px; border: 2px solid var(--texto); border-radius: 3px; }
@media print {
  .menu-lateral, .barra-topo, .faixa-ambiente, [data-imprimir], .nav-detalhe { display: none !important; }
  body.com-menu { display: block; background: #fff; color: #000; }
  main { padding: 0; }
  .tabela-separacao th, .tabela-separacao td { border-color: #999; }
}

/* Produtos */
.tabela-produtos .col-mini { width: 64px; }
.nome-produto { font-weight: 600; text-decoration: none; color: var(--texto); }
.nome-produto:hover { color: var(--marca); text-decoration: underline; }
.tag-tipo { display: inline-block; font-size: 10.5px; font-weight: 700; border-radius: 4px; padding: 0 5px; margin-top: 3px; background: var(--cartao-2); border: 1px solid var(--borda); }
.tag-tipo.tipo-kit { background: var(--info-fundo); color: var(--info); border-color: transparent; }
.tag-tipo.tipo-variacao { background: var(--alerta-fundo); color: var(--alerta); border-color: transparent; }
.col-integracoes { max-width: 260px; min-width: 160px; white-space: normal; }
.chip-integracao { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; font-size: 11px; border: 1px solid var(--borda); border-radius: 4px; padding: 0 5px; margin: 0 3px 3px 0; white-space: nowrap; }
.chip-integracao b { color: var(--marca); }
.falta { color: var(--alerta); font-weight: 600; }
.tabela-produtos tbody tr { cursor: default; }
.tabela-produtos td:nth-child(2) { min-width: 260px; }
.tabela-produtos td.col-fiscal { white-space: nowrap; }

/* Notas fiscais */
.abas-linha { display: flex; gap: 4px; border-bottom: 1px solid var(--borda); margin-bottom: 12px; }
.abas-linha a { padding: 8px 12px; text-decoration: none; color: var(--sub); border-bottom: 2px solid transparent; margin-bottom: -1px; font-weight: 600; }
.abas-linha a.ativa { color: var(--marca); border-bottom-color: var(--marca); }
.abas-linha .contador { font-size: 11px; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: 999px; padding: 0 6px; margin-left: 4px; }
.pilulas { display: flex; flex-wrap: wrap; gap: 6px; }
.pilula { font-size: 12px; text-decoration: none; color: var(--texto); border: 1px solid var(--borda-forte); border-radius: 999px; padding: 2px 10px; }
.pilula span { color: var(--sub); font-weight: 700; margin-left: 4px; }
.pilula.ativa { background: var(--marca); border-color: var(--marca); color: var(--marca-texto); }
.pilula.ativa span { color: inherit; }
.pilula.sit-erro:not(.ativa) span { color: var(--erro); }
.chave { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10.5px; max-width: 220px; }
.retorno { max-width: 280px; overflow-wrap: anywhere; }
.mini { font-size: 12px; padding: 2px 8px; }
.tabela-notas tbody tr { cursor: default; }
/* Tabelas largas das demais telas rolam dentro do cartão, sem estourar a página. */
.cartao { overflow-x: auto; }

/* Cartões de resumo e fila de erros */
.resumo-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; margin-bottom: 12px; }
.resumo-cartao { display: flex; flex-direction: column; gap: 2px; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 10px 12px; text-decoration: none; color: var(--texto); box-shadow: var(--sombra); }
.resumo-cartao strong { font-size: 24px; font-variant-numeric: tabular-nums; }
a.resumo-cartao:hover { border-color: var(--marca); }
.resumo-cartao.ativo { border-color: var(--marca); box-shadow: inset 0 -3px 0 var(--marca); }
.resumo-cartao.perigo strong { color: var(--erro); }
.rotulo-pilulas { align-self: center; min-width: 52px; font-weight: 700; text-transform: uppercase; font-size: 10.5px; }
.lista-erros { display: flex; flex-direction: column; gap: 8px; }
.erro-cartao { background: var(--cartao); border: 1px solid var(--borda); border-left: 4px solid var(--alerta); border-radius: var(--raio); padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.erro-cartao.fora-sla { border-left-color: var(--erro); }
.erro-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.erro-idade { margin-left: auto; font-size: 12px; font-weight: 700; color: var(--sub); }
.erro-idade.erro { color: var(--erro); }
.erro-cartao .msg-original code { display: block; background: var(--cartao-2); border-radius: 6px; padding: 6px 8px; font-size: 12.5px; }
.erro-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.erro-acoes form { margin: 0; }
form.descartar { display: flex; gap: 6px; margin: 0; }
form.descartar input { width: 280px; max-width: 60vw; }
.tabela-estoque tbody tr { cursor: default; }
.tabela-estoque td:first-child { min-width: 240px; }
.zerado { color: var(--sub); }
.total-estoque { font-size: 16px; }

/* Tabelas genéricas dentro de cartões: mesmo cabeçalho da lista de pedidos */
.cartao table thead th { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--sub); background: var(--cartao-2); white-space: nowrap; }
.cartao table tbody tr:hover { background: var(--cartao-2); }
.cartao > h1:first-child { font-size: 20px; }
.cartao h3 { font-size: 13px; margin: 14px 0 6px; }

/* FCP */
.lista-relatorio { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.tabela-fcp td { vertical-align: top; }
.fcp-acoes summary { cursor: pointer; color: var(--marca); font-weight: 600; font-size: 12px; white-space: nowrap; }
.form-fcp { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: end; margin: 6px 0; min-width: 520px; }
.form-fcp label { display: flex; flex-direction: column; font-size: 12px; color: var(--sub); }
.form-fcp label.largo { flex: 1 1 220px; }
.bloqueio { color: var(--erro); font-weight: 600; }
.ok-texto { color: var(--ok); }
.barra-lote-fcp { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: var(--raio); padding: 8px; margin: 8px 0; position: sticky; top: 49px; z-index: 2; }
.campo-fonte { width: 170px; display: block; margin-bottom: 3px; }
.tabela-fcp input, .tabela-fcp select { font-size: 12px; padding: 3px 5px; }
.tabela-fcp .vigencia input { display: block; margin-bottom: 3px; }
.tabela-fcp tr.linha-liberada { box-shadow: inset 3px 0 0 var(--ok); }
.form-mini { margin-top: 4px; }
.col-ref { min-width: 150px; max-width: 220px; font-size: 12px; }
.tabela-fcp tr.linha-editada { background: var(--alerta-fundo); }

/* Cadastro fiscal editável */
.grade-campos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px 16px; margin-bottom: 10px; }
.campo-fiscal { display: flex; flex-direction: column; gap: 3px; }
.campo-fiscal label { font-size: 12px; font-weight: 700; color: var(--sub); }
.campo-fiscal select { max-width: 100%; }
.vital-marca { color: var(--info); font-weight: 600; }
.form-cadastro-fiscal .linha { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.importar-csv summary { cursor: pointer; color: var(--marca); font-weight: 600; }
.atalhos-produtos { margin-bottom: 10px; }
.tabela-historico tr.desfeito td { opacity: .55; text-decoration: line-through; }
.tabela-historico tr.desfeito td:last-child, .tabela-historico tr.desfeito td:nth-child(7) { text-decoration: none; }
.linha-botoes { display: flex; flex-wrap: wrap; gap: 6px; }
tr.regra-inativa td { opacity: .5; }
tr.regra-inativa td:last-child { opacity: 1; }
.acoes-regra { white-space: nowrap; }
.acoes-regra form, .acoes-regra a { margin: 0 2px 3px 0; }
h2 .botao-link.mini { margin-left: 8px; font-size: 12px; font-weight: 500; }

/* Layout geral (revisão 2026-10-13): formulários em linha com espaço, blocos de ações e cabeçalhos. */
form.linha, div.linha, p.linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 10px 0; }
form.linha .sub, div.linha .sub { flex: 1 1 260px; min-width: 200px; }
.linha .campo-fonte { display: inline-block; width: 240px; margin: 0; }
.cartao > form.linha:last-child, .cartao > div.linha:last-child { margin-bottom: 0; }
.barra-pagina { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }
.barra-pagina details { position: relative; }
.barra-pagina details > summary { cursor: pointer; padding: 5px 10px; border: 1px solid var(--borda-forte); border-radius: 6px; background: var(--cartao); list-style: none; }
.barra-pagina details > summary::-webkit-details-marker { display: none; }
.barra-pagina details[open] > summary { background: var(--cartao-2); }
.barra-pagina details > form { position: absolute; z-index: 5; top: calc(100% + 6px); left: 0; width: min(560px, 90vw); background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: 0 8px 24px rgba(0,0,0,.18); padding: 12px; margin: 0; }
.texto-ajuda { color: var(--sub); font-size: 13px; max-width: 900px; margin: 0 0 12px; }
.chip-ambiente.producao { background: var(--ok-fundo); color: var(--ok); }
.tabela-estoque td input.campo-estoque { width: 90px; text-align: right; }
.tabela-estoque td .sub { white-space: nowrap; }
.cab-pagina { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 8px; }
.cab-pagina h1 { margin: 0; }
.status-estoque { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 12px; }
.form-cadastro-fiscal textarea { width: 100%; resize: vertical; }
.grade-campos input, .grade-campos select { width: 100%; }
.galeria-produto { margin-bottom: 10px; }

/* Expedição (revisão): barra de impressão fixa, filtros por situação da etiqueta e linhas por estado. */
.fila-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 10px; }
.fila-cab h2 { margin: 0; display: flex; align-items: baseline; gap: 8px; }
.chips-filtro { display: flex; flex-wrap: wrap; gap: 6px; }
.chip-filtro { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border: 1px solid var(--borda-forte); border-radius: 999px; text-decoration: none; color: var(--texto); font-size: 13px; background: var(--cartao); }
.chip-filtro b { color: var(--sub); font-weight: 600; }
.chip-filtro.ativo { background: var(--marca); border-color: var(--marca); color: var(--marca-texto); }
.chip-filtro.ativo b { color: var(--marca-texto); }
.barra-impressao { position: sticky; top: 52px; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 10px; margin: 0 0 8px; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: var(--raio); }
.tabela-fila .col-pedido { white-space: nowrap; }
.tabela-fila .id-externo { font-size: 11px; }
.tabela-fila tr.fila-imprimir td:first-child { box-shadow: inset 3px 0 0 var(--alerta); }
.tabela-fila tr.fila-impressa td:first-child { box-shadow: inset 3px 0 0 var(--ok); }
.tabela-fila tr.fila-conferida { opacity: .75; }
.leitor-form label { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.leitor { position: relative; }
.expedicao .cab-pagina .ico-mini { width: 14px; height: 14px; vertical-align: -2px; }
.cartao.fila-exp { overflow: visible; }
.status-zebra.ok { color: var(--ok); } .status-zebra.alerta { color: var(--alerta); }
.lista-composicao { list-style: none; margin: 0; padding: 0; } .lista-composicao li { margin: 2px 0; }
.tabela-composicao { width: 100%; } .tabela-composicao td { padding: 4px 6px; }
.botao-primario { background: var(--marca); color: var(--marca-texto); border: 1px solid var(--marca); border-radius: 6px; padding: 6px 12px; text-decoration: none; font-weight: 600; }
.botao-primario:hover { background: var(--marca-escura); }
.abas-ancora { position: sticky; top: 52px; z-index: 3; background: var(--fundo); }
.form-novo-produto .cartao { scroll-margin-top: 110px; }
.form-novo-produto h3.sub { margin: 12px 0 6px; text-transform: uppercase; letter-spacing: .03em; }
.barra-salvar { position: sticky; bottom: 0; background: var(--fundo); padding: 10px 0; border-top: 1px solid var(--borda); }
.mensagem.erro { background: var(--erro-fundo); border-color: var(--erro); }
.zona-perigo { border-color: var(--erro); }
.botao-perigo { background: var(--erro); color: #fff; border-color: var(--erro); font-weight: 600; }

/* Pop-up de confirmação, preço editável na lista e identificação do produto. */
dialog.modal { border: 1px solid var(--borda); border-radius: 12px; padding: 20px 22px; max-width: 480px; width: calc(100% - 32px); background: var(--cartao); color: var(--texto); box-shadow: 0 20px 50px rgba(0,0,0,.35); }
dialog.modal::backdrop { background: rgba(10, 20, 45, .55); }
dialog.modal h2 { font-size: 17px; margin: 0 0 8px; }
.modal-texto { color: var(--sub); margin: 0 0 10px; }
.modal-lista { margin: 0 0 14px; padding-left: 18px; max-height: 180px; overflow: auto; }
.modal-acoes { display: flex; justify-content: flex-end; gap: 8px; }
button.preco-editavel { background: transparent; border: 1px dashed transparent; padding: 2px 6px; cursor: text; font: inherit; color: var(--texto); }
button.preco-editavel:hover { border-color: var(--borda-forte); background: var(--cartao-2); }
button.preco-editavel.salvo { border-color: var(--ok); color: var(--ok); }
.campo-preco { width: 90px; text-align: right; }
.aviso-flutuante { position: absolute; background: var(--erro); color: #fff; padding: 4px 8px; border-radius: 6px; font-size: 12px; z-index: 6; }
.tabela-produtos td { position: relative; }
.ident-produto { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: -4px 0 10px; font-size: 14px; }
.ident-produto b { color: var(--sub); font-weight: 600; }


/* ===== Desenho 2026-10 (prévia "Expedição"): menu, barra superior e Expedição ===== */
body.com-menu { grid-template-columns: 230px minmax(0, 1fr); }
.menu-lateral { padding: 18px 12px; }
.menu-lateral .marca { gap: 12px; padding: 4px 10px 22px; }
.marca-simbolo { width: 42px; height: 42px; border-radius: 9px; font-size: 26px; }
.marca-nome { font-size: 18px; font-weight: 700; line-height: 1.12; color: #fff; }
.marca-nome span { display: block; }
.menu-grupo { margin-bottom: 14px; }
.menu-grupo-titulo { font-size: 13px; font-weight: 500; letter-spacing: .04em; padding: 8px 12px 6px; opacity: .65; }
.menu-lateral nav a { gap: 14px; padding: 10px 12px; font-size: 15px; border-radius: 6px; margin-bottom: 2px; }
.menu-lateral nav a .ico { width: 22px; height: 22px; }
.menu-lateral nav a.ativo { background: var(--marca); color: #fff; box-shadow: none; font-weight: 500; }
.menu-lateral nav a .seta-ativo { margin-left: auto; width: 18px; height: 18px; }
.logo-menu { width: 24px !important; height: 24px !important; color: #fff; }
.menu-lateral nav a:has(.logo-menu) .logo-menu { background: transparent; }

.barra-topo { height: 72px; padding: 0 28px; gap: 16px; border-bottom: 1px solid var(--linha); }
.busca-global { max-width: 820px; height: 42px; border-radius: 6px; background: var(--cartao); border-color: var(--borda); padding: 0 12px; gap: 10px; }
.busca-global input { font-size: 15px; }
.topo-direita { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.chip-ambiente { display: inline-flex; align-items: center; gap: 7px; text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 500; padding: 6px 11px; border-radius: 6px; }
.ponto-ambiente { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.chip-ambiente.producao { background: #e3f4e8; color: #17713a; }
.chip-ambiente.producao .ponto-ambiente { background: #22a352; }
.divisor-topo { width: 1px; height: 30px; background: var(--linha); }
details.sessao { position: relative; margin: 0; }
details.sessao > summary { list-style: none; display: flex; align-items: center; gap: 10px; cursor: pointer; }
details.sessao > summary::-webkit-details-marker { display: none; }
.avatar { width: 38px; height: 38px; background: var(--marca); color: #fff; font-size: 15px; }
.sessao-nome { font-size: 15px; }
.seta-sessao { width: 16px; height: 16px; color: var(--sub); }
.menu-sessao { position: absolute; right: 0; top: calc(100% + 8px); background: var(--cartao); border: 1px solid var(--borda); border-radius: 8px; padding: 12px; display: grid; gap: 8px; min-width: 180px; box-shadow: 0 8px 24px rgba(16, 24, 40, .12); z-index: 10; }

/* Botões do desenho */
.botao-contorno, .botao-primario { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 6px; font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; }
.botao-contorno { background: var(--cartao); color: var(--texto); border: 1px solid var(--borda); }
.botao-contorno:hover:not(:disabled) { background: var(--cartao-2); }
.botao-contorno:disabled { background: #a3a9b5; color: #4b525c; border-color: #7d8492; }
.botao-contorno.azul { color: var(--marca); border-color: var(--marca); height: 44px; font-size: 15px; padding: 0 18px; }
.botao-contorno.azul:hover { background: var(--marca-clara); }
.botao-primario { background: var(--marca); color: #fff; border: 1px solid var(--marca); height: 44px; font-size: 15px; padding: 0 20px; }
.botao-primario:hover { background: var(--marca-escura); }
.botao-quadrado { width: 40px; padding: 0; }
.botao-contorno .ico, .botao-primario .ico { width: 19px; height: 19px; }

/* Expedição */
.expedicao main, main:has(> .expedicao) { padding: 26px 28px; }
.cab-exp { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 26px; }
.cab-exp h1 { font-size: 34px; font-weight: 800; letter-spacing: -.01em; margin: 0; line-height: 1.1; }
.subtitulo { color: var(--sub); font-size: 19px; margin: 4px 0 0; }
.acoes-cab { margin-left: auto; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.expedicao .etapas-exp { gap: 18px; margin-bottom: 26px; }
.expedicao .etapa-exp { padding: 18px 22px; gap: 18px; border: 1px solid var(--borda); box-shadow: none; min-height: 90px; }
.expedicao .etapa-exp.ativa { border: 1.5px solid var(--marca); background: rgba(255, 255, 255, .2); box-shadow: none; }
.expedicao .etapa-num { width: 54px; height: 54px; font-size: 18px; font-weight: 600; background: rgba(255, 255, 255, .35); border: 0; color: var(--texto); }
.expedicao .etapa-exp.ativa .etapa-num { background: var(--marca); color: #fff; }
.expedicao .etapa-texto strong { font-size: 17px; font-weight: 600; }
.expedicao .etapa-texto .sub { font-size: 14px; margin-top: 3px; }
.expedicao .etapa-qtd { font-size: 25px; font-weight: 500; align-self: flex-start; }
.expedicao .etapa-exp.ativa .etapa-qtd { color: var(--marca); }

.expedicao .cartao { border: 1px solid var(--borda); border-radius: 8px; box-shadow: none; }
.expedicao .leitor { display: flex; gap: 32px; padding: 24px 36px 22px; border-left: 6px solid var(--marca); margin-bottom: 26px; overflow: visible; }
.expedicao .leitor.sucesso { border-color: var(--borda); border-left-color: var(--ok); } .expedicao .leitor.falha { border-color: var(--borda); border-left-color: var(--erro); }
.leitor-icone { width: 58px; height: 58px; flex: none; border-radius: 6px; background: var(--marca-clara); color: var(--marca); display: grid; place-items: center; }
.leitor-icone .ico { width: 30px; height: 30px; stroke-width: 2.2; }
.leitor-corpo { flex: 1; min-width: 0; }
.leitor-corpo h2 { font-size: 25px; font-weight: 800; margin: 0; }
.leitor-corpo .subtitulo { font-size: 17px; margin: 2px 0 16px; }
.expedicao .leitor-form { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.campo-leitor { flex: 1; min-width: 260px; max-width: 785px; display: flex !important; flex-direction: row !important; align-items: center; gap: 14px; height: 56px; border: 1px solid var(--borda); border-radius: 4px; padding: 0 20px; background: var(--cartao); margin: 0 !important; color: var(--sub); }
.campo-leitor:focus-within { border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-clara); }
.campo-leitor .ico { width: 26px; height: 26px; }
.campo-leitor input { border: 0; flex: 1; font-size: 17px; padding: 0; height: 100%; background: transparent; font-variant-numeric: tabular-nums; }
.campo-leitor input:focus-visible { outline: none; }
.botao-conferir { height: 56px; min-width: 155px; font-size: 18px; font-weight: 600; border-radius: 4px; }
.estado-leitor { display: inline-flex; align-items: center; gap: 8px; color: #17713a; font-size: 14px; margin-left: 4px; cursor: pointer; }
.estado-leitor i { width: 9px; height: 9px; border-radius: 50%; background: #22a352; }
.estado-leitor.inativo { color: var(--sub); } .estado-leitor.inativo i { background: #b8c0ca; }
.nota-leitor { font-size: 15px; margin: 14px 0 0; display: flex; align-items: center; gap: 8px; }
.nota-leitor .ico-mini { width: 17px; height: 17px; }
.expedicao .leitor-resultado { margin-top: 14px; font-size: 16px; }

.expedicao .fila-exp { padding: 0; overflow: visible; }
.fila-topo { display: flex; align-items: flex-start; gap: 12px; padding: 22px 20px 10px; }
.fila-topo h2 { font-size: 23px; font-weight: 800; margin: 0; }
.contagem-fila { font-size: 16px; margin: 2px 0 0; }
.fila-topo .filtro-fila { margin-left: auto; }
.abas-exp { display: flex; gap: 4px; padding: 0 20px; border-bottom: 1px solid var(--linha); }
.aba-exp { display: inline-flex; align-items: center; gap: 10px; padding: 12px 13px; color: #5f6b7a; text-decoration: none; font-size: 16px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.aba-exp.ativa { color: var(--marca); border-bottom-color: var(--marca); font-weight: 500; }
.contagem-aba { min-width: 30px; height: 24px; padding: 0 8px; border-radius: 6px; background: rgba(255, 255, 255, .35); color: var(--texto); font-size: 14px; display: inline-grid; place-items: center; }
.aba-exp.ativa .contagem-aba { background: var(--marca-clara); color: var(--marca); }
.expedicao .barra-impressao { position: static; margin: 0; border: 0; border-radius: 0; background: transparent; padding: 18px 20px; gap: 12px 24px; }
.expedicao .barra-impressao .check { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; color: var(--texto); }
.expedicao .barra-impressao .sub { font-size: 15px; color: var(--texto); }
.expedicao input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--marca); }
.divisor { width: 1px; height: 26px; background: var(--linha); }
.espaco { flex: 1; }
.seletor-impressora { display: inline-flex; align-items: center; gap: 10px; height: 40px; border: 1px solid var(--borda); border-radius: 6px; padding: 0 12px 0 14px; background: var(--cartao); min-width: 180px; }
.seletor-impressora .ico { width: 19px; height: 19px; }
.seletor-impressora select { border: 0; padding: 0; font-size: 15px; background: transparent; flex: 1; }
.config-impressora { position: relative; }
.link-config { list-style: none; color: var(--marca); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; }
.link-config::-webkit-details-marker { display: none; }
.popover { position: absolute; right: 0; top: calc(100% + 8px); z-index: 10; background: var(--cartao); border: 1px solid var(--borda); border-radius: 8px; padding: 14px; width: 300px; box-shadow: 0 8px 24px rgba(16, 24, 40, .12); display: grid; gap: 8px; }

.expedicao .tabela-fila { border: 0; border-top: 1px solid var(--linha); width: 100%; border-collapse: collapse; }
.expedicao .tabela-fila thead th { background: var(--cartao-2); text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 500; color: var(--texto); padding: 14px 12px; border-bottom: 1px solid var(--linha); }
.expedicao .tabela-fila td { padding: 16px 12px; vertical-align: middle; border-bottom: 1px solid var(--linha); font-size: 13px; }
.expedicao .tabela-fila tr.fila-imprimir td:first-child, .expedicao .tabela-fila tr.fila-impressa td:first-child { box-shadow: none; }
.expedicao .tabela-fila tr.selecionada td { background: rgba(255, 255, 255, .2); }
.expedicao .col-sel { width: 52px; padding-left: 20px !important; }
button.ordenar { background: none; border: 0; padding: 0; color: inherit; font: inherit; font-weight: 500; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
button.ordenar:hover { background: none; color: var(--marca); }
button.ordenar .ico-mini { width: 15px; height: 15px; opacity: .8; }
button.ordenar[aria-sort] { color: var(--marca); }
.expedicao .num-pedido { font-size: 15px; font-weight: 700; color: var(--texto); text-decoration: none; }
.expedicao .id-externo { font-size: 13px; margin-top: 3px; }
.col-canal { text-align: center !important; font-size: 14px; }
.col-canal .logo-canal { width: 40px; height: 32px; display: block; margin: 0 auto 2px; }
.produtos-fila { display: grid; gap: 6px; }
.produto-fila { display: flex; gap: 10px; align-items: center; font-size: 13px; line-height: 1.35; }
.foto-fila { width: 40px; height: 40px; border: 1px solid var(--borda); border-radius: 6px; object-fit: contain; background: var(--cartao); flex: none; display: grid; place-items: center; color: var(--sub); }
.sku-fila { display: block; font-size: 12px; }
.col-envio { display: table-cell; }
.col-envio > .ico-envio { float: left; width: 24px; height: 24px; margin: 4px 10px 0 0; color: var(--texto); }
.col-envio > div { overflow: hidden; font-size: 13px; }
.pilula { display: inline-flex; align-items: center; gap: 7px; padding: 5px 10px; border-radius: 6px; font-size: 13px; font-weight: 500; white-space: nowrap; }
.pilula i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.pilula.alerta { background: #fff3e0; color: #b26200; } .pilula.alerta i { background: #f08c00; }
.pilula.ok { background: #e3f4e8; color: #17713a; } .pilula.ok i { background: #22a352; }
.pilula.apagada { background: rgba(255, 255, 255, .35); color: var(--sub); } .pilula.apagada i { background: #a3acb8; }
.tempo-etapa { font-size: 14px; }
.tempo-etapa.alerta { color: #b26200; } .tempo-etapa.erro { color: var(--erro); font-weight: 600; }
.col-acoes { width: 1%; white-space: nowrap; }
.acoes-linha { display: flex; gap: 12px; align-items: center; }
.mais-acoes { position: relative; }
.mais-acoes > summary { list-style: none; }
.mais-acoes > summary::-webkit-details-marker { display: none; }
.menu-acoes { width: 210px; }
.menu-acoes a, .menu-acoes button.link { text-decoration: none; text-align: left; font-size: 14px; }
.rodape-fila { font-size: 15px; padding: 22px 20px 16px; margin: 0; }
.faixa-info { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 20px 20px; border: 1px solid var(--borda); border-radius: 4px; padding: 16px 0; }
.faixa-info > div { display: flex; gap: 20px; align-items: flex-start; padding: 2px 22px; }
.faixa-info > div + div { border-left: 1px solid var(--linha); }
.faixa-info .ico { width: 26px; height: 26px; color: var(--texto); margin-top: 2px; }
.faixa-info span { display: block; font-size: 14px; color: var(--texto); }
.faixa-info strong { display: block; font-size: 15px; font-weight: 500; margin-top: 4px; }
.faixa-info strong.ok { color: #17713a; } .faixa-info strong.alerta { color: #b26200; }
kbd { display: inline-block; padding: 3px 13px; border-radius: 4px; background: rgba(255, 255, 255, .35); border: 1px solid var(--borda); font: inherit; font-size: 15px; margin-right: 10px; }
@media (max-width: 1100px) { .faixa-info { grid-template-columns: 1fr; } .faixa-info > div + div { border-left: 0; border-top: 1px solid var(--linha); padding-top: 12px; margin-top: 12px; } }
@media (max-width: 900px) {
  .cab-exp { flex-direction: column; } .acoes-cab { margin-left: 0; }
  .cab-exp h1 { font-size: 28px; } .subtitulo { font-size: 16px; }
  .expedicao .leitor { padding: 18px; gap: 14px; } .leitor-icone { display: none; }
  .barra-topo { padding: 0 16px; } .divisor-topo { display: none; }
}
.expedicao .tabela-fila .cliente { font-weight: 400; font-size: 13px; }


/* ===== Tema escuro do desenho (Produtos, 2026-10-14): fundo grafite, texto secundário #8E95A3, menu #1A1E22 ===== */
a { color: var(--azul-texto); }
button { background: var(--marca); color: #fff; border-color: var(--marca); }
button:hover:not(:disabled) { background: var(--marca-escura); }
button:disabled { background: var(--cartao-2); border-color: var(--borda); color: var(--apagado); }
button.link { background: none; color: var(--azul-texto); }
.botao-sec { background: transparent; color: var(--texto); border-color: var(--borda-forte); }
.botao-sec:hover:not(:disabled) { background: var(--cartao-2); }
input, select, textarea { background: transparent; border-color: var(--borda-forte); color: var(--texto); }
select option { background: var(--cartao); color: var(--texto); }
input::placeholder, textarea::placeholder { color: var(--sub); }
.botao-primario { background: var(--marca); color: #fff; border-color: var(--marca); }
.botao-primario:hover { background: var(--marca-escura); }
.botao-contorno { background: transparent; color: var(--texto); border-color: var(--borda-forte); }
.botao-contorno:hover:not(:disabled) { background: var(--cartao-2); }
.botao-contorno:disabled { background: var(--cartao-2); color: var(--apagado); border-color: var(--borda); }
.botao-contorno.azul { color: var(--texto); border-color: var(--marca); }
.botao-contorno.azul:hover { background: var(--marca-clara); }
.cartao { background: var(--cartao); border-color: var(--borda); }
.barra-topo { background: var(--fundo); border-bottom: 1px solid var(--borda); }
.busca-global { background: var(--cartao); border-color: var(--borda-forte); color: var(--sub); }
.menu-lateral nav a.ativo { background: var(--marca); color: #fff; }
.marca-simbolo { background: var(--marca); color: #fff; }
.avatar { background: var(--cartao-2); color: #fff; border: 1px solid var(--borda-forte); }
.chip-ambiente.producao { background: rgba(62, 207, 114, .14); color: #3ecf72; }
.chip-ambiente.producao .ponto-ambiente { background: #3ecf72; }
.faixa-ambiente { background: rgba(245, 165, 36, .14); color: #f5c46b; border-bottom-color: var(--borda); }
.chip-filtro { background: transparent; border-color: var(--borda-forte); color: var(--texto); }
.chip-filtro.ativo { background: var(--marca); color: #fff; border-color: var(--marca); }
.chip-filtro.ativo b { color: #fff; }
.tabela-pedidos thead th { background: var(--cartao-2); color: var(--texto); }
.tabela-pedidos th, .tabela-pedidos td, .cartao th, .cartao td { border-bottom-color: var(--linha); }
.popover, .menu-sessao { background: var(--cartao-2); border-color: var(--borda-forte); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
.mensagem { background: var(--ok-fundo); border-color: var(--ok); color: var(--texto); }
.mensagem.erro { background: var(--erro-fundo); border-color: var(--erro); }
.miniatura, .foto-fila, .foto-produto { background: #fff; }
.painel-status a.ativo { background: var(--marca); color: #fff; }
.painel-status a.ativo .contador { color: #fff; }
.expedicao .etapa-exp.ativa { background: var(--marca-clara); }
.expedicao .etapa-num { background: var(--cartao-2); color: var(--texto); }
.expedicao .etapa-exp.ativa .etapa-num { background: var(--marca); color: #fff; border: 0; }
.expedicao .etapa-exp.ativa .etapa-qtd, .aba-exp.ativa, .link-config { color: var(--azul-texto); }
.aba-exp.ativa .contagem-aba { background: var(--marca); color: #fff; }
.leitor-icone { background: var(--marca-clara); color: var(--azul-texto); }
.campo-leitor { background: transparent; color: var(--sub); }
.campo-leitor:focus-within { box-shadow: 0 0 0 3px var(--marca-clara); }
.estado-leitor { color: var(--ok); } .estado-leitor i { background: var(--ok); }
.pilula.alerta { background: var(--alerta-fundo); color: var(--alerta); } .pilula.alerta i { background: var(--alerta); }
.pilula.ok { background: var(--ok-fundo); color: var(--ok); } .pilula.ok i { background: var(--ok); }
.pilula.apagada { background: var(--cartao-2); color: var(--sub); }
.tempo-etapa.alerta { color: var(--alerta); }
kbd { background: var(--cartao-2); border-color: var(--borda-forte); color: var(--texto); }

/* Produtos (desenho "Página de produtos") */
.pagina-produtos .cab-exp { margin-bottom: 18px; }
.contagem-titulo { display: inline-grid; place-items: center; vertical-align: middle; font-size: 17px; font-weight: 600; min-width: 56px; height: 32px; padding: 0 10px; margin-left: 12px; border-radius: 999px; background: var(--cartao-2); letter-spacing: 0; }
.botao-primario .mais { font-size: 22px; font-weight: 400; line-height: 1; }
.abas-design { gap: 20px; border-bottom: 1px solid var(--linha); margin-bottom: 18px; }
.abas-design a { padding: 10px 12px; font-size: 17px; font-weight: 500; color: var(--texto); }
.abas-design a.ativa { color: var(--azul-texto); border-bottom: 3px solid var(--marca); }
.faixa-aviso { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 18px; margin-bottom: 18px; border: 1px solid var(--borda); border-radius: 8px; background: var(--cartao); font-size: 16px; }
.faixa-aviso .ico { color: var(--azul-texto); width: 22px; height: 22px; }
.faixa-aviso .ponto-sep { margin: 0 8px; }
.faixa-aviso a { margin-left: 16px; }
.chips-produtos { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }
.chip-produtos { display: inline-flex; align-items: center; gap: 10px; height: 40px; padding: 0 18px; border: 1px solid var(--borda); border-radius: 4px; font-size: 16px; color: var(--texto); text-decoration: none; }
.chip-produtos span { font-weight: 600; font-size: 14px; padding: 1px 8px; border-radius: 6px; background: var(--cartao-2); }
.chip-produtos.ativo { background: #fff; color: var(--marca); border-color: var(--marca); font-weight: 600; }
.chip-produtos.ativo span { background: var(--marca); color: #fff; }
.filtro-produtos { display: grid; grid-template-columns: minmax(240px, 2.4fr) 1fr 1fr 1fr auto auto; gap: 8px 14px; align-items: end; padding: 18px; margin-bottom: 18px; overflow: visible; }
.filtro-produtos label { display: grid; gap: 6px; font-size: 15px; font-weight: 500; }
.filtro-produtos select, .filtro-produtos .campo-busca { height: 44px; font-size: 16px; border-radius: 4px; }
.campo-busca { display: flex; align-items: center; gap: 10px; border: 1px solid var(--borda); padding: 0 14px; background: var(--cartao); }
.campo-busca input { border: 0; flex: 1; font-size: 16px; padding: 0; background: transparent; }
.campo-busca input:focus-visible { outline: none; }
.campo-busca:focus-within { box-shadow: 0 0 0 3px var(--marca-clara); }
.filtro-produtos > .botao-primario, .filtros-avancados > summary { height: 44px; min-width: 112px; }
.filtros-avancados { position: relative; }
.filtros-avancados > summary { list-style: none; }
.filtros-avancados > summary::-webkit-details-marker { display: none; }
.filtros-avancados[open] > label { position: absolute; right: 0; top: calc(100% + 8px); z-index: 6; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: 8px; padding: 12px; width: 260px; }
.links-filtro { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 26px; font-size: 15px; }
.links-filtro a { display: inline-flex; align-items: center; gap: 6px; }
.links-filtro .ico-mini { width: 18px; height: 18px; }
.barra-selecao { margin-bottom: 14px; }
.barra-selecao-linha { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.barra-selecao .check { display: inline-flex; align-items: center; gap: 12px; height: 44px; padding: 0 16px; border: 1px solid var(--borda); border-radius: 4px; font-size: 16px; }
.barra-selecao .botao-contorno, .barra-selecao .menu-suspenso > summary { height: 44px; font-size: 16px; }
.pagina-produtos input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--marca); }
.menu-suspenso, .mais-acoes { position: relative; }
.menu-suspenso > summary, .mais-acoes > summary { list-style: none; cursor: pointer; }
.menu-suspenso > summary::-webkit-details-marker, .mais-acoes > summary::-webkit-details-marker { display: none; }
.menu-suspenso .popover { left: 0; right: auto; width: 290px; }
.acoes-cab .menu-suspenso .popover { left: auto; right: 0; }
.menu-acoes { display: grid; gap: 6px; }
.menu-acoes a, .menu-acoes button.link { padding: 6px 4px; color: var(--texto); text-decoration: none; text-align: left; }
.menu-acoes a:hover, .menu-acoes button.link:hover { text-decoration: underline; }
.menu-acoes .perigo { color: var(--erro) !important; }
.painel-lote { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; padding: 12px; border: 1px solid var(--borda); border-radius: 6px; }
.painel-lote[hidden] { display: none; }
.tabela-cartao { padding: 0; overflow: visible; }
.tabela-design { width: 100%; border-collapse: collapse; }
.tabela-design thead th { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; padding: 14px 16px; }
.tabela-design td { padding: 12px 16px; vertical-align: middle; border-right: 1px solid var(--linha); }
.tabela-design td:last-child { border-right: 0; }
.tabela-design tr.selecionada td { background: var(--cartao-2); }
.col-produto { display: flex; gap: 18px; align-items: center; min-width: 360px; }
.foto-produto { width: 72px; height: 72px; flex: none; border: 1px solid var(--linha); border-radius: 6px; display: grid; place-items: center; overflow: hidden; color: var(--sub); }
.foto-produto img { width: 100%; height: 100%; object-fit: contain; }
.tabela-design .nome-produto { font-size: 16px; font-weight: 600; color: var(--azul-texto); text-decoration: none; }
.tabela-design .nome-produto:hover { text-decoration: underline; }
.col-produto .sub { font-size: 14px; margin: 3px 0 6px; }
.tipo-produto { display: inline-block; padding: 2px 12px; border-radius: 999px; background: var(--cartao-2); font-size: 14px; }
.col-estoque strong { font-size: 16px; font-weight: 600; }
.col-estoque .sub { font-size: 14px; }
.col-preco .preco-editavel { font-size: 16px; font-weight: 700; background: none; border: 0; color: var(--texto); padding: 0; }
.aviso-linha { color: var(--alerta); font-size: 14px; margin-top: 4px; }
.chip-canal { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; margin: 2px 4px 2px 0; border: 1px solid var(--linha); border-radius: 999px; font-size: 13px; background: var(--cartao); white-space: nowrap; }
.chip-canal.mais { color: var(--azul-texto); font-weight: 600; }
.chip-canal.manual { color: var(--azul-texto); }
a.chip-canal { text-decoration: none; color: inherit; }
.chip-canal.tiktok-ok { color: var(--ok); border-color: var(--ok); }
.chip-canal.tiktok-alerta { color: var(--alerta); border-color: var(--alerta); }
.chip-canal.tiktok-erro { color: var(--erro, var(--alerta)); border-color: var(--erro, var(--alerta)); }
.logo-chip { width: 20px; height: 20px; }
.col-fiscal { font-size: 15px; } .col-fiscal .sub { font-size: 14px; }
.col-fiscal .falta { color: var(--erro); font-weight: 600; }
.com-dica { position: relative; cursor: help; font-size: 14px; }
.com-dica .dica { display: none; position: absolute; left: 0; top: calc(100% + 6px); z-index: 7; width: 190px; padding: 6px 9px; border-radius: 4px; background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); font-size: 13px; font-weight: 400; line-height: 1.3; white-space: normal; }
.com-dica:hover .dica, .com-dica:focus .dica { display: block; }
.tabela-design .botao-icone { font-size: 20px; color: var(--texto); text-decoration: none; padding: 4px 8px; }
.tabela-design .mais-acoes .popover { right: 0; width: 180px; }
.rodape-tabela { display: flex; align-items: center; gap: 16px; padding: 14px 20px; font-size: 15px; flex-wrap: wrap; }
.paginacao-num { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.pag-num { display: inline-grid; place-items: center; min-width: 36px; height: 36px; padding: 0 8px; border: 1px solid var(--borda); border-radius: 4px; text-decoration: none; color: var(--texto); }
.pag-num.atual { background: #fff; color: var(--marca); font-weight: 700; }
.pag-num.desativado { opacity: .45; }
.pag-reticencias { padding: 0 4px; }
.atencao-cadastro { margin-top: 18px; padding: 14px 20px 20px; border-radius: 8px; border: 1px solid #6b4a12; background: rgba(245, 165, 36, .05); }
.atencao-cadastro h2 { color: #f59e0b; font-size: 19px; font-weight: 700; margin: 0 0 10px; }
.atencao-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; }
.atencao-cartoes a { display: flex; gap: 18px; align-items: center; padding: 14px 18px; border-radius: 6px; border: 1px solid var(--linha); background: var(--cartao); color: var(--texto); text-decoration: none; }
.atencao-cartoes a:hover { background: var(--cartao-2); }
.atencao-cartoes a > .ico:first-child { width: 30px; height: 30px; color: #f97316; flex: none; }
.atencao-cartoes a > .ico:last-child { margin-left: auto; flex: none; }
.atencao-cartoes strong { display: block; font-size: 16px; }
.atencao-cartoes span { font-size: 14px; color: var(--sub); }
@media (max-width: 1100px) { .filtro-produtos { grid-template-columns: 1fr 1fr; } .filtro-produtos .largo { grid-column: 1 / -1; } }
.barra-topo .sino { color: var(--texto); } .barra-topo .sino .ico { width: 24px; height: 24px; }
.filtro-produtos label { min-width: 0; }
.filtro-produtos select { width: 100%; min-width: 0; }
#importar-planilha:not([open]) { display: none; }
.pagina-produtos .tabela-design thead th { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; color: var(--texto); }
.pagina-produtos .tabela-design thead th button.ordenar { font-size: 15px; }
.filtro-produtos .filtros-avancados { margin-top: 0; border-top: 0; padding-top: 0; }
.chip-canal .logo-chip { flex: none; }

/* Ajustes do tema escuro na tela de Produtos */
.chip-produtos { border-color: var(--borda-forte); }
.chip-produtos.ativo { background: var(--marca); color: #fff; border-color: var(--marca); }
.chip-produtos.ativo span { background: rgba(255, 255, 255, .22); color: #fff; }
.contagem-titulo { background: var(--cartao-2); color: var(--texto); }
.faixa-aviso { background: var(--cartao); border-color: var(--borda); }
.faixa-aviso .ico { color: var(--azul-texto); }
.tabela-design .nome-produto { color: var(--azul-texto); }
.tipo-produto { background: var(--cartao-2); }
.chip-canal { background: transparent; border-color: var(--borda-forte); }
.chip-canal.mais { background: var(--marca-clara); border-color: transparent; }
.chip-canal.manual { border-color: var(--marca); }
.pag-num { border-color: var(--borda-forte); }
.pag-num.atual { background: var(--marca); color: #fff; border-color: var(--marca); }
.col-fiscal .falta { color: var(--erro); }
.tabela-design .botao-icone { color: var(--texto); }
.logo-menu { color: #fff; }
.logo-chip, .col-canal .logo-canal { color: var(--texto); }

/* ===== Pedido OK (desenho "Painel Pedido OK", 2026-10-14) ===== */
.pagina-pok .cab-exp { margin-bottom: 20px; }
.ultima-leitura { font-size: 15px; margin-right: 12px; }
.kpis-pok { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.kpi { display: flex; gap: 18px; align-items: flex-start; padding: 18px 18px 16px; border: 1px solid var(--borda); border-radius: 8px; background: var(--cartao); color: var(--texto); text-decoration: none; }
.kpi:hover { border-color: var(--borda-forte); }
.kpi-icone { width: 48px; height: 48px; flex: none; border-radius: 6px; display: grid; place-items: center; background: var(--cartao-2); color: var(--texto); }
.kpi-icone .ico { width: 24px; height: 24px; }
.kpi span { display: block; font-size: 16px; }
.kpi strong { font-size: 38px; font-weight: 700; line-height: 1.15; margin-right: 10px; }
.kpi small { color: var(--sub); font-size: 15px; }
.kpi.verde .kpi-icone { background: rgba(62, 207, 114, .14); color: var(--ok); } .kpi.verde strong { color: var(--ok); }
.kpi.azul .kpi-icone { background: var(--marca-clara); color: var(--azul-texto); } .kpi.azul strong { color: var(--azul-texto); }
.kpi.laranja .kpi-icone { background: var(--alerta-fundo); color: var(--alerta); } .kpi.laranja strong { color: var(--alerta); }
.sinc-pok { padding: 16px 20px 18px; margin-bottom: 18px; }
.sinc-topo { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.sinc-topo h2, .catalogo-pok > h2 { font-size: 21px; font-weight: 700; margin: 0; }
.sinc-topo .botao-contorno { margin-left: auto; }
.sinc-blocos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; max-width: 1200px; margin-bottom: 16px; }
.sinc-bloco { display: flex; align-items: center; gap: 22px; padding: 12px 18px; border: 1px solid var(--borda); border-radius: 6px; }
.sinc-bloco strong { display: block; font-size: 16px; font-weight: 500; margin-bottom: 4px; }
.sinc-bloco a { font-size: 16px; text-decoration: none; }
.sinc-bloco .sub { display: block; }
.selo-sist { width: 48px; height: 48px; flex: none; border-radius: 6px; display: grid; place-items: center; font-weight: 800; font-size: 20px; }
.selo-sist.pok { background: #fff; color: #1957d6; }
.selo-sist.vital { background: #fff; color: #1957d6; font-size: 28px; }
.selo-sist.ml { background: var(--cartao-2); } .selo-sist.ml .ico { width: 30px; height: 30px; }
.estado-sinc { display: inline-flex; align-items: center; gap: 10px; color: var(--sub); font-size: 16px; }
.estado-sinc i { width: 12px; height: 12px; border-radius: 50%; background: #a3acb8; }
.estado-sinc.ligado { color: var(--ok); } .estado-sinc.ligado i { background: var(--ok); }
.aviso-sinc { display: flex; align-items: center; gap: 22px; padding: 14px 22px; border: 1px solid #8a6416; border-radius: 6px; background: rgba(245, 165, 36, .08); }
.aviso-sinc > .ico { width: 36px; height: 36px; color: var(--alerta); flex: none; }
.aviso-sinc strong { display: block; color: #f5b83d; font-size: 17px; font-weight: 500; }
.aviso-sinc span { font-size: 15px; }
.aviso-sinc .botao-contorno { margin-left: auto; }
.botao-contorno.laranja { border-color: #c08a1e; color: #f5c46b; height: 42px; font-size: 16px; }
.botao-contorno.laranja:hover { background: rgba(245, 165, 36, .1); }
.config-sinc { margin-top: 14px; border: 1px solid var(--borda-forte); border-radius: 6px; }
.config-sinc[hidden] { display: none; }
.config-linha { display: flex; align-items: center; gap: 18px; padding: 14px 18px; }
.config-linha + .config-linha { border-top: 1px solid var(--linha); }
.config-linha strong { display: block; font-size: 15px; }
.config-linha > :last-child { margin-left: auto; flex: none; }
.catalogo-pok { padding: 18px 20px 6px; overflow: visible; }
.catalogo-topo { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; border-bottom: 1px solid var(--linha); margin: 10px 0 0; }
.catalogo-topo .abas-exp { border-bottom: 0; padding: 0; }
.catalogo-topo .aba-exp { font-size: 16px; }
.busca-pok { margin-left: auto; display: flex; gap: 12px; align-items: center; padding-bottom: 10px; flex-wrap: wrap; }
.busca-pok .campo-busca { width: 430px; max-width: 100%; height: 42px; border-radius: 4px; }
.busca-pok .botao-primario, .busca-pok .botao-contorno { height: 42px; }
.opcao-check { display: flex; align-items: center; gap: 12px; padding: 6px 4px; color: var(--texto); text-decoration: none; font-size: 15px; }
.opcao-check .caixa { width: 18px; height: 18px; border: 1.5px solid var(--borda-forte); border-radius: 3px; flex: none; }
.opcao-check.marcada .caixa { background: var(--marca); border-color: var(--marca); box-shadow: inset 0 0 0 3px var(--cartao-2); }
.mais-filtros .popover { width: 280px; }
.barra-pok { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 0; }
.barra-pok .check { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; min-width: 150px; }
.barra-pok .botao-contorno, .barra-pok .menu-suspenso > summary { height: 42px; font-size: 15px; }
.barra-pok .menu-suspenso .popover { width: 320px; }
.barra-pok .menu-acoes .check { font-size: 13px; color: var(--sub); align-items: flex-start; }
.parametros-pok > summary { height: 56px !important; text-align: left; gap: 14px; }
.parametros-pok > summary span { display: grid; line-height: 1.25; }
.parametros-pok > summary small { color: var(--texto); font-size: 14px; font-weight: 400; }
.parametros-pok .popover { width: 360px; left: auto !important; right: 0; }
.pagina-pok input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--marca); }
.tabela-pok td { border-right: 0 !important; padding: 10px 14px; }
.tabela-pok thead th { font-size: 15px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--texto) !important; }
.tabela-pok td.num { font-size: 16px; }
.foto-produto.pequena { width: 56px; height: 56px; }
.nome-pok { font-size: 16px; }
.tabela-pok .sub { font-size: 14px; } .tabela-pok .sep { margin: 0 6px; opacity: .6; }
.selo-situacao { display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px; border-radius: 4px; border: 1px solid; min-width: 170px; }
.selo-situacao b { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; color: var(--fundo); flex: none; }
.selo-situacao strong { display: block; font-weight: 500; font-size: 15px; }
.selo-situacao small { display: block; color: var(--texto); font-size: 13px; }
.selo-situacao.ok { background: rgba(62, 207, 114, .08); border-color: rgba(62, 207, 114, .35); color: var(--ok); } .selo-situacao.ok b { background: var(--ok); }
.selo-situacao.info { background: var(--marca-clara); border-color: rgba(91, 147, 255, .4); color: var(--azul-texto); } .selo-situacao.info b { background: var(--azul-texto); }
.selo-situacao.alerta { background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .4); color: var(--alerta); } .selo-situacao.alerta b { background: var(--alerta); }
.selo-situacao.apagada { background: var(--cartao-2); border-color: var(--borda-forte); color: var(--sub); } .selo-situacao.apagada b { background: var(--sub); }
.vincular-pok { position: relative; }
.vincular-pok > summary { list-style: none; cursor: pointer; color: var(--azul-texto); font-size: 15px; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.vincular-pok > summary::-webkit-details-marker { display: none; }
.vincular-pok .ico-mini { width: 18px; height: 18px; }
.vincular-pok .popover { width: 420px; }
.vincular-pok .popover input { flex: 1; }
.nota-pok { text-align: right; font-size: 13px !important; line-height: 1.4; }
.pagina-pok .rodape-tabela { padding: 14px 6px; }
@media (max-width: 1200px) { .kpis-pok, .sinc-blocos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .kpis-pok, .sinc-blocos { grid-template-columns: 1fr; } .busca-pok .campo-busca { width: 100%; } }
.tabela-pok .col-produto { min-width: 250px; gap: 14px; }
.tabela-pok .nome-pok, .tabela-pok .nome-produto { font-size: 15px; }
.tabela-pok th:nth-child(2), .tabela-pok td:nth-child(2) { max-width: 330px; }
.tabela-pok th:nth-child(6), .tabela-pok td:nth-child(6) { max-width: 320px; }
.selo-situacao { min-width: 0; padding: 7px 12px; gap: 10px; }
.selo-situacao small { white-space: nowrap; }
.busca-pok .campo-busca { width: 320px; }
.tabela-pok .foto-produto.pequena img[style*="hidden"] { display: none; }
.tabela-pok td, .tabela-pok th { padding-left: 10px !important; padding-right: 10px !important; }
.tabela-pok th:nth-child(2), .tabela-pok td:nth-child(2), .tabela-pok th:nth-child(6), .tabela-pok td:nth-child(6) { max-width: 270px; }
.tabela-pok .col-produto { min-width: 220px; }
.tabela-pok .acoes-linha { gap: 6px; }

/* ===== Página do produto (desenho "Painel de edição", 2026-10-14) ===== */
.pagina-produto { padding-bottom: 90px; }
.trilha { font-size: 15px; margin-bottom: 6px; color: var(--sub); }
.trilha a { text-decoration: none; } .trilha span { margin: 0 6px; }
.cab-produto { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.cab-produto h1 { font-size: 30px; font-weight: 800; margin: 0 0 8px; line-height: 1.2; }
.ident-linha { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 16px; color: var(--sub); }
.ident-linha strong { color: var(--texto); font-weight: 500; }
.ident-linha .sep { opacity: .6; }
.pilula-tipo { display: inline-flex; align-items: center; gap: 8px; margin-left: 16px; padding: 5px 14px; border-radius: 999px; border: 1px solid; font-size: 15px; }
.pilula-tipo b { font-weight: 500; }
.pilula-tipo.alerta { color: var(--alerta); border-color: rgba(245, 165, 36, .6); background: var(--alerta-fundo); }
.pilula-tipo.ok { color: var(--ok); border-color: rgba(62, 207, 114, .5); background: var(--ok-fundo); }
.cab-produto .acoes-cab .botao-contorno, .cab-produto .acoes-cab .botao-primario, .cab-produto .menu-suspenso > summary { height: 42px; }
.cab-produto .menu-suspenso .popover { left: auto; right: 0; width: 260px; }
.faixa-origem { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 14px 20px; margin-bottom: 16px; border: 1px solid var(--borda); border-radius: 8px; background: var(--cartao); font-size: 15px; }
.faixa-origem .ico { width: 22px; height: 22px; vertical-align: -5px; margin-right: 8px; }
.faixa-origem .divisor { height: 30px; background: var(--borda-forte); }
.validacao { color: var(--alerta); } .validacao.ok { color: var(--ok); }
.faixa-origem .botao-contorno { height: 36px; }
.kpis-produto { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 18px; }
.kpi-produto { display: flex; gap: 20px; align-items: center; padding: 18px 20px; border: 1px solid var(--borda); border-radius: 8px; background: var(--cartao); }
.kpi-produto .kpi-icone { width: 52px; height: 52px; border-radius: 8px; background: var(--cartao-2); display: grid; place-items: center; flex: none; }
.kpi-produto .kpi-icone .ico { width: 26px; height: 26px; }
.kpi-produto span { display: block; color: var(--sub); font-size: 14px; }
.kpi-produto strong { display: block; font-size: 22px; font-weight: 600; margin: 2px 0; }
.kpi-produto small { color: var(--sub); font-size: 14px; }
.kpi-produto.alerta strong { color: var(--alerta); } .kpi-produto.erro strong { color: var(--erro); }
.abas-produto { display: flex; gap: 8px; border-bottom: 1px solid var(--borda); margin-bottom: 18px; }
.aba-produto { background: none !important; border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: var(--texto); font-size: 16px; font-weight: 500; padding: 10px 18px; }
.aba-produto.ativa { color: var(--azul-texto); border-bottom-color: var(--marca); }
.painel-produto[hidden] { display: none; }
.grade-produto { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(320px, 1fr); gap: 18px; align-items: start; }
.cartao-cadastro, .coluna-lateral .cartao { padding: 18px 20px; }
.pagina-produto .cartao h2 { font-size: 18px; font-weight: 600; margin: 0 0 12px; }
.coluna-lateral { display: grid; gap: 14px; }
.campo-produto { display: grid; gap: 6px; margin-bottom: 14px; font-size: 14px; }
.campo-produto > span:first-child { color: var(--texto); }
.campo-produto input, .campo-produto textarea, .campo-produto select { height: 40px; padding: 0 12px; font-size: 15px; border-radius: 4px; width: 100%; }
.campo-produto textarea { height: auto; padding: 10px 12px; resize: vertical; }
.campo-produto .contador { text-align: right; }
.dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.campo-com-icone { position: relative; display: block; }
.campo-com-icone .com-dica { position: absolute; right: 12px; top: 11px; color: var(--sub); }
.campo-com-icone .dica { left: auto; right: 0; }
.definido-vital { color: var(--azul-texto); font-size: 14px; }
.faixa-info-produto { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border: 1px solid rgba(91, 147, 255, .35); background: var(--marca-clara); border-radius: 6px; font-size: 15px; }
.faixa-info-produto .ico { color: var(--azul-texto); width: 22px; height: 22px; flex: none; }
.midia-principal { display: flex; gap: 22px; align-items: flex-start; }
.foto-principal { position: relative; width: 250px; height: 240px; flex: none; border-radius: 8px; background: #fff; display: grid; place-items: center; overflow: hidden; }
.foto-principal img { width: 100%; height: 100%; object-fit: contain; }
.selo-principal { position: absolute; top: 8px; right: 8px; background: var(--marca); color: #fff; font-size: 13px; padding: 3px 10px; border-radius: 6px; }
.midia-acoes { display: grid; gap: 14px; align-content: start; padding-top: 30px; }
.midia-acoes .botao-contorno { height: 46px; border-color: var(--texto); }
.midia-acoes .link { text-decoration: none; display: inline-flex; gap: 8px; align-items: center; justify-content: flex-start; }
.miniaturas-produto { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.miniaturas-produto img { width: 56px; height: 56px; object-fit: contain; background: #fff; border-radius: 6px; }
.editor-imagens { margin-top: 12px; } .editor-imagens[hidden] { display: none; }
.tabela-mini { width: 100%; border-collapse: collapse; border: 1px solid var(--borda); border-radius: 6px; }
.tabela-mini th { background: var(--cartao-2); font-size: 13px; font-weight: 500; text-align: left; padding: 8px 14px; }
.tabela-mini td { padding: 10px 14px; font-size: 15px; }
.links-estoque { display: flex; justify-content: space-between; margin-top: 14px; font-size: 15px; }
.links-estoque a, .links-estoque .link { text-decoration: none; display: inline-flex; gap: 8px; align-items: center; }
.alteracao-recente { display: flex; gap: 16px; align-items: center; }
.alteracao-recente > .ico { width: 30px; height: 30px; color: var(--sub); flex: none; }
.alteracao-recente strong { display: block; font-size: 15px; } .alteracao-recente span { display: block; color: var(--texto); font-size: 14px; } .alteracao-recente small { color: var(--sub); }
.alteracao-recente .link { margin-left: auto; text-decoration: none; white-space: nowrap; }
.barra-salvar-produto { position: fixed; left: 230px; right: 0; bottom: 0; z-index: 8; display: flex; align-items: center; gap: 20px; padding: 12px 28px; background: var(--cartao); border-top: 1px solid var(--borda-forte); box-shadow: 0 -8px 24px rgba(0, 0, 0, .35); }
.barra-salvar-produto .divisor { height: 28px; background: var(--borda-forte); }
.barra-salvar-produto .sub { flex: 1; }
.barra-salvar-produto .botao-contorno, .barra-salvar-produto .botao-primario { height: 42px; min-width: 140px; }
.estado-pendente { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; white-space: nowrap; }
.estado-pendente b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--cartao-2); color: var(--sub); font-size: 12px; }
.estado-pendente.pendente { color: var(--alerta); } .estado-pendente.pendente b { background: var(--alerta-fundo); color: var(--alerta); }
@media (max-width: 1100px) { .grade-produto { grid-template-columns: 1fr; } .kpis-produto { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .barra-salvar-produto { left: 0; flex-wrap: wrap; } .cab-produto { flex-direction: column; } .dupla { grid-template-columns: 1fr; } .midia-principal { flex-direction: column; } }
.cab-produto > div:first-child { flex: 1; min-width: 0; }
.cab-produto .acoes-cab { flex: none; flex-wrap: nowrap; }
.cab-produto h1 { font-size: 28px; }
.foto-principal { width: 200px; height: 200px; }
.midia-principal { gap: 16px; }
.midia-acoes { min-width: 0; padding-top: 16px; }
.midia-acoes .botao-contorno { height: 42px; padding: 0 14px; white-space: nowrap; }
.midia-acoes .sub { overflow-wrap: anywhere; }

/* ===== Estoque (desenho "Painel de estoque operacional", 2026-10-14) ===== */
.pagina-estoque .cab-exp { margin-bottom: 18px; }
.pagina-estoque .cab-exp h1 { font-size: 32px; }
.linha-deposito { font-size: 15px; margin: 8px 0 0; }
.linha-deposito strong { color: var(--texto); }
.pagina-estoque .acoes-cab .botao-contorno, .pagina-estoque .acoes-cab .botao-primario { height: 42px; font-size: 16px; }
.pagina-estoque .aviso-sinc { margin-bottom: 16px; }
.reservas-ativas { margin: 0 0 14px; }
.kpis-estoque { margin-bottom: 16px; }
.kpis-estoque .kpi { align-items: center; padding: 16px 20px; }
.kpis-estoque .kpi strong { font-size: 30px; }
.kpis-estoque .kpi span { font-size: 14px; }
.kpi.selecionado { border: 2px solid var(--marca); }
.kpi.vermelho strong { color: var(--erro); }
.filtro-estoque { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; margin-bottom: 16px; }
.filtro-estoque .campo-busca { flex: 1; min-width: 260px; max-width: 700px; height: 42px; border-radius: 4px; }
.filtro-estoque .chips-produtos { margin: 0; gap: 12px; }
.filtro-estoque .chip-produtos { height: 42px; font-size: 15px; }
.filtro-estoque > .botao-primario { margin-left: auto; height: 42px; min-width: 100px; }
.topo-tabela { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--linha); }
.topo-tabela h2 { margin: 0; font-size: 20px; font-weight: 700; }
.topo-tabela a { margin-left: auto; text-decoration: none; display: inline-flex; gap: 8px; align-items: center; font-size: 15px; }
.topo-tabela .ico-mini { width: 20px; height: 20px; }
.produtos-deposito .rolagem-tabela { border: 0; border-radius: 0; }
.tabela-estoque-nova td { border-right: 0 !important; padding: 10px 16px; }
.tabela-estoque-nova thead th { font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--texto) !important; font-weight: 500 !important; }
.tabela-estoque-nova thead th .th-sub { display: block; font-weight: 500; color: var(--texto); }
.tabela-estoque-nova td.num, .tabela-estoque-nova th.num { text-align: center; width: 130px; font-size: 16px; }
.tabela-estoque-nova .nome-produto { font-size: 15px; font-weight: 600; color: var(--azul-texto); text-decoration: none; }
.col-foto { width: 64px; }
.foto-produto.mini { width: 40px; height: 40px; border-radius: 6px; background: var(--cartao-2) !important; display: grid; place-items: center; overflow: hidden; color: var(--sub); }
.foto-produto.mini img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.col-ajuste { width: 90px; text-align: center !important; }
.col-ajuste .botao-quadrado { width: 46px; height: 38px; font-size: 18px; }
.campo-estoque { width: 90px; height: 36px; text-align: center; font-size: 16px; border-color: var(--marca); }
tr.editando td { background: rgba(25, 87, 214, .06); }
tr.alterada td { background: rgba(245, 165, 36, .08); }
.ajustes-estoque { display: flex; align-items: flex-end; gap: 22px; padding: 18px 20px; margin-top: 16px; flex-wrap: wrap; }
.ajustes-estoque > div { margin-right: auto; }
.ajustes-estoque h2 { font-size: 19px; font-weight: 700; margin: 0 0 4px; }
.ajustes-estoque .sub { font-size: 15px; margin: 0; color: var(--texto); }
.ajustes-estoque .campo-produto { margin: 0; width: 370px; max-width: 100%; }
.ajustes-estoque .botao-primario { height: 44px; min-width: 160px; }
.rodape-estoque { display: flex; justify-content: space-between; align-items: center; margin: 18px 0 8px; font-size: 15px; color: var(--sub); }
.rodape-estoque .ico-mini { width: 20px; height: 20px; vertical-align: -5px; margin-right: 10px; }
#importar-estoque:not([open]) { display: none; }
.cab-exp > div:first-child { flex: 1; min-width: 0; }
.cab-exp .acoes-cab { flex: none; flex-wrap: nowrap; }
.aviso-sinc > form { margin-left: auto; }

/* ===== Kits (desenho "Painel de kits e disponibilidade", 2026-10-14) ===== */
.pagina-kits .cab-exp { margin-bottom: 12px; }
.pagina-kits .cab-exp h1 { font-size: 32px; }
.pagina-kits .subtitulo { font-size: 15px; }
.kpis-kits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 16px; }
.kpis-kits .kpi { align-items: center; padding: 16px 20px; }
.kpis-kits .kpi-icone { border-radius: 50%; }
.kpis-kits .kpi span { font-size: 15px; }
.kpis-kits .kpi strong { font-size: 24px; color: var(--texto); }
.kpis-kits .kpi.laranja strong { color: var(--texto); }
.faixa-kits { margin-bottom: 22px; }
.busca-kits { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.busca-kits .campo-busca { flex: 1; max-width: 900px; height: 42px; border-radius: 4px; }
.chips-kits { margin-left: auto; display: flex; gap: 10px; }
.chip-kit { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px; border: 1px solid var(--borda-forte); border-radius: 999px; color: var(--texto); text-decoration: none; font-size: 14px; }
.chip-kit b { font-weight: 600; font-size: 13px; padding: 1px 8px; border-radius: 999px; background: var(--cartao-2); }
.chip-kit.ativo { background: var(--marca); border-color: var(--marca); color: #fff; }
.chip-kit.ativo b { background: rgba(255, 255, 255, .25); }
.tabela-kits-nova td { border-right: 0 !important; padding: 10px 12px; font-size: 14px; }
.tabela-kits-nova thead th { font-size: 12px !important; font-weight: 600 !important; }
.col-kit { max-width: 280px; }
.col-kit .nome-produto { font-size: 15px; font-weight: 600; color: var(--azul-texto); text-decoration: none; }
.col-composicao { max-width: 440px; }
.item-kit { display: flex; align-items: flex-start; gap: 10px; margin: 3px 0; font-size: 13px; }
.item-kit a { color: var(--texto); text-decoration: none; } .item-kit a:hover { text-decoration: underline; }
.qtd-kit { flex: none; background: var(--marca); color: #fff; font-weight: 700; font-size: 12px; padding: 2px 7px; border-radius: 4px; }
.sem-componentes { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #8a6416; border-radius: 4px; background: rgba(245, 165, 36, .08); color: #f5c46b; }
.sem-componentes .ico { width: 22px; height: 22px; color: var(--alerta); }
.pilula-kit { display: inline-block; padding: 6px 14px; border-radius: 4px; border: 1px solid #c08a1e; color: #f5c46b; font-size: 13px; }
.pilula-kit.ok { border-color: rgba(62, 207, 114, .5); color: var(--ok); }
.col-situacao-kit { text-align: right; white-space: nowrap; }
.col-situacao-kit .botao-contorno.laranja { height: 36px; font-size: 14px; }
.col-editar { border-left: 1px solid var(--linha); white-space: nowrap; }
.link-editar { color: var(--texto); text-decoration: none; font-size: 15px; }
.col-abrir { border-left: 1px solid var(--linha); width: 50px; }
.col-abrir .ico { width: 22px; height: 22px; }
.calculo-kits { display: grid; grid-template-columns: 1.1fr 1.3fr 1fr; gap: 22px; align-items: center; margin-top: 18px; padding: 18px 20px; }
.calculo-kits > p { margin: 0; padding-left: 22px; border-left: 1px solid var(--borda-forte); font-size: 13px; }
.calculo-titulo { display: flex; gap: 18px; align-items: center; }
.calculo-titulo strong { display: block; font-size: 17px; }
.calculo-titulo .sub { font-size: 14px; }
@media (max-width: 1100px) { .calculo-kits { grid-template-columns: 1fr; } .calculo-kits > p { border-left: 0; padding-left: 0; } .kpis-kits { grid-template-columns: 1fr; } }

/* ===================================================================================================
   MOVIMENTO (referência: kinetics.colorion.co). Tokens únicos; só transform/opacity/cores; sem "all".
   Página renderizada no servidor: a "navegação" é recarga — a entrada é feita em CSS, sem atrasar nada.
   =================================================================================================== */
:root {
  --dur-micro: 150ms;      /* hover, foco, clique (120–180) */
  --dur-controle: 210ms;   /* abas, filtros, dropdowns (180–240) */
  --dur-painel: 260ms;     /* modais e painéis (220–320) */
  --dur-entrada: 320ms;    /* entrada de cards (280–380) */
  --curva: cubic-bezier(0.16, 1, 0.3, 1);
  --curva-elastica: cubic-bezier(0.34, 1.4, 0.64, 1); /* só em controles pequenos */
}
@keyframes mv-entrar { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes mv-aparecer { from { opacity: 0; } to { opacity: 1; } }
@keyframes mv-cair { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes mv-sair-cima { to { opacity: 0; transform: translateY(-4px); } }
@keyframes mv-modal-entrar { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes mv-modal-sair { to { opacity: 0; transform: translateY(8px) scale(.98); } }
@keyframes mv-girar { to { transform: rotate(360deg); } }
@keyframes mv-destaque { from { background-color: rgba(91, 147, 255, .18); } to { background-color: transparent; } }

/* 1) Conteúdo principal entra com fade + 8px; menu lateral e barra superior ficam parados. */
main > * { animation: mv-entrar var(--dur-entrada) var(--curva) both; }

/* 2) Menu: item ativo com transição curta de fundo e cor. */
.menu-lateral nav a { transition: background-color var(--dur-micro) var(--curva), color var(--dur-micro) var(--curva); }

/* 3) Cards e indicadores: entrada escalonada (35 ms, teto 200 ms) e hover só nos clicáveis (máx. 2 px). */
.kpi, .kpi-produto, .etapa-exp, .resumo-cartao, .sinc-bloco, .atencao-cartoes > a { animation: mv-entrar var(--dur-entrada) var(--curva) both; }
:is(.kpis-pok, .kpis-produto, .kpis-kits, .etapas-exp, .resumo-cartoes, .sinc-blocos, .atencao-cartoes) > :nth-child(2) { animation-delay: 35ms; }
:is(.kpis-pok, .kpis-produto, .kpis-kits, .etapas-exp, .resumo-cartoes, .sinc-blocos, .atencao-cartoes) > :nth-child(3) { animation-delay: 70ms; }
:is(.kpis-pok, .kpis-produto, .kpis-kits, .etapas-exp, .resumo-cartoes, .sinc-blocos, .atencao-cartoes) > :nth-child(4) { animation-delay: 105ms; }
:is(.kpis-pok, .kpis-produto, .kpis-kits, .etapas-exp, .resumo-cartoes, .sinc-blocos, .atencao-cartoes) > :nth-child(n+5) { animation-delay: 140ms; }
a.kpi, a.etapa-exp, a.resumo-cartao, .atencao-cartoes > a { transition: transform var(--dur-micro) var(--curva), border-color var(--dur-micro) var(--curva), box-shadow var(--dur-micro) var(--curva); }
a.kpi:hover, a.etapa-exp:hover, a.resumo-cartao:hover, .atencao-cartoes > a:hover,
a.kpi:focus-visible, a.etapa-exp:focus-visible, a.resumo-cartao:focus-visible, .atencao-cartoes > a:focus-visible { transform: translateY(-2px); border-color: var(--borda-forte); box-shadow: 0 6px 18px rgba(0, 0, 0, .25); }
.kpi strong, .kpi-produto strong, .etapa-qtd, .contagem-titulo, .resumo-cartao strong, .tabela-pedidos td.num { font-variant-numeric: tabular-nums; }

/* 4) Abas e chips: indicador que desliza até a opção ativa (posicionado pelo app.js). */
.abas-exp, .abas-design, .abas-produto { position: relative; }
.indicador-aba { position: absolute; left: 0; bottom: -1px; height: 3px; width: 0; border-radius: 2px; background: var(--marca); pointer-events: none;
  transition: transform var(--dur-controle) var(--curva), width var(--dur-controle) var(--curva); }
.com-indicador .aba-exp.ativa, .com-indicador a.ativa, .com-indicador .aba-produto.ativa { border-bottom-color: transparent !important; }
.aba-exp, .abas-design a, .aba-produto, .chip-produtos, .chip-kit, .chip-filtro, .pag-num, .opcao-check { transition: color var(--dur-controle) var(--curva), background-color var(--dur-controle) var(--curva), border-color var(--dur-controle) var(--curva); }
.carregando-aqui { position: relative; }
.carregando-aqui::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; vertical-align: -1px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: mv-girar .7s linear infinite; }
/* Atualizando: os dados anteriores ficam na tela (sem mudar altura), só esmaecidos. */
main.atualizando :is(.tabela-cartao, .rolagem-tabela, .catalogo-pok table, .lista-pedidos table, .fila-exp table) { opacity: .55; transition: opacity var(--dur-controle) var(--curva); }
.aviso-atualizando { position: fixed; right: 24px; top: 84px; z-index: 30; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px;
  background: var(--cartao-2); border: 1px solid var(--borda-forte); color: var(--texto); font-size: 13px; animation: mv-cair var(--dur-controle) var(--curva) both; }
.aviso-atualizando::before { content: ""; width: 12px; height: 12px; border: 2px solid var(--azul-texto); border-right-color: transparent; border-radius: 50%; animation: mv-girar .7s linear infinite; }

/* 5) Botões: hover discreto, clique scale(.98) sem mudar dimensões; carregando/sucesso/erro pelo app.js. */
button, .botao-primario, .botao-contorno, .botao-sec, .botao-link, a.chip-produtos, a.chip-kit {
  transition: background-color var(--dur-micro) var(--curva), border-color var(--dur-micro) var(--curva), color var(--dur-micro) var(--curva), box-shadow var(--dur-micro) var(--curva), transform var(--dur-micro) var(--curva); }
button:active:not(:disabled), .botao-primario:active, .botao-contorno:active:not(:disabled), .botao-sec:active, a.chip-produtos:active, a.chip-kit:active { transform: scale(.98); }
button.link:active, .botao-icone:active { transform: none; }
.botao-primario:focus-visible, .botao-contorno:focus-visible, button:focus-visible { box-shadow: 0 0 0 3px var(--marca-clara); }
.btn-estado { position: relative; }
.btn-estado .btn-spinner { display: inline-block; width: 13px; height: 13px; margin-right: 8px; vertical-align: -2px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: mv-girar .7s linear infinite; }
.btn-estado.carregando { cursor: progress; opacity: .9; }
.btn-estado.sucesso { color: var(--ok) !important; border-color: var(--ok) !important; }
.btn-estado.sucesso.botao-primario, button.btn-estado.sucesso:not(.botao-contorno):not(.link):not(.botao-sec) { background: var(--ok) !important; color: #0b1f12 !important; }
.btn-estado.erro { color: var(--erro) !important; border-color: var(--erro) !important; }
.btn-estado.erro.botao-primario, button.btn-estado.erro:not(.botao-contorno):not(.link):not(.botao-sec) { background: var(--erro) !important; color: #fff !important; }
.btn-estado .btn-icone { display: inline-block; margin-right: 6px; animation: mv-entrar var(--dur-micro) var(--curva-elastica) both; }

/* 6) Dropdowns (details): fade + 4 px a partir do controle; fechamento animado pelo app.js. */
details[open] > .popover, details[open] > .menu-sessao, .filtros-avancados[open] > label { animation: mv-cair var(--dur-controle) var(--curva) both; transform-origin: top; }
details.fechando > .popover, details.fechando > .menu-sessao { animation: mv-sair-cima var(--dur-micro) var(--curva) both; }
.popover.alinhar-direita { left: auto !important; right: 0 !important; }
.popover.alinhar-esquerda { left: 0 !important; right: auto !important; }
.popover.abrir-cima { top: auto !important; bottom: calc(100% + 8px) !important; }
details.cartao[open] > :not(summary), details.importar-csv[open] > :not(summary) { animation: mv-cair var(--dur-controle) var(--curva) both; }
details > summary .ico:last-child { transition: transform var(--dur-controle) var(--curva); }
details[open] > summary .ico:last-child { transform: rotate(180deg); }
/* Modal: overlay com fade, conteúdo com translateY(8px) + scale(.98); fechamento animado. */
dialog.modal[open] { animation: mv-modal-entrar var(--dur-painel) var(--curva) both; }
dialog.modal[open]::backdrop { animation: mv-aparecer var(--dur-painel) var(--curva) both; }
dialog.modal.saindo { animation: mv-modal-sair 180ms var(--curva) both; }
dialog.modal.saindo::backdrop { animation: mv-aparecer 180ms var(--curva) reverse both; }

/* 7) Tabelas: hover discreto e seleção clara; atualização suave dos resultados. */
.tabela-pedidos tbody tr td { transition: background-color var(--dur-micro) var(--curva); }
.tabela-pedidos tbody tr:hover td, .tabela-pedidos tbody tr:focus-within td { background-color: rgba(255, 255, 255, .03); }
.tabela-pedidos tbody tr.selecionada td { background-color: var(--marca-clara) !important; }
main.resultado-novo :is(.tabela-pedidos tbody, .lista-composicao) { animation: mv-aparecer var(--dur-controle) var(--curva) both; }
main.resultado-novo > * { animation: none; }
tr.linha-alterada td { animation: mv-destaque 1.6s var(--curva) both; }

/* 9) Notificações: entrada suave; sucesso some sozinho; erro fica até ser dispensado. */
.mensagem { animation: mv-cair var(--dur-controle) var(--curva) both; position: relative; padding-right: 40px; }
.mensagem.saindo { animation: mv-sair-cima var(--dur-controle) var(--curva) both; }
.fechar-mensagem { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; padding: 0; background: none !important; border: 0; color: inherit; opacity: .7; font-size: 18px; line-height: 1; }
.fechar-mensagem:hover, .fechar-mensagem:focus-visible { opacity: 1; }
img { transition: opacity var(--dur-controle) var(--curva); }

/* 10) Movimento reduzido: sem deslocamentos, elasticidade nem contagem (o app.js também respeita). */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-delay: 0ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
  .carregando-aqui::after, .btn-estado .btn-spinner, .aviso-atualizando::before { animation: mv-girar 1.2s linear infinite !important; }
  a.kpi:hover, a.etapa-exp:hover, a.resumo-cartao:hover, .atencao-cartoes > a:hover, button:active, .botao-primario:active, .botao-contorno:active { transform: none !important; }
}
/* Celular: barra superior cabe na tela (busca encolhe; ambiente e nome somem). */
@media (max-width: 900px) {
  .barra-topo { gap: 8px; padding: 0 12px; height: 60px; }
  .busca-global { min-width: 0; flex: 1; }
  .topo-direita { gap: 8px; }
  .chip-ambiente, .divisor-topo, .sessao-nome, .seta-sessao { display: none !important; }
  .cab-exp .acoes-cab, .cab-produto .acoes-cab { flex-wrap: wrap; }
}
@media (max-width: 900px) {
  .paginacao-num { flex-wrap: wrap; margin-left: 0; }
  .rodape-tabela { gap: 10px; }
  .abas-exp, .abas-design, .abas-produto { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; max-width: 100%; }
  .abas-exp::-webkit-scrollbar, .abas-design::-webkit-scrollbar, .abas-produto::-webkit-scrollbar { display: none; }
  .aba-exp, .abas-design a, .aba-produto { flex: none; }
  .fila-topo { flex-wrap: wrap; }
  .fila-topo .filtro-fila { margin-left: 0; max-width: 100%; }
}
@media (max-width: 900px) {
  .aviso-sinc { flex-wrap: wrap; }
  .aviso-sinc > form, .aviso-sinc > .botao-contorno { margin-left: 0; }
  .chips-kits { margin-left: 0; flex-wrap: wrap; }
  .busca-kits .campo-busca { min-width: 0; flex-basis: 100%; }
}

/* ===== Mercado Livre (desenho "associações e estoque", 2026-10-14) ===== */
.cab-ml { align-items: center; }
.titulo-ml { display: flex; align-items: center; gap: 18px; }
.logo-ml-grande { width: 84px; height: 60px; flex: none; }
.cab-ml h1 { font-size: 32px; }
.kpis-ml .kpi { align-items: center; padding: 12px 16px; }
.kpis-ml .kpi strong { font-size: 22px; display: block; }
.kpis-ml .kpi span { font-size: 15px; }
.kpis-ml .seta-kpi { margin-left: auto; width: 20px; height: 20px; color: var(--sub); }
.kpi.kpi-ml.verde strong, .kpi.kpi-ml.azul strong, .kpi.kpi-ml.laranja strong { color: var(--texto); }
.sinc-ml { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) auto; gap: 18px 28px; align-items: center; padding: 16px 18px; margin-bottom: 16px; overflow: visible; }
.sinc-ml-titulo { display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.sinc-ml-titulo h2 { margin: 0; font-size: 19px; font-weight: 600; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sinc-ml-titulo .sub { font-size: 14px; }
.previa-ml { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.previa-ml > div { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--borda); border-radius: 6px; }
.previa-ml strong { display: block; font-size: 22px; font-variant-numeric: tabular-nums; }
.previa-ml span:not(.kpi-icone) { font-size: 13px; color: var(--sub); }
.kpi-icone.azul { color: var(--azul-texto); background: var(--marca-clara); }
.kpi-icone.vermelho { color: var(--erro); font-size: 26px; }
.sinc-ml-direita { padding-left: 24px; border-left: 1px solid var(--borda-forte); font-size: 14px; }
.sinc-ml-direita p { margin: 0 0 10px; }
.destaque-alerta { color: var(--alerta); font-weight: 600; }
.sinc-ml-acoes { display: grid; gap: 12px; justify-items: end; }
.sinc-ml-acoes .botao-contorno { height: 48px; }
.sinc-ml-acoes .link { text-decoration: underline; display: inline-flex; gap: 6px; align-items: center; }
.sinc-ml .config-sinc { grid-column: 1 / -1; margin-top: 0; }
.filtros-ml { align-items: center; padding-bottom: 12px; border-bottom: 0; }
.filtros-ml .chips-kits { margin-left: 0; flex-wrap: wrap; }
.filtros-ml .chip-kit { height: 40px; border-radius: 4px; font-size: 15px; }
.filtros-ml .campo-busca { margin-left: auto; width: 350px; max-width: 100%; height: 42px; border-radius: 4px; }
.lista-ml { padding-top: 14px; }
.tabela-ml td { border-right: 0 !important; padding: 8px 12px; }
.tabela-ml thead th { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .02em !important; }
.tabela-ml th:first-child, .tabela-ml td:first-child { max-width: 380px; }
.tabela-ml th:nth-child(5), .tabela-ml td:nth-child(5) { max-width: 280px; }
.tabela-ml .nome-pok { font-size: 14px; font-weight: 500; }
.tabela-ml .nome-produto { font-size: 14px; text-decoration: underline; color: var(--azul-texto); font-weight: 500; }
.tabela-ml strong.muda { color: var(--azul-texto); }
.status-anuncio { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; margin-top: 2px; }
.status-anuncio i { width: 9px; height: 9px; border-radius: 50%; background: var(--ok); }
.status-anuncio.parado i { background: var(--erro); }
.nao-associado { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid var(--borda-forte); border-radius: 6px; color: var(--sub); font-size: 14px; }
.selo-assoc { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 4px; border: 1px solid; font-size: 14px; white-space: nowrap; }
.selo-assoc.ok { color: var(--ok); background: rgba(62, 207, 114, .1); border-color: rgba(62, 207, 114, .3); }
.selo-assoc.info { color: var(--texto); background: transparent; border-color: var(--borda-forte); }
.selo-assoc.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .4); }
.selo-assoc.erro { color: #ff8a7a; background: rgba(255, 107, 94, .1); border-color: rgba(255, 107, 94, .4); }
.conferir-assoc { display: inline-block; margin-top: 4px; padding: 2px 10px; border: 1px solid #c08a1e; border-radius: 4px; color: #f5c46b; font-size: 12px; }
.botao-acao-ml { height: 36px; min-width: 96px; list-style: none; }
.botao-acao-ml::-webkit-details-marker { display: none; }
.tabela-ml .vincular-pok > summary.botao-primario, .tabela-ml .vincular-pok > summary.botao-contorno { color: inherit; text-decoration: none; }
.tabela-ml .vincular-pok > summary.botao-primario { color: #fff; }
.tabela-ml .acoes-linha form .botao-contorno { height: 36px; }
.rodape-ml { justify-content: space-between; }
.rodape-ml .paginacao-num { margin-left: 0; }
@media (max-width: 1200px) { .sinc-ml { grid-template-columns: 1fr; } .sinc-ml-direita { border-left: 0; padding-left: 0; } .sinc-ml-acoes { justify-items: start; } }
@media (max-width: 700px) { .previa-ml { grid-template-columns: 1fr; } .titulo-ml .logo-ml-grande { width: 56px; height: 40px; } }
.tabela-ml th:first-child, .tabela-ml td:first-child { max-width: 300px; }
.tabela-ml th:nth-child(5), .tabela-ml td:nth-child(5) { max-width: 240px; }
.tabela-ml td, .tabela-ml th { padding-left: 9px !important; padding-right: 9px !important; }
.tabela-ml thead .com-dica { font-size: 12px; }
.tabela-ml .col-produto { min-width: 0; gap: 12px; }
.tabela-ml .foto-produto.pequena { width: 48px; height: 48px; }
.status-anuncio { text-transform: capitalize; }
.selo-assoc { padding: 4px 10px; font-size: 13px; }
.botao-acao-ml { min-width: 84px; }

/* ===== Pedido (desenho "Pedido 290", 2026-10-14) ===== */
.pagina-pedido { padding-bottom: 20px; }
.trilha-pedido { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.trilha-pedido strong { color: var(--texto); }
.trilha-pedido .pag-num { min-width: 32px; height: 32px; }
.cab-pedido { margin: 8px 0 14px; }
.titulo-pedido { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
.titulo-pedido h1 { margin: 0; font-size: 30px; font-weight: 800; }
.titulo-pedido .chip-canal { font-size: 14px; padding: 5px 12px; }
.titulo-pedido .sub { font-size: 15px; color: var(--texto); }
.titulo-pedido .estrelas { margin-left: 4px; }
.selos-pedido { display: flex; gap: 12px; flex-wrap: wrap; }
.selo-ped { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 4px; border: 1px solid; font-size: 14px; font-weight: 500; white-space: nowrap; background: none; }
.selo-ped.ok { color: var(--ok); border-color: rgba(62, 207, 114, .45); background: rgba(62, 207, 114, .1); }
.selo-ped.azul { color: #9cc0ff; border-color: rgba(91, 147, 255, .45); background: var(--marca-clara); }
.selo-ped.alerta { color: var(--alerta); border-color: rgba(245, 165, 36, .45); background: var(--alerta-fundo); }
.selo-ped.erro { color: #ff8a7a; border-color: rgba(255, 107, 94, .45); background: rgba(255, 107, 94, .1); cursor: pointer; }
.selo-ped.neutro { color: var(--sub); border-color: var(--borda-forte); }
.cab-pedido .acoes-cab form.inline { display: inline-flex; align-items: center; gap: 8px; }
.menu-status { width: 300px !important; }
.menu-status form { display: grid; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--linha); margin-bottom: 4px; }
.menu-status .campo-produto { margin: 0; }
.linha-tempo { list-style: none; display: flex; align-items: center; gap: 0; padding: 6px 0 18px; margin: 0 0 6px; overflow-x: auto; }
.linha-tempo li { display: flex; align-items: center; gap: 12px; flex: 1; font-size: 15px; white-space: nowrap; color: var(--sub); }
.linha-tempo li + li::before { content: ""; flex: 1; min-width: 30px; height: 2px; margin: 0 18px 0 0; background: var(--borda-forte); }
.linha-tempo li.feito + li::before { background: var(--marca); }
.linha-tempo li:first-child { flex: 0 0 auto; }
.linha-tempo .marcador { width: 28px; height: 28px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 14px; border: 2px solid var(--borda-forte); color: #fff; }
.linha-tempo li.feito { color: var(--texto); } .linha-tempo li.feito .marcador { background: var(--marca); border-color: var(--marca); }
.linha-tempo li.atual { color: var(--texto); font-weight: 500; } .linha-tempo li.atual .marcador { border-color: var(--azul-texto); box-shadow: 0 0 0 3px var(--marca-clara); }
.grade-pedido { grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); }
.coluna-principal { display: grid; gap: 14px; align-content: start; }
.pagina-pedido .cartao h2 { display: flex; align-items: center; gap: 10px; font-size: 18px; }
.pagina-pedido .cartao h2 .ico { width: 22px; height: 22px; }
.tabela-itens-nova { width: 100%; border-collapse: collapse; }
.tabela-itens-nova thead th { background: var(--cartao-2); font-size: 12px; text-transform: uppercase; font-weight: 600; color: var(--sub); padding: 8px 12px; text-align: left; }
.tabela-itens-nova td { padding: 10px 12px; border-bottom: 1px solid var(--linha); font-size: 15px; vertical-align: middle; }
.tabela-itens-nova .num { text-align: right; }
.tabela-itens-nova .item-nome-detalhe { font-weight: 600; }
.totais-pedido { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; margin: 10px 12px 10px; font-size: 15px; }
.totais-pedido dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.totais-pedido .total { font-weight: 700; font-size: 16px; padding-top: 8px; border-top: 1px solid var(--linha); }
.faixa-pago { display: flex; justify-content: space-between; padding: 10px 14px; border-radius: 6px; background: var(--cartao-2); font-size: 15px; }
.faixa-pago.ok > strong { color: var(--ok); }
.envio-colunas { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; }
.metodo-envio { display: block; font-size: 16px; margin-bottom: 10px; }
.dados-pedido { display: grid; grid-template-columns: auto 1fr; gap: 10px 22px; margin: 0 0 14px; font-size: 15px; }
.dados-pedido dt { color: var(--sub); } .dados-pedido dd { margin: 0; }
.coluna-lateral .dados-pedido { grid-template-columns: 1fr auto; } .coluna-lateral .dados-pedido dd { text-align: right; }
.coluna-lateral .dados-pedido dt, .coluna-lateral .dados-pedido dd { padding-bottom: 8px; border-bottom: 1px solid var(--linha); }
.nota-estoque { padding-left: 22px; border-left: 1px solid var(--borda-forte); font-size: 14px; display: grid; gap: 6px; align-content: start; }
.nota-estoque strong { font-size: 15px; } .nota-estoque.alerta strong { color: var(--alerta); }
.nota-estoque span { color: var(--sub); }
.nome-cliente { display: block; font-size: 16px; margin-bottom: 4px; }
.mostrar-dados { margin-top: 12px; height: 38px; }
.nota-resumo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 15px; margin-bottom: 12px; }
.botoes-nota { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.botoes-nota .botao-contorno { height: 40px; }
.historico-recente { display: flex; align-items: center; gap: 20px; margin-top: 14px; }
.historico-recente > div { flex: 1; }
.historico-recente h2 { margin-bottom: 8px; }
.eventos-recentes { list-style: none; margin: 0; padding: 0 0 0 22px; border-left: 2px solid var(--marca); display: grid; gap: 6px; }
.eventos-recentes li { display: grid; grid-template-columns: 150px minmax(0, 200px) 1fr; gap: 14px; font-size: 14px; position: relative; }
.eventos-recentes li::before { content: ""; position: absolute; left: -29px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--marca); }
.eventos-recentes span { color: var(--sub); }
.rodape-pedido { margin-top: 14px; font-size: 14px; }
.rodape-pedido .ico-mini { width: 18px; height: 18px; vertical-align: -4px; margin-right: 6px; }
.pagina-pedido .painel-produto .cartao { margin-bottom: 14px; }
@media (max-width: 1100px) { .grade-pedido, .envio-colunas { grid-template-columns: 1fr; } .nota-estoque { border-left: 0; padding-left: 0; } .eventos-recentes li { grid-template-columns: 1fr; gap: 2px; } .historico-recente { flex-direction: column; align-items: stretch; } }
.cab-pedido > div:first-child { min-width: 0; }
.selos-pedido .estrelas { margin-left: 6px; }
.selos-pedido .estrela-botao { font-size: 16px; padding: 0 2px; }
.linha-tempo li + li::before { margin: 0 18px 0 6px; }
.linha-tempo li { gap: 10px; }

/* ===== Lista de pedidos (desenho "Pedidos com filtros de status", 2026-10-14) ===== */
.lista-pedidos { grid-template-columns: 264px minmax(0, 1fr); gap: 22px; }
.painel-status { padding: 14px 10px 10px; border-radius: 8px; top: 84px; max-height: calc(100vh - 100px); }
.titulo-painel { font-size: 22px; font-weight: 700; margin: 4px 10px 14px; }
.painel-status a { gap: 12px; padding: 9px 12px; font-size: 15px; border-radius: 6px; margin-bottom: 2px; }
.painel-status a.item-raiz.ativo { background: var(--marca-clara); color: var(--texto); box-shadow: inset 0 0 0 1px var(--marca); }
.painel-status a.ativo:not(.item-raiz) { background: var(--marca-clara); color: var(--texto); }
.painel-status .contador { min-width: 30px; padding: 2px 8px; border-radius: 6px; background: var(--cartao-2); color: var(--texto); font-size: 13px; text-align: center; }
.painel-status .contador:empty { display: none; }
.painel-status a.ativo .contador { background: var(--marca); color: #fff; }
.painel-status .grupo { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--linha); }
.painel-status .grupo-titulo { gap: 12px; font-size: 15px; font-weight: 600; text-transform: none; color: var(--texto); padding: 8px 12px; }
.painel-status .grupo-titulo .contador { margin-left: auto; }
.painel-status .seta-grupo { width: 16px; height: 16px; color: var(--sub); transform: rotate(-90deg); transition: transform var(--dur-controle) var(--curva); }
.painel-status details[open] > .grupo-titulo .seta-grupo { transform: none; }
.painel-status .grupo a { padding-left: 38px; font-size: 14px; }
.painel-status .grupo a .ponto { width: 9px; height: 9px; }
.ponto-grupo { width: 12px; height: 12px; border-radius: 50%; flex: none; background: var(--sub); }
.ponto-grupo.azul { background: #3b82f6; } .ponto-grupo.laranja { background: #f59e0b; } .ponto-grupo.ciano { background: #22d3ee; }
.ponto-grupo.verde-agua { background: #2dd4bf; } .ponto-grupo.roxo { background: #a855f7; } .ponto-grupo.violeta { background: #c084fc; }
.ponto-grupo.vermelho { background: #ef4444; } .ponto-grupo.cinza { background: #6b7280; }
.cab-lista { margin-bottom: 16px; }
.cab-lista h1 { font-size: 32px; }
.filtros { background: var(--cartao); border: 1px solid var(--borda); border-radius: 8px; padding: 14px 16px; margin-bottom: 14px; }
.filtros .filtros-rapidos { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) minmax(240px, 1.3fr) auto; gap: 12px 16px; align-items: end; }
.filtros .filtros-rapidos label, .filtros .periodo { display: grid; gap: 6px; font-size: 15px; margin: 0; }
.filtros .filtros-rapidos input, .filtros .filtros-rapidos select { height: 42px; font-size: 15px; border-radius: 4px; width: 100%; }
.filtros .periodo { border: 0; padding: 0; grid-template-columns: 1fr 1fr; gap: 6px 10px; }
.filtros .periodo legend { padding: 0; margin-bottom: 6px; font-size: 15px; }
.filtros .acoes-filtro { display: flex; align-items: center; gap: 18px; }
.filtros .acoes-filtro .botao-primario { height: 42px; min-width: 90px; }
.link-avancados { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 15px; text-decoration: none !important; }
.filtros .filtros-avancados { margin-top: 0; border-top: 0; padding-top: 0; }
.filtros .filtros-avancados > summary { display: none; }
.filtros .filtros-avancados[open] { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--linha); }
.barra-lista { display: flex; align-items: center; gap: 12px 18px; flex-wrap: wrap; padding: 4px 2px 12px; background: none; border: 0; position: static; }
.barra-lista .selecao { display: flex; align-items: center; gap: 14px; font-size: 15px; }
.barra-lista .selecao .check { display: inline-flex; align-items: center; gap: 12px; }
.barra-lista input[type=checkbox], .tabela-lista-nova input[type=checkbox] { width: 20px; height: 20px; accent-color: var(--marca); }
.barra-lista .acoes-lote { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.barra-lista .acoes-lote select, .barra-lista .visao select { height: 40px; border-radius: 4px; font-size: 15px; }
.barra-lista .acoes-lote .botao-primario { height: 40px; }
.barra-lista .visao { margin-left: auto; display: flex; gap: 10px; }
.tabela-lista-nova td { border-right: 0 !important; padding: 12px 10px; vertical-align: middle; }
.tabela-lista-nova thead th { font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600 !important; color: var(--texto) !important; padding: 14px 10px; }
.tabela-lista-nova thead th a.ordenar { color: inherit; }
.tabela-lista-nova .num-pedido { font-size: 18px; font-weight: 700; color: var(--azul-texto); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; }
.tabela-lista-nova .num-pedido .ico-mini { width: 16px; height: 16px; }
.tabela-lista-nova .id-externo { font-size: 13px; }
.canal-lista { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; white-space: nowrap; }
.canal-lista .logo-chip { width: 26px; height: 26px; }
.tabela-lista-nova .cliente { font-weight: 600; font-size: 15px; }
.tabela-lista-nova .tag-origem { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 4px; background: var(--marca-clara); color: #9cc0ff; font-size: 13px; border: 0; }
.tabela-lista-nova .col-itens .itens-pedido { max-width: 300px; }
.tabela-lista-nova .miniatura { width: 52px; height: 52px; border-radius: 6px; background: #fff; }
.tabela-lista-nova td.num strong { font-size: 16px; }
.selo-operacao { display: inline-block; padding: 5px 10px; border-radius: 6px; font-size: 14px; font-weight: 600; white-space: nowrap; }
.selo-operacao.violeta { background: #d8b4fe; color: #3b0764; }
.selo-operacao.verde { background: #15803d; color: #dcfce7; }
.selo-operacao.vermelho { background: #7f1d1d; color: #fecaca; border: 1px solid #b91c1c; }
.selo-operacao.azul { background: var(--marca-clara); color: #9cc0ff; }
.selo-operacao.laranja { background: var(--alerta-fundo); color: var(--alerta); }
.selo-operacao.ciano { background: rgba(34, 211, 238, .14); color: #67e8f9; }
.selos-docs { display: flex; flex-wrap: wrap; gap: 6px; max-width: 220px; }
.selo-doc { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 4px; font-size: 13px; border: 1px solid var(--borda-forte); color: var(--sub); white-space: nowrap; text-decoration: none; }
.selo-doc .ico-mini { width: 14px; height: 14px; }
.selo-doc.ok { color: var(--ok); background: rgba(62, 207, 114, .1); border-color: rgba(62, 207, 114, .3); }
.selo-doc.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .35); }
.selo-doc.erro { color: #ff8a7a; background: rgba(255, 107, 94, .1); border-color: rgba(255, 107, 94, .35); }
.selo-doc.neutro-claro { color: var(--texto); }
.tabela-lista-nova .col-data { font-size: 15px; white-space: nowrap; }
.tabela-lista-nova .col-data .sub { font-size: 13px; }
.col-expandir { width: 44px; }
[data-expandir-linha] .ico { transition: transform var(--dur-controle) var(--curva); }
[data-expandir-linha].aberto .ico { transform: rotate(180deg); }
.linha-detalhe td { background: var(--cartao-2); }
.detalhe-linha { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 4px 0; font-size: 14px; }
.detalhe-linha dt { color: var(--sub); font-size: 12px; } .detalhe-linha dd { margin: 0; }
.rodape-lista { padding: 14px 4px; gap: 18px; }
.rodape-lista .sub { margin-right: auto; }
.tabela-lista-nova tr.com-erro td:first-child { box-shadow: inset 3px 0 0 var(--erro); }
@media (max-width: 1200px) { .filtros .filtros-rapidos { grid-template-columns: 1fr 1fr; } .filtros .filtros-rapidos .largo { grid-column: 1 / -1; } }
@media (max-width: 900px) { .lista-pedidos { grid-template-columns: 1fr; } .barra-lista .visao { margin-left: 0; } .filtros .filtros-rapidos { grid-template-columns: 1fr; } }
.botao-contorno.so-celular { display: none; }
@media (max-width: 900px) { .botao-contorno.so-celular { display: inline-flex; } }
.painel-status .grupo-titulo::before, .painel-status .grupo-titulo::marker { content: none; display: none; }
.filtros .filtros-rapidos { grid-template-columns: minmax(200px, 1.5fr) minmax(150px, .9fr) minmax(300px, 1.5fr) auto; }
.filtros .periodo input { min-width: 0; }
.tabela-lista-nova .col-num { white-space: nowrap; }
.tabela-lista-nova .id-externo { font-size: 12px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.tabela-lista-nova .cliente { font-size: 14px; }
.tabela-lista-nova td.col-itens { min-width: 220px; }
.tabela-lista-nova .item-texto { font-size: 13px; }

/* Publicações no ML: associação no catálogo */

/* Publicações (ML / TikTok): contadores, filtros, tabela e painel "Revisar publicação" (desenho 2026-10-16). */
.pagina-publicacoes { position: relative; }
.cab-publicacoes h1 { display: flex; align-items: center; gap: 10px; font-size: 20px; margin: 0 0 18px; }
.cab-publicacoes h1 a { color: var(--texto); text-decoration: none; }
.cab-publicacoes h1 a:hover { text-decoration: underline; }
.cab-publicacoes .sep { color: var(--sub); font-weight: 400; }
.contadores-pub { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.contador-pub { display: flex; gap: 12px; align-items: flex-start; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 16px 14px; min-height: 96px; }
.contador-pub span { font-size: 13px; }
.contador-pub strong { display: block; font-size: 28px; font-weight: 600; line-height: 1.2; margin-top: 6px; font-variant-numeric: tabular-nums; }
a.contador-pub { color: inherit; text-decoration: none; cursor: pointer; transition: border-color .15s; }
a.contador-pub:hover { border-color: var(--borda-forte); }
a.contador-pub.ativo { border-color: var(--azul-texto); box-shadow: inset 0 0 0 1px var(--azul-texto); }
.ico-pub { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.ico-pub .ico { width: 17px; height: 17px; }
.ico-pub.neutro { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); }
.ico-pub.azul { background: var(--marca); color: #fff; }
.ico-pub.ambar { background: #f5a524; color: #1c1404; }
.ico-pub.verde { background: var(--ok-fundo); color: var(--ok); border: 1px solid rgba(62, 207, 114, .5); }
.ico-pub.vermelho { background: #e5484d; color: #fff; }
.subtitulo-pub { color: var(--texto); opacity: .85; font-size: 15px; margin: 20px 0 14px; }
.acoes-pub { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.acoes-pub form { margin: 0; }
.acoes-pub .botao-primario, .acoes-pub .botao-contorno { height: 50px; font-size: 16px; padding: 0 26px; }
.acoes-pub .botao-contorno.azul { color: var(--texto); }
.link-pdf { display: inline-flex; align-items: center; gap: 10px; color: var(--texto); text-decoration: none; padding: 0 18px; height: 50px; border-radius: 6px; }
.link-pdf:hover { background: var(--cartao-2); }
.filtro-pub { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 18px; }
.busca-pub { flex: 1 1 320px; max-width: 440px; display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px; background: var(--cartao); border: 1px solid var(--borda-forte); border-radius: 6px; color: var(--sub); }
.busca-pub:focus-within { border-color: var(--marca); }
.busca-pub input { flex: 1; border: 0; background: transparent; padding: 0; font-size: 15px; min-width: 0; }
.busca-pub input:focus-visible { outline: none; }
.filtro-pub .chips-kits { display: flex; flex-wrap: wrap; gap: 10px; }
.filtro-pub .chip-kit { height: 44px; font-size: 15px; padding: 0 18px; }
.tabela-pub { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); overflow: hidden; }
.tabela-pub table { width: 100%; border-collapse: separate; border-spacing: 0; }
.tabela-pub th { text-align: left; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sub); padding: 16px 18px; background: var(--cartao-2); border-bottom: 1px solid var(--borda); }
.tabela-pub td { padding: 18px; border-bottom: 1px solid var(--borda); vertical-align: middle; }
.tabela-pub tr:last-child td { border-bottom: 0; }
.tabela-pub tr.selecionada td { background: rgba(25, 87, 214, .1); border-top: 1px solid var(--marca); border-bottom: 1px solid var(--marca); }
.tabela-pub tr.selecionada td:first-child { border-left: 1px solid var(--marca); border-radius: 8px 0 0 8px; }
.tabela-pub tr.selecionada td:last-child { border-right: 1px solid var(--marca); border-radius: 0 8px 8px 0; }
.prod-pub { display: flex; gap: 16px; align-items: center; min-width: 220px; }
.prod-pub a { color: var(--texto); text-decoration: none; font-size: 15px; font-weight: 500; display: block; }
.prod-pub a:hover { text-decoration: underline; }
.prod-pub .sub { font-size: 14px; display: block; margin-top: 4px; }
.foto-pub { width: 62px; height: 62px; flex: none; border-radius: 6px; background: #fff; display: grid; place-items: center; overflow: hidden; color: #9aa3ad; }
.foto-pub img { width: 100%; height: 100%; object-fit: contain; }
.foto-pub.media { width: 42px; height: 64px; }
.foto-pub.grande { width: 100px; height: 100px; }
.col-situacao-pub { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; max-width: 260px; }
.pilula-pub { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 6px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.pilula-pub .ico-mini { width: 16px; height: 16px; border-radius: 50%; padding: 2px; }
.pilula-pub.azul { background: rgba(25, 87, 214, .25); color: #cfe0ff; } .pilula-pub.azul .ico-mini { background: #4d86ff; color: #fff; }
.pilula-pub.ambar { background: rgba(245, 165, 36, .14); color: #f5c46b; border: 1px solid rgba(245, 165, 36, .35); } .pilula-pub.ambar .ico-mini { background: #f5a524; color: #1c1404; }
.pilula-pub.verde { background: var(--ok-fundo); color: #c9f2d7; } .pilula-pub.verde .ico-mini { background: var(--ok); color: #0b1f12; }
.pilula-pub.vermelho { background: var(--erro-fundo); color: #ffc9c3; } .pilula-pub.vermelho .ico-mini { background: #e5484d; color: #fff; }
.pilula-pub.neutro { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); }
.situacao-texto { font-size: 14px; }
.situacao-texto.recusa { color: var(--erro); font-size: 13px; }
.col-catalogo-pub { display: flex; flex-direction: column; gap: 4px; max-width: 320px; }
.col-catalogo-pub .cat-nome { font-size: 15px; }
.col-catalogo-pub .cat-preco { font-size: 15px; }
.col-catalogo-pub .sub { font-size: 14px; }
.tabela-pub td .botao-primario, .tabela-pub td .botao-contorno { height: 46px; min-width: 104px; font-size: 15px; }
.tabela-pub td .botao-contorno.azul { color: var(--texto); }
.col-seta { width: 40px; text-align: center; }
.col-seta a { color: var(--sub); display: inline-flex; }
.col-seta a:hover { color: var(--texto); }
.rodape-pub { display: flex; align-items: center; gap: 10px; color: var(--sub); margin: 48px 0 8px; }

.gaveta-fundo { position: fixed; inset: 0; background: rgba(0, 0, 0, .35); z-index: 40; }
.gaveta-pub { position: fixed; top: 0; right: 0; bottom: 0; width: min(490px, 100vw); z-index: 41; background: var(--fundo); border-left: 1px solid var(--borda); display: flex; flex-direction: column; box-shadow: -12px 0 32px rgba(0, 0, 0, .35); }
.gaveta-cab { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; border-bottom: 1px solid var(--borda); }
.gaveta-cab h2 { font-size: 22px; margin: 0; }
.gaveta-fechar { color: var(--texto); display: inline-flex; padding: 4px; border-radius: 6px; }
.gaveta-fechar:hover { background: var(--cartao-2); }
.gaveta-corpo { flex: 1; overflow-y: auto; padding: 0 24px; }
.gaveta-produto { display: flex; gap: 20px; align-items: center; padding: 14px 0 16px; border-bottom: 1px solid var(--borda); }
.gaveta-produto strong { font-size: 17px; font-weight: 600; display: block; }
.gaveta-produto .sub { font-size: 14px; margin-top: 4px; }
.aviso-recusa { display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; padding: 10px 12px; border-radius: 6px; background: var(--erro-fundo); color: #ffc9c3; font-size: 13px; overflow-wrap: anywhere; }
.gaveta-secao { padding: 18px 0; border-bottom: 1px solid var(--borda); }
.gaveta-secao:last-child { border-bottom: 0; }
.gaveta-secao h3 { font-size: 16px; margin: 0 0 14px; }
.comparacao-pub { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; align-items: center; }
.comp-troca { color: var(--texto); display: grid; place-items: center; }
.comp-candidatos { display: flex; flex-direction: column; gap: 8px; }
.cartao-comp { display: block; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 12px 14px; }
.cartao-comp.candidato { cursor: pointer; position: relative; }
.cartao-comp.candidato input { position: absolute; opacity: 0; pointer-events: none; }
.comp-candidatos .cartao-comp.candidato:has(input:checked) { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); }
.comp-candidatos .cartao-comp.candidato:has(input:focus-visible) { outline: 2px solid var(--marca); outline-offset: 2px; }
.comp-titulo { display: block; font-size: 13px; font-weight: 500; margin-bottom: 12px; }
.comp-item { display: flex; gap: 10px; align-items: flex-start; }
.comp-item > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.comp-nome { font-size: 12.5px; line-height: 1.35; }
.comp-item .sub { font-size: 12px; }
.selo-achado { align-self: flex-start; margin-top: 4px; font-size: 12px; padding: 3px 10px; border-radius: 999px; background: rgba(25, 87, 214, .35); color: #cfe0ff; border: 1px solid var(--marca); }
.confirmo-pub { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 15px; cursor: pointer; }
.confirmo-pub input { width: 18px; height: 18px; accent-color: var(--marca); }
.grade-condicoes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
.grade-condicoes label { display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.grade-condicoes select { height: 42px; font-size: 15px; background: var(--fundo); padding: 0 12px; }
.atributos-ml { display: grid; gap: 10px; margin-top: 12px; }
.atributos-ml label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.atributos-ml input, .atributos-ml select { height: 40px; font-size: 15px; background: var(--fundo); padding: 0 12px; }
.grade-condicoes .campo-preco { grid-column: 1 / 2; width: 100%; align-items: stretch; text-align: left; }
.entrada-reais { width: 100%; display: flex; align-items: stretch; height: 42px; border: 1px solid var(--borda-forte); border-radius: 6px; overflow: hidden; background: var(--fundo); }
.entrada-reais span { display: grid; place-items: center; padding: 0 14px; border-right: 1px solid var(--borda-forte); color: var(--sub); }
.entrada-reais input { width: 100%; border: 0; border-radius: 0; flex: 1; min-width: 0; background: transparent; font-size: 15px; padding: 0 14px; }
.entrada-reais:focus-within { border-color: var(--marca); }
.entrada-reais input:focus-visible { outline: none; }
.nota-pub { display: flex; gap: 10px; align-items: flex-start; color: var(--sub); font-size: 13px; margin: 12px 0 14px; }
.nota-pub .ico-mini { color: var(--marca); width: 18px; height: 18px; flex: none; }
.linha-taxas { display: flex; gap: 14px; align-items: center; padding: 12px 14px; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); }
.linha-taxas > .ico { width: 30px; height: 30px; padding: 6px; border-radius: 6px; background: var(--cartao-2); }
.linha-taxas strong { display: block; font-weight: 500; }
.previa-pub { display: flex; gap: 16px; align-items: center; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 14px; }
.previa-pub > div { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.previa-pub .comp-nome { font-size: 14px; }
.previa-preco { font-size: 17px; font-weight: 600; }
.selo-condicoes { font-size: 13px; padding: 3px 12px; border-radius: 999px; background: var(--ok-fundo); color: var(--ok); }
.gaveta-rodape { padding: 14px 24px 18px; border-top: 1px solid var(--borda); }
.gaveta-botoes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 10px; }
.gaveta-botoes .botao-contorno, .gaveta-botoes .botao-primario { height: 48px; font-size: 16px; }
.gaveta-botoes .botao-contorno { border-color: var(--texto); }
.gaveta-botoes .botao-primario:disabled { background: #2b4f99; border-color: #2b4f99; color: rgba(255, 255, 255, .55); cursor: not-allowed; }
.gaveta-rodape .sub { font-size: 13px; margin: 0; }
@media (max-width: 1200px) { .contadores-pub { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .contadores-pub { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comparacao-pub { grid-template-columns: 1fr; } .comp-troca { transform: rotate(90deg); }
  .grade-condicoes { grid-template-columns: 1fr; }
  .gaveta-cab, .gaveta-corpo, .gaveta-rodape { padding-left: 16px; padding-right: 16px; }
  .acoes-pub .botao-primario, .acoes-pub .botao-contorno { width: 100%; }
}
.confirmar-sugestoes { align-items: center; gap: 14px; margin: 0 0 16px; }

/* Seletor de produto com busca (vincular anúncio). */
.seletor-produto { flex: 1; min-width: 0; }
.seletor-produto input { width: 100%; height: 40px; }
.lista-sugestoes { position: fixed; z-index: 60; margin: 0; padding: 4px; list-style: none; max-height: 340px; overflow-y: auto;
  background: var(--cartao); border: 1px solid var(--borda-forte); border-radius: 8px; box-shadow: 0 12px 32px rgba(0, 0, 0, .45); }
.lista-sugestoes li[role="option"] { display: flex; gap: 12px; align-items: center; padding: 8px 10px; border-radius: 6px; cursor: pointer; }
.lista-sugestoes li[role="option"]:hover, .lista-sugestoes li[aria-selected="true"] { background: var(--marca-clara); }
.sug-foto { width: 44px; height: 44px; flex: none; border-radius: 6px; background: #fff; display: grid; place-items: center; overflow: hidden; }
.sug-foto img { width: 100%; height: 100%; object-fit: contain; }
.sug-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sug-texto strong { font-weight: 500; font-size: 14px; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sug-texto small { color: var(--sub); font-size: 12px; }
.sug-vazio { padding: 12px; color: var(--sub); }

/* Marca SellerHub (logo no menu e no login). */
.logo-profithub { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-ph-icone { width: 36px; height: 36px; flex: none; }
.logo-ph-texto { font-size: 23px; font-weight: 800; letter-spacing: -0.02em; color: #fff; line-height: 1; }
.logo-ph-texto b { color: #2f6bff; font-weight: 800; }
.menu-lateral .marca { padding: 6px 10px 22px; }
.entrar-marca { display: flex; justify-content: center; margin: 4px 0 18px; }
.entrar-marca .logo-ph-icone { width: 44px; height: 44px; }
.entrar-marca .logo-ph-texto { font-size: 28px; color: var(--texto); }
.mensagem.alerta { background: var(--alerta-fundo); border-color: var(--alerta); }

/* Estoque do produto: "Para onde vai o estoque". */
.destino-estoque h3 { font-size: 15px; margin: 22px 0 10px; }
.destino-conta { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.destino-num { flex: 1 1 160px; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: var(--raio); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.destino-num span { color: var(--sub); font-size: 13px; }
.destino-num strong { font-size: 30px; font-variant-numeric: tabular-nums; }
.destino-num small { color: var(--sub); font-size: 12px; }
.destino-num.reservado strong { color: var(--alerta); }
.destino-num.disponivel { border-color: var(--marca); }
.destino-num.disponivel strong { color: var(--azul-texto); }
.destino-op { align-self: center; font-size: 26px; color: var(--sub); }
.destino-tabela { width: 100%; }
.destino-tabela td, .destino-tabela th { padding: 9px 10px; vertical-align: middle; }
.destino-canal { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.tabela-estoque-nova th.ordenavel a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.tabela-estoque-nova th.ordenavel a:hover, .tabela-estoque-nova th.ordenavel.ativo a { color: var(--texto); }
.seta-ordem { font-size: 10px; opacity: .7; }
.link-reservado { color: var(--alerta); font-weight: 600; text-decoration: underline dotted; }

/* IA de cadastro: cartão "Sugestão da IA" no produto e lista de sugestões. */
.ia-cartao { border-color: var(--marca); }
.ia-cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.ia-cab h2 { margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.ia-tabela { width: 100%; table-layout: fixed; }
.ia-tabela th:first-child, .ia-tabela td.ia-campo { width: 140px; }
.ia-tabela td { vertical-align: top; padding: 10px; border-top: 1px solid var(--borda); }
.ia-tabela td.ia-campo label { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; }
.ia-atual { color: var(--sub); }
.ia-sugerido { background: rgba(25, 87, 214, .08); }
.ia-texto { white-space: pre-line; max-height: 260px; overflow-y: auto; font-size: 13.5px; line-height: 1.5; }
.ia-atrib { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0; font-size: 13px; }
.ia-atrib dt { color: var(--sub); }
.ia-atrib dd { margin: 0; }
.ia-imagens { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.ia-imagem { display: flex; flex-direction: column; gap: 6px; background: var(--cartao-2); border: 1px solid var(--borda); border-radius: var(--raio); padding: 8px; cursor: pointer; }
.ia-imagem img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: #fff; }
.ia-imagem:has(input:checked) { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); }
.ia-obs { color: var(--sub); font-size: 13px; display: flex; gap: 6px; align-items: flex-start; }
.ia-acoes { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 14px; }
.ia-acoes form { margin: 0; }
.ia-pendencias { margin-top: 14px; padding: 10px 14px; border-radius: var(--raio); background: var(--alerta-fundo); border: 1px solid rgba(245, 165, 36, .35); }
.ia-pendencias ul { margin: 6px 0 0; padding-left: 18px; columns: 2; font-size: 13px; }
.ia-chips { margin: 0 0 14px; }
.ia-lote { margin-bottom: 12px; gap: 10px; }
.ia-lote-campos { display: flex; flex-wrap: wrap; gap: 8px 18px; border: 1px solid var(--borda); border-radius: 8px; padding: 10px 14px; margin: 0 0 10px; }
.ia-lote-campos legend { padding: 0 6px; font-weight: 600; font-size: 13px; }
.ia-lote-campos label { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.ia-atalhos { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; margin: 4px 0 8px; font-size: 13px; }
.tabela-ia td { vertical-align: middle; padding: 10px; }
.erro-texto { color: var(--erro); }
@media (max-width: 700px) { .ia-tabela th:first-child, .ia-tabela td.ia-campo { width: 96px; } .ia-pendencias ul { columns: 1; } }
.uso-imagens { font-size: 13px; color: var(--sub); padding: 0 10px; } .uso-imagens strong { color: var(--texto); } .uso-imagens.esgotado strong { color: var(--erro); }
.ia-gerando { display: flex; align-items: center; gap: 10px; margin: 6px 0 12px; }
.ia-girando { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--borda-forte); border-top-color: var(--marca); animation: ia-gira .8s linear infinite; flex: none; }
@keyframes ia-gira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ia-girando { animation: none; } }
.enviar-foto { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }

/* Miniaturas de produto: a foto inteira dentro do quadrado. Em grade, height:100% vira "auto" (foto em pé
   ficava com a altura natural e era cortada); com posição absoluta ela ocupa exatamente o quadrado. */
.foto-produto, .foto-pub, .sug-foto { position: relative; overflow: hidden; }
.foto-produto img, .foto-pub img, .sug-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* Correção de endereço no pedido */
.end-editar { margin-top: 12px; }
.end-editar > summary { display: inline-flex; cursor: pointer; list-style: none; }
.end-editar > summary::-webkit-details-marker { display: none; }
.end-form { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px 12px; margin-top: 12px; }
.end-form .end-campo { display: grid; gap: 4px; grid-column: span 2; }
.end-form .end-campo span { font-size: 12px; color: var(--texto-sub, #98a2b3); }
.end-form .end-nome, .end-form .end-logradouro { grid-column: span 4; }
.end-form .end-uf, .end-form .end-numero { grid-column: span 1; }
.end-form .end-acoes { grid-column: 1 / -1; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 4px 0 0; }
@media (max-width: 640px) { .end-form { grid-template-columns: 1fr 1fr; } .end-form .end-campo, .end-form .end-nome, .end-form .end-logradouro { grid-column: span 2; } .end-form .end-uf, .end-form .end-numero { grid-column: span 1; } }
.end-form input { width: 100%; box-sizing: border-box; min-width: 0; }
.end-form .end-bairro { grid-column: span 3; }
.end-form .end-cidade { grid-column: span 4; }
.end-form .end-uf { grid-column: span 2; }
@media (max-width: 640px) { .end-form .end-bairro, .end-form .end-cidade { grid-column: span 2; } .end-form .end-uf { grid-column: span 1; } }

/* Sessão (menu do usuário no topo) */
.menu-sessao { display: grid; gap: 6px; min-width: 200px; }
.menu-sessao .sessao-link { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; color: inherit; text-decoration: none; }
.menu-sessao .sessao-link:hover { background: rgba(255, 255, 255, .06); }
.menu-sessao .sessao-link .ico { width: 16px; height: 16px; }
.menu-sessao form button { width: 100%; }

/* Presença da equipe (barra superior) */
.presenca { display: flex; align-items: center; padding: 0 4px; }
.presenca:empty { display: none; }
.pres-av { position: relative; display: inline-flex; margin-left: -10px; outline: none; cursor: default; }
.pres-av:first-child { margin-left: 0; }
.pres-circulo { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #fff;
  background: var(--cor, #3a4352); border: 2px solid var(--cartao, #12161d); transition: transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .2s; }
.pres-av.offline .pres-circulo { filter: grayscale(.7) brightness(.75); }
.pres-mais .pres-circulo { background: #2a3240; color: #c7cfdb; }
.pres-av:hover, .pres-av:focus-visible { z-index: 50 !important; }
.pres-av:hover .pres-circulo, .pres-av:focus-visible .pres-circulo { transform: translateY(-4px) scale(1.18); box-shadow: 0 8px 18px rgba(0, 0, 0, .45), 0 0 0 2px rgba(109, 156, 255, .45); }
.pres-ponto { position: absolute; right: -1px; bottom: 0; width: 11px; height: 11px; border-radius: 50%; background: #22c55e; border: 2px solid var(--cartao, #12161d); }
.pres-ponto::after { content: ''; position: absolute; inset: -2px; border-radius: 50%; background: #22c55e; animation: pres-pulso 2s ease-out infinite; }
@keyframes pres-pulso { 0% { transform: scale(1); opacity: .55; } 70% { transform: scale(2.2); opacity: 0; } 100% { opacity: 0; } }
.pres-tip { position: absolute; top: calc(100% + 10px); left: 50%; transform: translate(-50%, 4px) scale(.92); opacity: 0; pointer-events: none; z-index: 60;
  display: grid; gap: 1px; white-space: nowrap; padding: 6px 10px; border-radius: 8px; background: #0f1218; border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 10px 24px rgba(0, 0, 0, .5); font-size: 12px; transition: opacity .15s, transform .2s cubic-bezier(.34, 1.56, .64, 1); }
.pres-tip::before { content: ''; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; transform: translateX(-50%) rotate(45deg); background: #0f1218;
  border-left: 1px solid rgba(255, 255, 255, .1); border-top: 1px solid rgba(255, 255, 255, .1); }
.pres-tip small { color: #98a2b3; font-size: 11px; }
.pres-mais .pres-tip { gap: 2px 0; }
.pres-av:hover .pres-tip, .pres-av:focus-visible .pres-tip { opacity: 1; transform: translate(-50%, 0) scale(1); }
@media (max-width: 720px) { .presenca { display: none; } }
@media (prefers-reduced-motion: reduce) { .pres-ponto::after { animation: none; } .pres-circulo, .pres-tip { transition: none; } }

/* Aviso do resultado repetido no rodapé quando a tela volta no mesmo ponto (vínculos). */
.aviso-retorno { position: fixed; right: 20px; bottom: 20px; z-index: 60; max-width: min(460px, calc(100vw - 32px)); padding: 12px 16px; border-radius: 10px;
  background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); border-left: 4px solid var(--ok);
  box-shadow: 0 10px 30px rgba(0,0,0,.35); font-size: 13px; line-height: 1.4; cursor: pointer; animation: aviso-retorno-entra .25s ease-out; transition: opacity .3s, transform .3s; }
.aviso-retorno.alerta, .aviso-retorno.erro { border-left-color: var(--erro); }
.aviso-retorno.saindo { opacity: 0; transform: translateY(8px); }
@keyframes aviso-retorno-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .aviso-retorno { animation: none; transition: none; } }
@media (max-width: 600px) { .aviso-retorno { left: 16px; right: 16px; bottom: 16px; } }
/* Revisar preços (Pedido OK) */
.botao-contorno.alerta { color: var(--alerta); border-color: var(--alerta); }
.texto-erro { color: var(--erro); }
.texto-ok { color: var(--ok); }
.linha-apagada td { opacity: .55; }
.filtros-precos { flex-wrap: wrap; align-items: center; gap: 10px; }
.filtros-precos input[name="markup"] { width: 72px; text-align: right; }
/* Seleção em massa e itens por página (anúncios por marketplace) */
.barra-selecao-ml { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--linha); }
.barra-selecao-ml [data-exige-sel] { margin-left: auto; }
.por-pagina { display: flex; align-items: center; gap: 4px; }
.por-pagina .pag-num.atual { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); }
.preco-difere { color: var(--alerta); font-weight: 600; }
/* Reajuste de preços (Produtos) */
.painel-precos { flex-direction: column; align-items: stretch; gap: 8px; }
.painel-precos-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.painel-precos-linha label:not(.check) { display: inline-flex; align-items: center; gap: 6px; }
.sincronizar-loja { border-top: 1px solid var(--linha); padding-top: 8px; }
/* Reajuste de preços — painel em dois passos (desenho 2026-10-19) */
.painel-reajuste { margin-top: 12px; border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.painel-reajuste[hidden] { display: none; }
.reajuste-cab { display: flex; gap: 14px; align-items: center; }
.reajuste-cab h2 { margin: 0; font-size: 20px; }
.reajuste-cab .sub { margin: 2px 0 0; }
.reajuste-icone { width: 44px; height: 44px; border-radius: 50%; background: var(--cartao-2); border: 1px solid var(--borda-forte); display: grid; place-items: center; font-size: 20px; font-weight: 700; color: var(--texto); flex: none; }
.reajuste-passo { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 16px; align-items: start; border: 1px solid var(--borda); border-radius: 10px; padding: 16px; background: var(--fundo); }
.passo-num { width: 40px; height: 40px; border-radius: 50%; background: var(--cartao-2); border: 1px solid var(--borda-forte); display: grid; place-items: center; font-weight: 700; font-size: 18px; }
.passo-corpo h3 { margin: 0; font-size: 17px; }
.passo-corpo > .sub { margin: 2px 0 10px; }
.reajuste-campos { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 14px; }
.campo-rotulado { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--sub); }
.campo-rotulado.linha { flex-direction: row; align-items: center; gap: 12px; color: var(--texto); }
.campo-rotulado select, .campo-rotulado input { min-width: 220px; height: 40px; }
.valor-com-unidade { display: flex; gap: 6px; }
.valor-com-unidade input { min-width: 140px; width: 180px; }
.valor-com-unidade select { min-width: 64px; }
.reajuste-arredondar { height: 40px; align-items: center; color: var(--texto); }
.reajuste-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 14px; }
.reajuste-acoes .botao-primario { min-width: 240px; justify-content: center; }
.reajuste-dica { display: inline-flex; align-items: center; gap: 6px; padding-left: 14px; border-left: 2px solid var(--marca); }
.exemplo-calculo { min-width: 300px; border: 1px solid var(--borda); border-radius: 10px; padding: 14px 18px; background: var(--cartao); }
.exemplo-calculo h4 { margin: 0 0 10px; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.exemplo-calculo dl { display: grid; grid-template-columns: 1fr auto; gap: 6px 24px; margin: 0; color: var(--sub); font-size: 14px; }
.exemplo-calculo dd { margin: 0; color: var(--texto); text-align: right; }
.exemplo-total { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--borda); font-size: 15px; }
.exemplo-total strong { color: var(--azul-texto); font-size: 18px; }
.exemplo-total .sem-arredondar strong { display: none; }
.reajuste-canal { align-items: center; }
.reajuste-canal select { min-width: 300px; }
.reajuste-rodape { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 4px 0; border-top: 1px solid var(--borda); }
.tabela-cartao[hidden], .rodape-tabela[hidden] { display: none; }
.pagina-precos .resumo-precos { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 12px 0; }
.pagina-precos .resumo-precos .cartao { padding: 14px; display: flex; flex-direction: column; gap: 2px; }
.pagina-precos .resumo-precos strong { font-size: 24px; }
.pagina-precos .resumo-precos .alerta strong { color: var(--alerta); }
@media (max-width: 900px) {
  .reajuste-passo { grid-template-columns: 40px minmax(0, 1fr); }
  .exemplo-calculo { grid-column: 1 / -1; min-width: 0; }
  .campo-rotulado select, .campo-rotulado input, .reajuste-canal select { min-width: 0; width: 100%; }
}

/* Sugestão de compra (desenho do usuário, 2026-10-19) */
.pagina-sugestao { display: flex; flex-direction: column; gap: 14px; }
.sug-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.sug-cab h1 { margin: 0; font-size: 30px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sug-cab .subtitulo { margin: 4px 0 0; color: var(--sub); }
.sug-cab-acoes { display: flex; gap: 12px; flex-wrap: wrap; }
.sug-cab-acoes .botao-contorno, .sug-cab-acoes .botao-primario { height: 44px; }
.sug-cartao { border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 16px 18px; }
.sug-cartao h2 { margin: 0 0 12px; font-size: 18px; }
.sug-parametros-campos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: 16px; align-items: end; }
.sug-parametros-campos .campo-rotulado select, .sug-parametros-campos .campo-rotulado input { min-width: 0; width: 100%; }
.sug-parametros .campo-rotulado textarea { width: 100%; margin-top: 2px; }
.sug-parametros > .campo-rotulado { margin-top: 12px; }
.sug-recalcular { height: 40px; min-width: 170px; border-color: var(--marca); color: var(--azul-texto); }
.sug-nota { margin: 12px 0 0; font-size: 13px; }
.sug-full { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; color: var(--texto); white-space: nowrap; }
.sug-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 14px; }
.sug-card { display: flex; gap: 16px; align-items: flex-start; border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 18px; min-width: 0; }
.sug-card span { color: var(--sub); font-size: 14px; }
.sug-card strong { display: block; font-size: 30px; line-height: 1.2; margin-top: 4px; }
.sug-card-ico { width: 32px; height: 32px; color: var(--azul-texto); flex: none; }
.sug-card-ico.alerta { color: var(--alerta); }
.sug-card-ico.ok { color: var(--ok); }
.sug-card-alerta { background: var(--alerta-fundo); border-color: var(--alerta); }
.sug-card-alerta b { color: var(--alerta); font-size: 16px; display: block; }
.sug-card-alerta p, .sug-card-ok p { margin: 6px 0; color: var(--sub); font-size: 13px; }
.sug-card-ok b { display: block; }
.sug-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 12px 14px; }
.sug-busca { flex: 1 1 280px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--borda-forte); border-radius: 8px; padding: 0 12px; height: 42px; background: var(--fundo); }
.sug-busca input { border: 0; background: transparent; flex: 1; height: 40px; color: var(--texto); min-width: 0; outline: none; }
.sug-filtro { display: inline-flex; align-items: center; gap: 10px; color: var(--sub); font-size: 14px; }
.sug-filtro select { height: 42px; min-width: 160px; }
.sug-check { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.sug-tabela { padding: 0; overflow: hidden; }
.sug-tabela .tabela-design th { white-space: nowrap; }
.sug-tabela .tabela-design td { vertical-align: middle; }
.sug-tabela .col-sel { width: 44px; text-align: center; }
.sug-produto { display: flex; gap: 14px; align-items: center; min-width: 240px; }
.sug-foto { width: 54px; height: 54px; object-fit: contain; }
.sug-qtd { display: inline-flex; align-items: stretch; border: 1px solid var(--borda-forte); border-radius: 8px; overflow: hidden; background: var(--fundo); }
.sug-qtd input { width: 96px; height: 40px; border: 0; background: transparent; color: var(--texto); padding: 0 10px; font-size: 16px; }
.sug-calc { border: 0; border-left: 1px solid var(--borda-forte); background: transparent; color: var(--azul-texto); width: 38px; cursor: pointer; display: grid; place-items: center; }
.sug-calc:hover { background: var(--marca-clara); }
.sug-prioridade { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--borda-forte); font-size: 13px; white-space: nowrap; }
.sug-prioridade .ico { width: 16px; height: 16px; }
.sug-prioridade.urgente { background: var(--alerta-fundo); border-color: var(--alerta); color: var(--alerta); }
.sug-prioridade.planejar { color: var(--texto); }
.sug-prioridade.sem_compra { color: var(--sub); }
.sug-rodape-tabela { display: flex; align-items: center; gap: 16px; padding: 10px 14px; border-top: 1px solid var(--borda); flex-wrap: wrap; }
.sug-rodape-tabela .paginacao-num { margin-left: auto; }
.sug-inferior { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 14px; }
.sug-entenda-corpo { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; }
.sug-foto.grande-sug { width: 96px; height: 96px; }
.sug-entenda-conta p { margin: 0 0 8px; }
.sug-conta { border: 1px solid var(--borda-forte); border-radius: 8px; padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; font-size: 15px; }
.sug-conta b { color: var(--azul-texto); font-size: 17px; }
.sug-estoque { margin: 0; padding-left: 18px; border-left: 1px solid var(--borda); display: grid; grid-template-columns: auto auto; gap: 4px 14px; color: var(--sub); font-size: 14px; }
.sug-estoque dd { margin: 0; text-align: right; color: var(--texto); }
.sug-revisao { display: flex; flex-direction: column; gap: 12px; }
.sug-revisao h2 { margin-bottom: 4px; }
.sug-revisao label { display: flex; gap: 10px; align-items: center; }
.sug-formula { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--sub); font-size: 13px; }
.sug-formula span { display: inline-flex; align-items: center; gap: 6px; }
.sug-situacao { display: inline-flex; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; border: 1px solid var(--borda-forte); color: var(--sub); }
.sug-situacao.confirmada { color: var(--info); background: var(--info-fundo); border-color: var(--info); }
.sug-situacao.recebida { color: var(--ok); background: var(--ok-fundo); border-color: var(--ok); }
.sug-situacao.cancelada { color: var(--erro); background: var(--erro-fundo); border-color: var(--erro); }
.sug-acoes-lista { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.sug-acoes-lista .espaco { flex: 1; }
.sug-tabela tfoot td { padding: 10px 14px; border-top: 1px solid var(--borda); }
@media (max-width: 1200px) {
  .sug-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sug-card-alerta, .sug-card-ok { grid-column: 1 / -1; }
  .sug-parametros-campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sug-inferior { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .sug-cards, .sug-parametros-campos { grid-template-columns: 1fr; }
  .sug-entenda-corpo { grid-template-columns: 1fr; }
  .sug-estoque { border-left: 0; padding-left: 0; }
  .sug-filtro select { min-width: 0; }
}
.sug-tabela .tabela-design th, .sug-tabela .tabela-design td { padding: 10px 12px; border-left: 0; border-right: 0; }
.sug-tabela .tabela-design th:nth-child(2) { text-align: left; }
.sug-produto { min-width: 320px; }
.sug-produto .nome-produto { color: var(--texto); font-weight: 600; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sug-produto .nome-produto:hover { color: var(--azul-texto); }
.sug-qtd input { width: 76px; }
.sug-tabela .tabela-design th { white-space: normal; line-height: 1.25; }
.sug-tabela .tabela-design th.num { width: 1%; min-width: 72px; }
.sug-produto { min-width: 260px; }
.sug-prioridade { padding: 5px 12px; }

/* Tarefas da equipe — quadro kanban (desenho do usuário, 2026-10-19) */
.pagina-tarefas { display: flex; flex-direction: column; gap: 16px; }
.tf-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.tf-cab h1 { margin: 2px 0 0; font-size: 34px; }
.tf-cab .subtitulo { margin: 4px 0 0; color: var(--sub); font-size: 16px; }
.tf-trilha { margin: 0; color: var(--sub); font-size: 15px; }
.tf-cab .botao-primario { height: 46px; }
.tf-barra { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tf-abas { display: flex; gap: 10px; flex-wrap: wrap; }
.tf-aba { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border: 1px solid var(--borda); border-radius: 10px; background: var(--cartao); color: var(--texto); text-decoration: none; font-weight: 500; }
.tf-aba b { min-width: 26px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--cartao-2); display: inline-grid; place-items: center; font-size: 13px; }
.tf-aba.ativa { border-color: var(--marca); background: var(--marca-clara); }
.tf-aba.ativa b { background: var(--marca); color: #fff; }
.tf-filtros { display: flex; gap: 10px; margin-left: auto; flex-wrap: wrap; }
.tf-filtros select { height: 44px; min-width: 140px; }
.tf-busca { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid var(--borda-forte); border-radius: 8px; background: var(--fundo); min-width: 200px; }
.tf-busca input { border: 0; background: transparent; color: var(--texto); outline: none; flex: 1; min-width: 0; height: 40px; }
.tf-visao { display: inline-flex; border: 1px solid var(--borda-forte); border-radius: 10px; padding: 3px; gap: 3px; }
.tf-visao a { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 7px; color: var(--texto); text-decoration: none; }
.tf-visao a.ativa { background: var(--marca-clara); outline: 1px solid var(--marca); }
.tf-corpo { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 14px; align-items: start; }
.tf-lado { border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 14px 10px; display: flex; flex-direction: column; gap: 2px; position: sticky; top: 84px; }
.tf-lado h2 { font-size: 16px; margin: 4px 8px 8px; }
.tf-lado hr { border: 0; border-top: 1px solid var(--borda); margin: 12px 4px; width: auto; }
.tf-lado-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 8px; color: var(--texto); text-decoration: none; font-size: 14px; }
.tf-lado-item:hover { background: var(--cartao-2); }
.tf-lado-item.ativo { background: var(--marca-clara); color: var(--azul-texto); }
.tf-quadro { display: grid; grid-template-columns: repeat(4, minmax(240px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 4px; }
.tf-coluna { border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 12px; display: flex; flex-direction: column; gap: 10px; min-height: 240px; transition: border-color .15s, background .15s; }
.tf-coluna.alvo { border-color: var(--marca); background: var(--marca-clara); }
.tf-coluna > header { display: flex; align-items: center; gap: 10px; padding: 4px 4px 6px; }
.tf-coluna h3 { margin: 0; font-size: 16px; }
.tf-cont { min-width: 26px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--cartao-2); display: inline-grid; place-items: center; font-size: 13px; }
.tf-col-mais { margin-left: auto; color: var(--sub); display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 6px; }
.tf-col-mais:hover { background: var(--cartao-2); color: var(--texto); }
.tf-ponto { width: 12px; height: 12px; border-radius: 50%; display: inline-block; flex: none; background: var(--apagado); }
.tf-ponto.azul { background: #3b82f6; } .tf-ponto.amarelo { background: #f5b524; } .tf-ponto.verde { background: #22c55e; } .tf-ponto.cinza { background: #8b949e; }
.tf-cartoes { display: flex; flex-direction: column; gap: 10px; }
.tf-cartao { border: 1px solid var(--borda); border-radius: 10px; background: var(--fundo); padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.tf-cartao[draggable="true"] { cursor: grab; }
.tf-cartao.arrastando { opacity: .45; }
.tf-cartao > header { display: flex; gap: 8px; align-items: flex-start; }
.tf-titulo { color: var(--texto); font-weight: 600; text-decoration: none; line-height: 1.35; flex: 1; }
.tf-titulo:hover { color: var(--azul-texto); }
.tf-mais { color: var(--sub); flex: none; }
.tf-ok { color: #22c55e; flex: none; }
.tf-ok .ico { width: 20px; height: 20px; }
.tf-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.tf-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 7px; border: 1px solid var(--borda-forte); font-size: 12.5px; color: var(--texto); }
.tf-chip .ico { width: 15px; height: 15px; }
.tf-chip.prio-alta { color: #ff7b72; border-color: #8a2f2a; background: rgba(255, 107, 94, .1); }
.tf-chip.prio-normal { color: #8fb4ff; border-color: #2d4f8e; background: rgba(91, 147, 255, .1); }
.tf-chip.prio-baixa { color: var(--sub); }
.tf-chip.concluida { color: #3ecf72; border-color: #1f6b3d; background: rgba(62, 207, 114, .1); }
.tf-rodape { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tf-meta { display: flex; gap: 14px; flex-wrap: wrap; color: var(--sub); font-size: 13px; }
.tf-meta span { display: inline-flex; align-items: center; gap: 5px; }
.tf-meta .ico { width: 16px; height: 16px; }
.tf-atrasada, .tf-meta .tf-atrasada { color: #ff6b5e; font-weight: 600; }
.tf-av { width: 32px; height: 32px; border-radius: 50%; background: var(--cor, #3a424b); color: #fff; display: inline-grid; place-items: center; font-size: 12px; font-weight: 700; flex: none; }
.tf-av.vazio { background: transparent; border: 1px dashed var(--borda-forte); color: var(--sub); }
.tf-av.vazio .ico { width: 15px; height: 15px; }
.tf-link { color: var(--azul-texto); text-decoration: none; font-size: 14px; font-weight: 500; }
.tf-vazio { color: var(--sub); text-align: center; margin: 16px 0; font-size: 13px; }
.tf-ver-todas { color: var(--azul-texto); text-decoration: none; padding: 6px 4px 0; font-size: 14px; margin-top: auto; }
.tf-dica { display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--sub); font-size: 13px; border: 1px dashed var(--borda); border-radius: 10px; padding: 10px; margin: 0; }
.tf-resumo { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); padding: 18px; }
.tf-resumo h2 { display: flex; align-items: center; gap: 10px; font-size: 17px; margin: 0 0 14px; }
.tf-resumo-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tf-resumo-cards a { display: flex; gap: 14px; align-items: center; border: 1px solid var(--borda); border-radius: 10px; padding: 14px; background: var(--fundo); color: var(--texto); text-decoration: none; }
.tf-resumo-cards strong { display: block; font-size: 26px; }
.tf-resumo-cards span { color: var(--sub); }
.tf-r-ico { width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: var(--cartao-2); }
.tf-r-ico.erro { color: #ff6b5e; background: rgba(255, 107, 94, .14); }
.tf-proximos { border-left: 1px solid var(--borda); padding-left: 24px; }
.tf-proximos ul { list-style: none; margin: 0; padding: 0; }
.tf-proximos li { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--linha); }
.tf-proximos li:last-child { border-bottom: 0; }
.tf-proximos li a { color: var(--texto); text-decoration: none; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tf-proximos li span { color: var(--sub); font-size: 13px; white-space: nowrap; }
.tf-lista-filtro { margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--borda); }
.tf-etapa, .tf-resp { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.tf-lista .tf-av { width: 26px; height: 26px; font-size: 11px; }
.tf-detalhe { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: 16px; align-items: start; }
.tf-form { padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.tf-form .campo-rotulado input, .tf-form .campo-rotulado select, .tf-form textarea { width: 100%; min-width: 0; }
.tf-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.tf-checklist { border: 1px solid var(--borda); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; margin: 0; }
.tf-checklist legend { padding: 0 6px; font-weight: 600; }
.tf-item { display: flex; gap: 10px; align-items: center; }
.tf-item input[type=text], .tf-item input:not([type]) { flex: 1; height: 36px; }
.tf-item input[type=checkbox] { width: 18px; height: 18px; }
.tf-acoes { display: flex; gap: 12px; }
.tf-lateral { display: flex; flex-direction: column; gap: 12px; }
.tf-comentarios { padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.tf-comentarios h2 { margin: 0; font-size: 16px; display: flex; gap: 8px; align-items: center; }
.tf-com { display: flex; gap: 10px; }
.tf-com p { margin: 4px 0 0; white-space: pre-wrap; }
.tf-com-form { display: flex; flex-direction: column; gap: 8px; }
.tf-com-form textarea { width: 100%; }
.tf-excluir { color: var(--erro); }
@media (max-width: 1100px) {
  .tf-corpo { grid-template-columns: 1fr; }
  .tf-lado { position: static; flex-direction: row; flex-wrap: wrap; }
  .tf-lado h2, .tf-lado hr { display: none; }
  .tf-filtros { margin-left: 0; }
  .tf-resumo, .tf-detalhe { grid-template-columns: 1fr; }
  .tf-proximos { border-left: 0; padding-left: 0; }
}
@media (max-width: 640px) {
  .tf-resumo-cards, .tf-grade { grid-template-columns: 1fr; }
  .tf-quadro { grid-template-columns: repeat(4, 85vw); }
}
.tf-corpo { grid-template-columns: 184px minmax(0, 1fr); }
.tf-quadro { grid-template-columns: repeat(4, minmax(205px, 1fr)); gap: 10px; }
.tf-coluna { padding: 10px; }
.tf-coluna h3 { white-space: nowrap; font-size: 15px; }
.tf-coluna > header { gap: 8px; }
.tf-cartao { padding: 11px 12px; }
.tf-busca { min-width: 240px; }
.tf-av { box-sizing: border-box; width: 32px !important; height: 32px !important; padding: 0; overflow: hidden; }
.tf-av.vazio .ico { width: 15px !important; height: 15px !important; }
.tf-lista .tf-av { width: 26px !important; height: 26px !important; }
.tf-lado-item { white-space: nowrap; }

/* Gestão de Fulfillment (Inventário FBA / Full / FBS) */
.pagina-fulfillment .sug-cab h1 .logo-ml-grande { width: 30px; height: 30px; }
.ff-filtros { display: grid; grid-template-columns: repeat(3, minmax(0, 180px)) minmax(0, 1fr) auto; gap: 14px; align-items: end; }
.ff-filtros .campo-rotulado select, .ff-filtros .campo-rotulado input { min-width: 0; width: 100%; }
.ff-filtros .botao-primario { height: 40px; }
.ff-leitura { margin: -4px 0 0; }
.ff-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ff-cards .sug-card span { text-transform: uppercase; letter-spacing: .04em; font-size: 12px; font-weight: 600; }
.ff-cards .sug-card small { display: block; color: var(--sub); font-size: 12.5px; margin-top: 4px; }
.ff-mini { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); }
.ff-mini div { padding: 12px 16px; border-left: 1px solid var(--borda); display: flex; flex-direction: column; gap: 4px; }
.ff-mini div:first-child { border-left: 0; }
.ff-mini span { color: var(--sub); font-size: 13px; }
.ff-mini strong { font-size: 18px; }
.ff-abas { display: flex; gap: 6px; border-bottom: 1px solid var(--borda); }
.ff-abas a { padding: 10px 14px; color: var(--sub); text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; font-weight: 500; }
.ff-abas a.ativa { color: var(--azul-texto); border-bottom-color: var(--azul-texto); }
.ff-tabela .ff-nome { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ff-cob { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.ff-cob.boa { color: var(--ok); background: var(--ok-fundo); }
.ff-cob.media { color: var(--alerta); background: var(--alerta-fundo); }
.ff-cob.ruim { color: var(--erro); background: var(--erro-fundo); }
.ff-cob.neutra { color: var(--sub); }
.ff-pend { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 6px; font-size: 12px; color: var(--alerta); background: var(--alerta-fundo); white-space: nowrap; }
@media (max-width: 1100px) { .ff-filtros, .ff-cards, .ff-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ff-mini div:nth-child(3) { border-left: 0; } }
@media (max-width: 640px) { .ff-filtros, .ff-cards, .ff-mini { grid-template-columns: 1fr; } .ff-mini div { border-left: 0; border-top: 1px solid var(--borda); } }
.ff-tabela th, .ff-tabela td { padding: 9px 8px !important; font-size: 13.5px; }
.ff-tabela .sug-produto { min-width: 230px; gap: 10px; }
.ff-tabela .sug-foto { width: 44px; height: 44px; }
.pagina-fulfillment .sug-cab .subtitulo { max-width: 760px; }
.ff-conta { font-size: 14px; font-weight: 600; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--borda-forte); color: var(--sub); vertical-align: middle; }
.acoes-linha-pub { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.acoes-linha-pub form { margin: 0; }
.link.perigo, .botao-contorno.perigo { color: var(--erro); }
.gaveta-botoes .botao-contorno.perigo { margin-right: auto; }
.linhas-atributos { display: grid; gap: 6px; }
.linha-atributo { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 6px; }
.canais-produto .publicar-canais { display: grid; gap: 8px; margin: 14px 0; }
.canal-publicar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 8px 0; border-top: 1px solid var(--linha); }
.canal-publicar form { margin: 0; }
.vincular-produto { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 12px; padding-top: 12px; border-top: 1px solid var(--linha); }
.vincular-produto label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.vincular-produto strong { width: 100%; }
.botao-ia-campo { margin-left: 8px; padding: 2px 8px; font-size: 12px; line-height: 18px; border: 1px solid var(--borda-forte); border-radius: 999px; background: transparent; color: var(--texto); cursor: pointer; }
.botao-ia-campo:hover { border-color: var(--texto); }
.botao-ia-campo:disabled { opacity: .6; cursor: progress; }
.ia-campo-status { margin-left: 8px; font-weight: 400; }
.regras-jarvis { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.regra-jarvis { border: 1px solid var(--borda); border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 6px; }
.regra-jarvis.ativo { border-color: var(--azul-texto); }
.regra-jarvis p { margin: 0; }
.regra-cab { display: flex; align-items: center; gap: 8px; }
.regra-cab strong { flex: 1; }
.regra-qtd { font-size: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.regra-acoes { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; }
.regra-acoes form { margin: 0; }
.nota-jarvis { display: inline-block; min-width: 36px; text-align: center; padding: 2px 6px; border-radius: 6px; font-weight: 600; font-variant-numeric: tabular-nums; }
.nota-jarvis.verde { background: rgba(63, 185, 80, .15); }
.nota-jarvis.ambar { background: rgba(210, 153, 34, .18); }
.nota-jarvis.vermelho { background: rgba(248, 81, 73, .18); }
.chips-problemas { display: flex; flex-wrap: wrap; gap: 4px; }
.chip-problema { font-size: 12px; padding: 2px 8px; border: 1px solid var(--borda-forte); border-radius: 999px; color: inherit; text-decoration: none; }
.chip-problema.ativo, .chip-problema:hover { border-color: var(--azul-texto); }

/* Jarvis — Inteligência do catálogo */
.pagina-jarvis2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.pagina-jarvis2.com-painel { grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); }
.jarvis-principal { min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.cab-jarvis { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: flex-end; justify-content: space-between; }
.cab-jarvis h1 { margin: 0; font-size: 28px; }
.cab-jarvis .subtitulo { margin: 4px 0 0; color: var(--sub); }
.cab-jarvis-dir { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; justify-content: flex-end; }
.cab-jarvis-dir form { margin: 0; }
.jarvis-progresso, .jarvis-lotes { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 12px 16px; display: grid; gap: 8px; }
.jarvis-progresso .barra, .barra-nota { display: block; height: 6px; background: var(--cartao-2); border-radius: 999px; overflow: hidden; }
.jarvis-progresso .barra span { display: block; height: 100%; background: var(--azul-texto); transition: width .4s; }
.barra-nota { margin: 6px 0; }
.barra-nota span { display: block; height: 100%; border-radius: 999px; background: var(--sub); }
.barra-nota span.verde { background: #3fb950; } .barra-nota span.ambar { background: #d29922; } .barra-nota span.vermelho { background: var(--erro); }
.kpis-jarvis2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.kpis-jarvis2 .kpi-jarvis { position: relative; color: inherit; text-decoration: none; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; }
.kpis-jarvis2 .kpi-jarvis:hover { border-color: var(--borda-forte); }
.kpis-jarvis2 .kpi-jarvis > span:not(.kpi-ico) { color: var(--sub); font-size: 13px; }
.kpis-jarvis2 .kpi-jarvis strong { font-size: 32px; font-weight: 600; font-variant-numeric: tabular-nums; }
.kpis-jarvis2 .kpi-jarvis strong small { font-size: 16px; color: var(--sub); font-weight: 400; }
.kpis-jarvis2 .kpi-jarvis > small { color: var(--sub); font-size: 12px; }
.kpi-ico { position: absolute; top: 14px; right: 14px; color: var(--sub); }
.kpi-jarvis .verde { color: #3fb950; } .kpi-jarvis .ambar { color: #d29922; } .kpi-jarvis .vermelho { color: var(--erro); }
.kpi-jarvis.alerta strong { color: var(--erro); }
.jarvis-plano { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 16px 24px; }
.jarvis-plano h2 { margin: 0 0 6px; font-size: 18px; }
.jarvis-plano p { margin: 0 0 6px; }
.plano-acoes { display: flex; flex-direction: column; gap: 8px; }
.acao-plano { display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--borda-forte); border-radius: 8px; padding: 10px 12px; color: inherit; text-decoration: none; }
.acao-plano:hover { border-color: var(--azul-texto); }
.acao-plano small { color: var(--sub); }
.jarvis-como h3 { font-size: 15px; margin: 16px 0 8px; }
.dims-nota { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.dim-nota { border: 1px solid var(--borda); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; }
.dim-nota strong { font-size: 24px; } .dim-nota small, .dim-nota span { color: var(--sub); font-size: 12px; }
.dim-nota .verde { color: #3fb950; } .dim-nota .ambar { color: #d29922; } .dim-nota .vermelho { color: var(--erro); }
.regras-tabela tr.desligada { opacity: .55; }
.nao-verificado { margin: 0; padding-left: 18px; color: var(--sub); font-size: 13px; }
.abas-jarvis { display: flex; flex-wrap: wrap; gap: 4px 18px; border-bottom: 1px solid var(--borda); margin-bottom: 12px; }
.abas-jarvis a { color: var(--sub); text-decoration: none; padding: 8px 0; border-bottom: 2px solid transparent; display: inline-flex; gap: 6px; align-items: center; }
.abas-jarvis a.ativo { color: var(--texto); border-bottom-color: var(--azul-texto); }
.abas-jarvis b { font-size: 12px; background: var(--cartao-2); border-radius: 999px; padding: 1px 8px; font-weight: 500; }
.filtros-jarvis { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
.busca-jarvis { flex: 1 1 260px; display: flex; align-items: center; gap: 6px; border: 1px solid var(--borda-forte); border-radius: 6px; padding: 0 10px; background: var(--fundo); }
.busca-jarvis input { border: 0; background: transparent; height: 38px; flex: 1; color: inherit; min-width: 0; }
.filtro-jarvis select { height: 38px; max-width: 220px; }
.mais-filtros { display: contents; }
.mais-filtros[open] > summary { flex-basis: 100%; }
.mais-filtros summary { cursor: pointer; color: var(--azul-texto); font-size: 14px; }
.barra-lote { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 8px 0 10px; }
.barra-lote select { height: 36px; }
.tabela-jarvis td { vertical-align: top; }
.tabela-jarvis tr.selecionada td { background: rgba(91, 147, 255, .08); }
.paginacao-jarvis { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: flex-end; padding-top: 10px; }
.painel-jarvis { position: sticky; top: 12px; max-height: calc(100vh - 24px); display: flex; flex-direction: column; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); overflow: hidden; }
.painel-jarvis .gaveta-corpo { padding: 0 18px 18px; }
.painel-jarvis .gaveta-cab { padding: 14px 18px; }
.linha-pilulas { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; }
.dl-jarvis { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 6px 10px; margin: 0; font-size: 14px; }
.dl-jarvis dt { color: var(--sub); } .dl-jarvis dd { margin: 0; overflow-wrap: anywhere; }
.por-que { margin-top: 10px; font-size: 13px; } .por-que summary { cursor: pointer; color: var(--azul-texto); }
.antes-depois { display: grid; grid-template-columns: 1fr; gap: 8px; }
.antes-depois pre { white-space: pre-wrap; font-family: inherit; margin: 4px 0 0; padding: 10px 12px; border: 1px solid var(--borda); border-radius: 6px; background: var(--fundo); max-height: 220px; overflow: auto; }
.antes-depois mark { background: rgba(91, 147, 255, .28); color: inherit; border-radius: 3px; }
.aviso-confirmar { display: flex; gap: 6px; font-size: 13px; color: #e3c27a; }
.acoes-painel { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; align-items: flex-end; }
.acoes-painel form { margin: 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.form-informar, .form-atribuir, .form-ignorar, .form-lote { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; margin-top: 10px; }
.form-informar label, .form-atribuir label, .form-ignorar label, .form-lote label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.form-informar label, .form-informar textarea, .largo { flex: 1 1 100%; width: 100%; }
.eventos-jarvis { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: 13px; }
.resumo-lote { display: grid; gap: 6px; padding-left: 18px; }
.metricas-jarvis { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.metrica-jarvis { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.metrica-jarvis span, .metrica-jarvis small { color: var(--sub); font-size: 12px; } .metrica-jarvis strong { font-size: 26px; font-weight: 600; }
.grade-parametros { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 14px; }
.grade-parametros label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.ok-texto { color: #3fb950; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 1100px) {
  .pagina-jarvis2.com-painel { grid-template-columns: minmax(0, 1fr); }
  .painel-jarvis { position: fixed; inset: 0 0 0 auto; width: min(480px, 100vw); max-height: none; border-radius: 0; z-index: 41; }
  .jarvis-plano { grid-template-columns: minmax(0, 1fr); }
}
.jarvis-massa h2 { margin: 0 0 4px; font-size: 18px; }
.massa-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 10px; }
.massa-cartao { border: 1px solid var(--borda); border-radius: 8px; padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.massa-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.massa-cab strong { font-size: 16px; }
.massa-etapas { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 13px; }
.massa-etapas li { display: flex; justify-content: space-between; color: var(--sub); }
.massa-etapas b { color: var(--texto); font-variant-numeric: tabular-nums; }
.massa-acoes { display: flex; flex-wrap: wrap; gap: 6px; }
.massa-acoes form { margin: 0; }
.controle-ia { display: flex; flex-wrap: wrap; gap: 10px 24px; align-items: center; justify-content: space-between; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 12px 16px; margin: 0 0 14px; }
.controle-ia.pausada { border-color: #d29922; background: rgba(210, 153, 34, .08); }
.controle-estado, .controle-uso { display: flex; flex-direction: column; gap: 4px; min-width: 220px; }
.controle-uso .barra-nota { width: 220px; }
.controle-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.controle-acoes form { margin: 0; }
.form-limite { display: flex; gap: 6px; align-items: flex-end; }
.form-limite label { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--sub); }
.form-limite input { width: 110px; height: 34px; }
.lote-jarvis form { display: inline; margin-left: 8px; }
.virar-kit summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.form-virar-kit { margin-top: 12px; display: grid; gap: 10px; }
.kit-alvo { display: flex; gap: 12px; align-items: center; padding: 10px 12px; margin: 6px 0 12px; border: 1px solid var(--borda); border-radius: 8px; background: var(--cartao-2); }
.kit-alvo .foto-produto { width: 56px; height: 56px; flex: 0 0 56px; }
.kit-alvo > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kit-alvo strong { font-size: 15px; }
.kit-resumo { font-size: 13px; color: var(--azul-texto); }
.comp-previa { min-width: 220px; }
.comp-linha { display: flex; gap: 8px; align-items: center; }
.comp-info { display: inline-flex; flex-direction: column; gap: 1px; min-width: 0; max-width: 280px; }
.comp-info a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comp-info small { color: var(--sub); font-size: 12px; }
.hist-progresso { margin: 12px 0 0; padding-left: 20px; display: grid; gap: 4px; font-size: 13px; }
.enviar-hist { cursor: pointer; display: inline-flex; }

/* Análises (Resumo mensal, Gráficos, Produtos e marcas) */
.pagina-analises { display: flex; flex-direction: column; gap: 14px; }
.an-cab { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; justify-content: space-between; }
.an-cab h1 { margin: 0; font-size: 28px; }
.an-cab .subtitulo { margin: 4px 0 0; color: var(--sub); }
.an-filtros { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; padding: 14px 16px; }
.an-filtro { display: flex; flex-direction: column; gap: 4px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sub); }
.an-filtro select, .an-filtro input { height: 38px; min-width: 150px; text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 14px; }
.an-periodo { margin: -4px 0 0; }
.an-abas { display: flex; flex-wrap: wrap; gap: 4px 22px; border-bottom: 1px solid var(--borda); }
.an-abas a { color: var(--sub); text-decoration: none; padding: 10px 2px; border-bottom: 2px solid transparent; font-weight: 500; }
.an-abas a.ativa { color: var(--texto); border-bottom-color: var(--azul-texto); }
.an-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.an-kpi { background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.an-kpi > span { font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--sub); }
.an-kpi strong { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; }
.an-kpi small { color: var(--sub); font-size: 12px; }
.an-kpi.neg strong, .an-neg { color: var(--erro); }
.an-sobe { color: #3fb950; font-size: 13px; font-weight: 600; } .an-desce { color: var(--erro); font-size: 13px; font-weight: 600; }
.an-ads { margin: 0; }
.an-graf-cab { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; justify-content: space-between; margin-bottom: 8px; }
.an-graf-cab h2 { margin: 0; font-size: 17px; }
.an-seg { display: inline-flex; border: 1px solid var(--borda-forte); border-radius: 8px; overflow: hidden; }
.an-seg a { padding: 6px 12px; font-size: 13px; color: var(--sub); text-decoration: none; }
.an-seg a.ativo { background: #2563eb; color: #fff; }
.an-grafico { width: 100%; height: auto; display: block; }
.an-grafico .an-grade { stroke: var(--linha); stroke-width: 1; }
.an-grafico .an-eixo { fill: var(--sub); font-size: 12px; }
.an-grafico .an-valor { fill: var(--texto); font-size: 12px; font-weight: 600; }
.an-grafico .an-anterior { stroke: #a78bfa; stroke-width: 2; stroke-dasharray: 5 4; }
.an-legenda { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--sub); margin-top: 8px; }
.an-legenda.vertical { flex-direction: column; }
.an-legenda i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: middle; }
.an-legenda i.claro { background: #3b4a63; }
.an-ponto { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 8px; }
.an-tabela td, .an-tabela th { white-space: nowrap; }
.an-tabela tfoot td, .an-total td { font-weight: 700; border-top: 2px solid var(--borda-forte); }
.an-cascata { display: grid; gap: 8px; }
.an-cascata-linha { display: grid; grid-template-columns: minmax(200px, 1.2fr) 2fr minmax(120px, auto); gap: 12px; align-items: center; }
.an-cascata-linha span small { display: block; color: var(--sub); font-size: 12px; }
.an-cascata-linha.forte { font-weight: 600; }
.an-cascata-barra { display: block; height: 8px; background: var(--cartao-2); border-radius: 999px; overflow: hidden; min-width: 60px; }
.an-cascata-barra > span { display: block; height: 100%; background: #3b82f6; border-radius: 999px; }
.an-cascata-barra > span.neg { background: #6b7280; }
.an-cascata-linha strong { text-align: right; font-variant-numeric: tabular-nums; }
.an-uf { display: grid; gap: 6px; }
.an-uf-linha { display: grid; grid-template-columns: 34px 1fr 120px 150px; gap: 10px; align-items: center; }
.an-mes { display: flex; flex-direction: column; gap: 4px; min-width: 120px; }
.an-mes-barra { display: flex; height: 6px; border-radius: 999px; overflow: hidden; background: var(--cartao-2); width: 140px; }
.an-mes-barra i { display: block; height: 100%; }
.an-destaques { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.an-destaque { display: flex; gap: 14px; align-items: center; }
.an-destaque > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.an-destaque strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-destaque b { font-size: 24px; font-variant-numeric: tabular-nums; }
.an-destaque .foto-produto { width: 56px; height: 56px; flex: 0 0 56px; }
.an-info { margin: 0; }
.an-top { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr); gap: 12px; }
.an-top h2 { font-size: 17px; margin: 0 0 12px; }
.an-top5 { display: grid; gap: 10px; }
.an-top5-linha { display: grid; grid-template-columns: 36px minmax(120px, 200px) 1fr 130px; gap: 10px; align-items: center; }
.an-top5-nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.an-top5-linha strong { text-align: right; font-variant-numeric: tabular-nums; }
.an-donut { display: flex; gap: 18px; align-items: center; }
.an-donut svg { width: 150px; height: 150px; flex: 0 0 150px; }
.an-donut-fundo { fill: none; stroke: #3b4a63; stroke-width: 22; }
.an-donut-valor { fill: none; stroke: #3b82f6; stroke-width: 22; }
.an-donut-rot { fill: var(--sub); font-size: 12px; }
.an-donut-num { fill: var(--texto); font-size: 18px; font-weight: 700; }
.an-busca { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 12px; }
.an-busca input[type=search] { flex: 1 1 260px; height: 38px; }
.an-prod { display: flex; gap: 10px; align-items: center; }
.an-prod a { color: var(--texto); }
.an-part { display: flex; gap: 8px; align-items: center; min-width: 140px; }
.an-part .an-cascata-barra { flex: 1; }
@media (max-width: 900px) { .an-top { grid-template-columns: 1fr; } .an-cascata-linha { grid-template-columns: 1fr; } .an-uf-linha { grid-template-columns: 34px 1fr 100px; } .an-uf-linha .sub { display: none; } }
.an-grafico .an-col .an-alvo { fill: transparent; }
.an-grafico .an-col.clicavel { cursor: pointer; }
.an-grafico .an-col:focus { outline: none; }
.an-grafico .an-col.foco .an-alvo { fill: rgba(148, 163, 184, .08); }
.an-grafico.em-foco .an-col:not(.foco) rect:not(.an-alvo) { opacity: .45; }
.an-grafico .an-col.parcial rect:not(.an-alvo) { opacity: .5; }
.an-grafico.em-foco .an-col.parcial.foco rect:not(.an-alvo) { opacity: .7; }
.an-grafico .an-col rect { transition: opacity .12s; }
.an-grafico .an-grade.zero { stroke: var(--borda-forte); }
.an-dica { position: fixed; z-index: 60; pointer-events: none; min-width: 220px; max-width: 320px; background: #0b1220; color: #e5e7eb; border: 1px solid #334155; border-radius: 10px;
  padding: 10px 12px; box-shadow: 0 12px 28px rgba(0, 0, 0, .45); font-size: 13px; }
.an-dica strong { display: block; font-size: 14px; }
.an-dica small { display: block; color: #94a3b8; margin-bottom: 6px; }
.an-dica dl { display: grid; grid-template-columns: 1fr auto; gap: 3px 14px; margin: 0; }
.an-dica dt { color: #cbd5e1; } .an-dica dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.an-dica dt i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; }
.an-dica em { display: block; margin-top: 6px; color: #60a5fa; font-style: normal; font-size: 12px; }
.an-graf-duplo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.an-graf-duplo h2 { font-size: 17px; margin: 0 0 2px; }
.an-nota { text-align: right; margin: 4px 0 0; }
.an-ads-faixa { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 10px 14px; border: 1px solid #b45309; background: rgba(180, 83, 9, .16); border-radius: var(--raio); color: #fde68a; }
.an-ads-faixa b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #f59e0b; color: #111; }
.an-ads-faixa strong { color: #fbbf24; padding-right: 12px; border-right: 1px solid #b45309; }
.an-exportar { position: relative; }
@media (max-width: 900px) { .an-graf-duplo { grid-template-columns: 1fr; } }
@media print { .menu-lateral, .an-filtros, .an-abas, .an-exportar, .barra-topo { display: none !important; } }
/* Resumo mensal (desenho 2026-10-21) */
.pagina-resumo .rm-atualizado { margin-left: auto; display: inline-flex; gap: 6px; align-items: center; }
.rm-cartoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.rm-cartao { display: flex; gap: 14px; align-items: center; padding: 14px 16px; background: var(--cartao); border: 1px solid var(--borda); border-radius: var(--raio); color: inherit; text-decoration: none; }
.rm-cartao:hover { border-color: var(--borda-forte); }
.rm-cartao.ativo { border-color: #3b82f6; background: rgba(59, 130, 246, .12); }
.rm-cartao.ativo span { color: #60a5fa; }
.rm-cartao > div { display: flex; flex-direction: column; gap: 2px; }
.rm-cartao span { font-size: 13px; color: var(--sub); }
.rm-cartao strong { font-size: 18px; font-variant-numeric: tabular-nums; }
.rm-cartao small { color: var(--sub); font-size: 12px; }
.rm-cartao-ico { display: grid; place-items: center; width: 40px; height: 40px; color: #3b82f6; }
.rm-cartao-ico .logo-chip, .rm-cartao-ico .ico { width: 34px; height: 34px; }
.rm-bloco-cab { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.rm-bloco-cab h2 { display: flex; gap: 10px; align-items: center; margin: 0; font-size: 20px; }
.rm-bloco-cab h2 .logo-chip { width: 26px; height: 26px; }
.rm-pager { display: inline-flex; gap: 8px; align-items: center; }
.rm-pager [data-pag-rotulo] { min-width: 120px; text-align: center; font-size: 13px; padding: 6px 10px; border: 1px solid var(--borda-forte); border-radius: 8px; }
.rm-pager button { padding: 4px 12px; }
.rm-pager button:disabled { opacity: .35; cursor: default; }
.rm-tabela th.rm-grupo { text-align: left; vertical-align: middle; font-size: 14px; color: var(--texto); border-right: 1px solid var(--borda); width: 120px; background: var(--cartao-2); }
.rm-tabela td.rm-metrica { cursor: help; width: 220px; }
.rm-tabela tr.rm-novo-grupo td, .rm-tabela tr.rm-novo-grupo th { border-top: 2px solid var(--borda-forte); }
.rm-tabela tr.rm-destaque td, .rm-tabela tr.rm-destaque th { background: rgba(59, 130, 246, .16); color: #93c5fd; }
.rm-tabela tr.rm-destaque td.num strong { color: var(--texto); }
.rm-tabela td.num, .rm-tabela th.num { min-width: 130px; }
.rm-pilula { display: inline-block; padding: 2px 10px; border-radius: 999px; background: rgba(34, 197, 94, .18); color: #4ade80; font-weight: 600; font-variant-numeric: tabular-nums; }
.rm-pilula.neg { background: rgba(239, 68, 68, .18); color: #f87171; }
.rm-info { display: flex; gap: 8px; align-items: center; margin: 12px 0 0; padding: 10px 12px; border: 1px solid var(--borda); border-radius: 8px; color: var(--sub); }
.rm-sinc { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; }
.rm-chave { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; color: #60a5fa; cursor: pointer; }
.rm-canal { border: 1px solid var(--borda); border-radius: 10px; margin-top: 10px; background: var(--cartao); }
.rm-canal > summary { display: flex; gap: 12px; align-items: center; padding: 12px 14px; cursor: pointer; list-style: none; }
.rm-canal > summary::-webkit-details-marker { display: none; }
.rm-canal > summary .logo-chip { width: 26px; height: 26px; }
.rm-canal > summary strong { font-size: 17px; }
.rm-expandir { margin-left: auto; color: #60a5fa; font-size: 13px; display: inline-flex; gap: 6px; align-items: center; }
.rm-canal .aberto { display: none; } .rm-canal[open] .aberto { display: inline; } .rm-canal[open] .fechado { display: none; }
.rm-canal[open] .rm-expandir .ico-mini { transform: rotate(180deg); }
.rm-canal-corpo { padding: 0 14px 12px; display: grid; gap: 8px; }
.rm-canal-corpo .rm-pager { justify-self: end; }
.rm-pager[hidden] { display: none; }
.rm-chave input { appearance: none; width: 38px; height: 22px; border-radius: 999px; background: #334155; position: relative; cursor: pointer; transition: background .15s; margin: 0; }
.rm-chave input::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: left .15s; }
.rm-chave input:checked { background: #2563eb; }
.rm-chave input:checked::after { left: 19px; }
.lista-sugestoes .sug-titulo { padding: 6px 10px 4px; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--sub); }
.lista-sugestoes .sug-igual { color: var(--ok); font-weight: 700; }
.pok-produto-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.pok-produto-topo h2 { margin: 0; }
.pok-vinculos { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pok-vinculos li { display: flex; align-items: center; gap: 12px; }
.pok-vinculos li > div { flex: 1; min-width: 0; }
.pok-cadeia { display: grid; grid-template-columns: 1fr auto 1fr auto 1.2fr; gap: 12px; align-items: stretch; margin-top: 14px; }
.pok-cadeia > div { border: 1px solid var(--borda); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.pok-cadeia span:not(.pok-seta) { color: var(--sub); font-size: 12.5px; }
.pok-cadeia strong { font-size: 20px; }
.pok-cadeia small { color: var(--sub); font-size: 12px; }
.pok-cadeia form { margin-top: 6px; }
.pok-seta { align-self: center; color: var(--sub); font-size: 20px; }
.pok-canais { display: flex; gap: 6px; }
@media (max-width: 900px) { .pok-cadeia { grid-template-columns: 1fr; } .pok-seta { display: none; } }
/* Análises → Calculadora (a calculadora fica num quadro próprio, com o layout original). */
.tela-calculadora { display: flex; flex-direction: column; gap: 14px; }
.calc-cab { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.calc-cab h1 { margin: 0 0 4px; }
.calc-produto { display: flex; flex-direction: column; gap: 5px; min-width: min(460px, 100%); }
.calc-produto label { font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--sub); display: inline-flex; gap: 6px; align-items: center; }
.calc-escolhido[hidden] { display: none; }
.calc-escolhido { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px 16px; border: 1px solid var(--borda); border-radius: 12px; background: var(--cartao); }
.calc-escolhido > div { flex: 1; min-width: 200px; }
.calc-escolhido dl { display: flex; gap: 18px; margin: 0; }
.calc-escolhido dt { font-size: 11px; color: var(--sub); text-transform: uppercase; letter-spacing: .04em; }
.calc-escolhido dd { margin: 0; font-weight: 700; display: flex; flex-direction: column; }
.calc-escolhido dd small { font-weight: 400; color: var(--sub); font-size: 11.5px; }
.calc-frame { width: 100%; min-height: 900px; border: 0; border-radius: 14px; background: #0A0A0A; display: block; }
.calc-taxas-nota { margin: -4px 0 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.calc-taxas-produto { flex-basis: 100%; font-size: 12.5px; }

/* Produtos duplicados / unificar */
.pagina-unificar .un-grupo { margin-top: 18px; }
.pagina-unificar .un-grupo h2 { margin: 0 0 4px; font-size: 18px; }
.pagina-unificar .un-grupo > .sub { margin: 0 0 12px; }
.pagina-unificar .un-prod .sub { font-size: 12.5px; }
.pagina-unificar .un-prod.fica b { color: var(--ok); }
.pagina-unificar .un-rodape { display: flex; justify-content: flex-end; padding-top: 12px; }
.pagina-unificar .un-sku { display: flex; gap: 6px; align-items: center; }
.pagina-unificar .un-sku input { width: 140px; }
.pagina-unificar .un-comparar th[scope=row] { text-align: left; font-weight: 500; white-space: nowrap; width: 180px; }
.pagina-unificar .un-comparar td.diferente { background: var(--alerta-fundo); }
.pagina-unificar .un-comparar thead th .sub { font-weight: 400; font-size: 12px; }
.pagina-unificar .un-bloqueio, .pagina-unificar .un-aviso, .pagina-unificar .un-form, .pagina-unificar .un-cadastro { margin-top: 16px; }
.pagina-unificar .un-cadastro { border-left: 4px solid var(--ok); }
.pagina-unificar .un-cadastro h2 { font-size: 16px; margin: 0 0 4px; }
.pagina-unificar .un-bloqueio { border-left: 4px solid var(--erro); }
.pagina-unificar .un-aviso { border-left: 4px solid var(--alerta); }
.pagina-unificar .un-bloqueio h2, .pagina-unificar .un-aviso h2 { font-size: 16px; margin: 0 0 6px; }
.pagina-unificar .un-form { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.pagina-unificar .un-form .campo-rotulado { flex: 1; min-width: 240px; }
.pagina-unificar .cartao { overflow-x: auto; }
.pagina-unificar .un-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 16px; }
.pagina-unificar .un-kpi { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; border: 1px solid var(--borda); }
.pagina-unificar .un-kpi b { font-size: 28px; }
.pagina-unificar .un-kpi.pendente b { color: var(--alerta); }
.pagina-unificar .un-kpi.ativo { border-color: var(--ok); }
.pagina-unificar .texto-alerta { color: var(--alerta); }
.pagina-unificar .un-previa { display: flex; flex-direction: column; gap: 8px; }
.pagina-unificar .un-previa p { margin: 0; }
.pagina-unificar .un-motivos ul { margin: 4px 0 0 18px; padding: 0; }
.pagina-unificar .un-motivos.erro b { color: var(--erro); }
.pagina-unificar .un-motivos.alerta b { color: var(--alerta); }
.pagina-unificar .un-galeria { display: flex; flex-wrap: wrap; gap: 8px; }
.pagina-unificar .un-galeria figure { margin: 0; width: 84px; text-align: center; }
.pagina-unificar .un-galeria img { width: 84px; height: 84px; object-fit: cover; border-radius: 8px; border: 1px solid var(--borda); background: var(--cartao-2); }
.pagina-unificar .un-galeria figure.nova img { border: 2px solid var(--ok); }
.pagina-unificar .un-galeria figcaption { font-size: 11px; color: var(--sub); }
.pagina-unificar .un-prod { display: flex; gap: 10px; align-items: flex-start; }
.pagina-unificar .un-mini { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--borda); flex: none; }
.pagina-unificar .un-grupo-cab { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
.pagina-unificar .un-membro { margin-top: 8px; border-top: 1px solid var(--borda); padding-top: 8px; }
.pagina-unificar .un-membro > summary { display: flex; gap: 8px; align-items: center; cursor: pointer; list-style: none; flex-wrap: wrap; }
.pagina-unificar .un-membro[open] > summary { margin-bottom: 8px; }
.pagina-unificar .un-distinto { margin-top: 8px; border-top: 1px dashed var(--borda); padding-top: 8px; opacity: .8; }
.pagina-unificar .un-grupo-revisao { border-left: 4px solid var(--alerta); }
.pagina-unificar .un-grupo-elegivel { border-left: 4px solid var(--ok); }
.pagina-unificar .un-grupo-distintos { border-left: 4px solid var(--erro); }
.pagina-unificar .un-estoque { border: 1px solid var(--borda); border-radius: 8px; padding: 8px 12px; display: flex; flex-direction: column; gap: 4px; }
.pagina-unificar .un-confirmar { display: flex; gap: 6px; align-items: center; font-weight: 600; }
.pagina-unificar .un-campos summary { cursor: pointer; }
.pagina-unificar tr.diferente td { background: var(--alerta-fundo); }
.pagina-unificar .un-rodape { gap: 12px; align-items: center; flex-wrap: wrap; }

/* Gestão de anúncios */
.pagina-gestao-anuncios .ga-filtros { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.pagina-gestao-anuncios .ga-filtros select[multiple] { min-width: 170px; }
.pagina-gestao-anuncios .ga-busca-marca { display: block; margin-bottom: 4px; }
.pagina-gestao-anuncios .ga-filtros-acoes { display: flex; gap: 12px; align-items: center; }
.pagina-gestao-anuncios .ga-barra { position: sticky; top: 0; z-index: 2; background: var(--cartao); padding: 10px 12px; border: 1px solid var(--borda); border-radius: 10px; margin: 12px 0; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.pagina-gestao-anuncios .ga-escopo { border: 1px dashed var(--alerta); border-radius: 8px; padding: 4px 8px; }
.pagina-gestao-anuncios .ga-anuncio { display: flex; gap: 10px; align-items: flex-start; }
.pagina-gestao-anuncios .ga-foto { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid var(--borda); flex: none; background: var(--cartao-2); }
.pagina-gestao-anuncios .ga-foto.vazia { display: inline-block; }
.pagina-gestao-anuncios .ga-motivo { display: inline-block; font-size: 12px; padding: 2px 8px; border-radius: 999px; margin: 2px 4px 2px 0; background: var(--cartao-2); }
.pagina-gestao-anuncios .ga-motivo.ok { color: var(--ok); background: var(--ok-fundo); }
.pagina-gestao-anuncios .ga-motivo.erro { color: var(--erro); background: var(--erro-fundo); }
.pagina-gestao-anuncios .ga-paginas { display: flex; gap: 16px; justify-content: center; padding: 12px; }
.pagina-gestao-anuncios .ga-revisao { margin-top: 14px; }
.pagina-gestao-anuncios .ga-lado th[scope=row] { width: 140px; text-align: left; }
.pagina-gestao-anuncios .ga-acoes-revisao { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 10px; }
.pagina-gestao-anuncios tr.ga-fora td { opacity: .6; }
.pagina-gestao-anuncios .ga-prod-desc { border-top: 1px solid var(--borda); padding: 12px 0; display: flex; flex-direction: column; gap: 8px; }
.pagina-gestao-anuncios .texto-alerta { color: var(--alerta); }
.pagina-gestao-anuncios .un-confirmar { display: flex; gap: 6px; align-items: center; font-weight: 600; margin: 10px 0; }
.pagina-gestao-anuncios .un-form { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.pagina-gestao-anuncios .un-rodape { display: flex; }
.pagina-unificar .un-sec { font-size: 15px; margin: 20px 0 0; color: var(--sub); font-weight: 600; }

/* Produtos → Corrigir catálogo */
.cc-tabela td { vertical-align: top; }
.cc-tabela .cc-form { display: flex; gap: 6px; align-items: center; margin: 2px 0 6px; flex-wrap: wrap; }
.cc-tabela .cc-form .seletor-produto { min-width: 240px; }
.cc-tabela .cc-form .seletor-produto input { width: 100%; }
.cc-tabela .cc-item { display: flex; gap: 8px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--borda); padding: 4px 0; }
.cc-tabela .cc-item:last-child { border-bottom: 0; }
.cc-canal .logo-canal { width: 28px; height: 28px; }
.lista-sugestoes li.sug-bloqueado { opacity: .55; cursor: not-allowed; }
@media (max-width: 760px) { .cc-tabela .cc-form .seletor-produto { min-width: 0; flex: 1 1 100%; } }

/* Produtos → visão Vínculos (desenho "Produtos com integração por canal") */
.pv-cadeia { display: flex; align-items: center; gap: 8px; color: var(--sub); margin: 6px 0 0; font-size: 14px; }
.pv-cadeia .ico-mini { color: var(--azul-texto); }
.pv-topo { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 1px solid var(--borda); margin-bottom: 14px; }
.pv-topo .pv-abas { border-bottom: 0; margin: 0; }
.pv-abas a .sub { margin-left: 4px; }
.pv-visao { display: flex; align-items: center; gap: 8px; padding-bottom: 8px; }
.pv-visao label { display: flex; align-items: center; gap: 10px; color: var(--texto); font-weight: 500; }
.pv-visao-cadastro { justify-content: flex-end; margin: 0 0 8px; }
.pv-tabela td { vertical-align: middle; }
.pv-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 6px; border: 1px solid currentColor; font-size: 13px; font-weight: 500; white-space: nowrap; }
.pv-status.ok { color: var(--ok); background: var(--ok-fundo); }
.pv-status.info { color: var(--info); background: var(--info-fundo); }
.pv-status.alerta { color: var(--alerta); background: var(--alerta-fundo); }
.pv-status.erro { color: var(--erro); background: var(--erro-fundo); }
.pv-sub { margin-top: 4px; line-height: 1.5; }
.pv-link { color: var(--azul-texto) !important; font-size: 13px; text-decoration: none; }
.pv-link:hover { text-decoration: underline; }
button.pv-link { padding: 0; }
.pv-canais { display: flex; flex-wrap: wrap; gap: 8px; }
.pv-canal { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--borda-forte); border-radius: 6px; font-size: 13px; background: transparent; white-space: nowrap; }
.pv-canal.mercado_livre { border-color: #e9c400; }
.pv-canal.shopee { border-color: #ee4d2d; }
.pv-canal.amazon, .pv-canal.tiktok { border-color: #c9ced6; }
.pv-canal.sugestao { border-style: dashed; color: var(--sub); }
.pv-canal b { font-size: 11px; color: var(--sub); }
.pv-negativo { color: var(--alerta); }
.pv-expandir[aria-expanded="true"] svg { transform: rotate(180deg); }
.pv-detalhe > td { background: var(--fundo); padding: 0 !important; }
.pv-detalhe-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 0; margin: 4px 16px 12px; border: 1px solid var(--borda); border-radius: var(--raio); background: var(--cartao); }
.pv-bloco { padding: 14px 18px; border-right: 1px solid var(--borda); }
.pv-bloco:last-child { border-right: 0; }
.pv-bloco-cab { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.pv-selo { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 500; }
.pv-selo.ok { color: var(--ok); background: var(--ok-fundo); }
.pv-selo.info { color: var(--info); background: var(--info-fundo); }
.pv-selo.alerta { color: var(--alerta); background: var(--alerta-fundo); }
.pv-selo.erro { color: var(--erro); background: var(--erro-fundo); }
.pv-item { display: flex; gap: 14px; align-items: flex-start; padding: 6px 0; }
.pv-item img, .pv-sem-foto { width: 64px; height: 64px; border-radius: 8px; object-fit: contain; background: #fff; flex: none; }
.pv-sem-foto { display: grid; place-items: center; background: var(--cartao-2); color: var(--sub); }
.pv-item b { display: block; margin-bottom: 2px; }
.pv-nota { display: flex; align-items: center; gap: 8px; color: var(--sub); font-size: 13px; margin: 12px 0; }
@media (max-width: 760px) { .pv-bloco { border-right: 0; border-bottom: 1px solid var(--borda); } .pv-topo { align-items: stretch; } }
.pv-pagina .botao-contorno.perigo { color: var(--erro); border-color: var(--erro); }
.pv-pagina .botao-contorno.perigo:disabled { color: var(--sub); border-color: var(--borda-forte); }

.pv-ligar { display: inline-block; position: relative; }
.pv-ligar > summary { list-style: none; cursor: pointer; display: inline; }
.pv-ligar > summary::-webkit-details-marker { display: none; }
.pv-ligar-pop { position: absolute; left: 0; right: auto; top: calc(100% + 6px); z-index: 30; width: 440px; display: block; max-width: calc(100vw - 32px); padding: 12px; background: var(--cartao); border: 1px solid var(--borda-forte); border-radius: var(--raio); box-shadow: 0 10px 30px rgba(0,0,0,.45); }
.pv-ligar-tit { margin: 0 0 8px; font-size: 13px; color: var(--sub); }
.pv-ligar-tit b { color: var(--texto); font-weight: 600; }
.pv-ligar-linha { display: flex; gap: 8px; align-items: center; }
.pv-ligar-linha .seletor-produto input { width: 100%; }
.pv-ligar-provavel { width: 100%; margin-bottom: 8px; text-align: left; white-space: normal; }
.pv-ligar-msg { margin: 6px 0 0; min-height: 1em; }
.pv-atualizado { animation: pv-pisca 1.2s ease-out; }
@keyframes pv-pisca { from { background: var(--ok-fundo); } to { background: transparent; } }
@media (prefers-reduced-motion: reduce) { .pv-atualizado { animation: none; } }

/* Produto → título e fotos no ML */
.cm-fotos{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}
.cm-fotos img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#fff}
.cm-marcar{display:flex;gap:6px;align-items:flex-start;font-size:13px}