/* SISTEMA DO ADMIN STELC — fonte única de cor, tipo, forma e comportamento
 * mobile do painel. Entra por ÚLTIMO no admin.html, depois de admin-shell.css.
 *
 * POR QUE ESTE ARQUIVO EXISTE
 *
 * A auditoria de 05/10/2026 contou 301 cores, 96 tamanhos de fonte, 91 sombras e
 * cinco gerações de componentes (.ord-, .ordx-, .ped-, .fin-, .dash-...) cada uma
 * com a sua paleta. As cores do CSS e dos style="" do JS foram reescritas para
 * os tokens abaixo (script em docs/auditoria-admin-design.html), e os tokens
 * antigos (--text, --primary, --c-*, --ordx-*) passaram a apontar para cá.
 * Mudar a cor de qualquer estado do admin = mudar um token aqui.
 *
 * DIREÇÃO: "mesa de expedição". Fundo cinza frio puxado para o azul da marca,
 * azul Stelc só em ação principal / item ativo / foco, verde-âmbar-vermelho só
 * para estado, e as cores de canal (Site, ML, Shopee) como o único sistema
 * visual marcante.
 *
 * Este arquivo é só do admin. stelc-design.css continua sendo da loja.
 *
 * PONTOS DE QUEBRA: 768 (celular), 1100 (tablet), 1440 (tela larga). Nada além.
 */

:root {
  /* ── Neutros (frios, puxados para o azul Stelc) ── */
  --ap-surface:     #ffffff;
  --ap-bg:          #ffffff;
  --ap-surface-2:   #f8f9fb;
  --ap-fill:        #eef1f5;
  --ap-line-strong: #dde2ea;
  --ap-line:        #e3e7ee;
  --ap-line-soft:   #edf0f4;
  --ap-ink-4:       #687080;
  --ap-ink-3:       #687080;
  --ap-ink-2:       #464c59;
  --ap-ink:         #14161c;

  /* ── Marca ── */
  --ap-accent:      #1e3370;
  --ap-accent-hi:   #2a4590;
  --ap-accent-08:   rgba(30,51,112,.08);
  --ap-accent-14:   rgba(30,51,112,.14);
  --ap-accent-24:   rgba(30,51,112,.24);

  /* ── Estado: soft (fundo) / line (borda) / base / ink (texto sobre soft) ── */
  --ap-danger-soft: #fdecea; --ap-danger-line: #f5c2bc; --ap-danger: #c42b1c; --ap-danger-ink: #8f1d12;
  --ap-warn-soft:   #fdf3e1; --ap-warn-line:   #f3d49b; --ap-warn:   #b45309; --ap-warn-ink:   #7a3a06;
  --ap-ok-soft:     #e6f5ee; --ap-ok-line:     #b5e0cb; --ap-ok:     #0a7d4f; --ap-ok-ink:     #075c3a;
  --ap-info-soft:   #e9edf8; --ap-info-line:   #c3cdea; --ap-info:   #2f4a9e; --ap-info-ink:   #1e3370;
  --ap-violet-soft: #f1edfc; --ap-violet-line: #d4c8f5; --ap-violet: #6d4fd1; --ap-violet-ink: #4a2fa3;

  /* ── Canais ── */
  --ap-ml-soft:  #fff6c2; --ap-ml-line:  #ffe98a; --ap-ml:  #ffe600; --ap-ml-ink:  #6b5600;
  --ap-shp-soft: #fdeae4; --ap-shp-line: #f7c3b4; --ap-shp: #ee4d2d; --ap-shp-ink: #a8321a;
  /* Amazon e o terceiro marketplace do sistema e era o unico sem cor de marca:
     o laranja vivia solto no dashboard.js. */
  --ap-amz: #ff9900;

  /* ── Tipo: Geist trabalha, Bricolage só no título da tela, Mono só em código ── */
  --ap-display: 'Bricolage Grotesque', 'Geist', system-ui, sans-serif;
  --ap-body:    'Geist', system-ui, -apple-system, sans-serif;
  --ap-mono:    'Geist Mono', ui-monospace, monospace;

  /* ── Forma ── */
  --ap-r-sm: 6px; --ap-r-field: 12px; --ap-r-btn: 12px; --ap-r-card: 14px; --ap-r-lg: 14px; --ap-r-pill: 999px;
  --ap-sky:  #89cff0;   /* azul-céu do logo Stelc: só halo e fundo, nunca texto */
  --ap-card-sh: 0 1px 2px rgba(17,17,18,.04), 0 10px 30px -18px rgba(30,51,112,.28);
  --ap-halo: var(--ap-sh-1);
  --ap-halo-soft: var(--ap-sh-1);
  --ap-sh-1: 0 1px 2px rgba(20,22,28,.06);
  --ap-sh-2: 0 4px 14px rgba(20,22,28,.08);
  --ap-sh-3: 0 16px 40px rgba(20,22,28,.18);

  /* ── Tokens legados apontando para o sistema ── */
  --primary: var(--ap-accent); --primary-dark: var(--ap-accent-hi);
  --accent: var(--ap-accent);  --accent-hover: var(--ap-accent-hi);
  --bg: var(--ap-bg); --white: var(--ap-surface);
  --surface-soft: var(--ap-surface-2); --surface-strong: var(--ap-fill);
  --text: var(--ap-ink); --text-muted: var(--ap-ink-3); --text-light: var(--ap-ink-4);
  --border: var(--ap-line); --border-light: var(--ap-line-soft);
  --shadow: var(--ap-sh-1); --shadow-lg: var(--ap-sh-2);
  --danger: var(--ap-danger); --warning: var(--ap-warn); --info: var(--ap-info); --success: var(--ap-ok);
  --dark: var(--ap-surface); --dark-lighter: var(--ap-fill); --dark-card: var(--ap-surface); --dark-hover: var(--ap-surface-2);
  --ml-yellow: var(--ap-ml);

  --c-bg: var(--ap-bg); --c-surface: var(--ap-surface); --c-elev: var(--ap-surface); --c-elev-2: var(--ap-surface-2);
  --c-hairline: var(--ap-line-soft); --c-border: var(--ap-line); --c-text: var(--ap-ink); --c-muted: var(--ap-ink-3);
  --c-hover: var(--ap-surface-2); --c-accent: var(--ap-accent); --c-accent-soft: var(--ap-accent-14);
  --c-accent-ink: var(--ap-accent); --c-accent-contrast: #fff; --c-danger: var(--ap-danger);
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 12px;

  --ordx-primary: var(--ap-accent); --ordx-ok: var(--ap-ok); --ordx-warn: var(--ap-warn);
  --ordx-danger: var(--ap-danger); --ordx-bg: var(--ap-bg); --ordx-border: var(--ap-line);
  --ordx-text: var(--ap-ink); --ordx-muted: var(--ap-ink-3);
}

/* ── Fundo: cinza frio na área de trabalho, branco no que é objeto ─────────── */
body, .dashboard, .main-content, .content { background: var(--ap-bg) !important; }
.sidebar, .app-header { background: var(--ap-surface) !important; }
.app-header { border-bottom: 1px solid var(--ap-line) !important; }

/* ── Menu lateral ──────────────────────────────────────────────────────────────
 * Lista aberta com rótulo de seção (referência: painel do Afiplace, cores Stelc).
 * Item de topo e item de seção têm o MESMO desenho: ícone 17px + nome, 44px de
 * altura. Ativo = fundo azul-claro + barra azul de 3px à esquerda. O rótulo de
 * seção é texto cinza, não clica.
 */
.sidebar-menu { padding: 8px 10px 24px !important; }
.sidebar-menu li { list-style: none; }
.sidebar-submenu { display: flex !important; flex-direction: column; gap: 1px; padding: 0 !important; margin: 0 !important; height: auto !important; }
.sidebar-dropdown-toggle {
  display: block !important; padding: 18px 12px 6px !important; min-height: 0 !important;
  font-size: 13px !important; font-weight: 500 !important; color: var(--ap-ink-3) !important;
  background: none !important; box-shadow: none !important; cursor: default; pointer-events: none;
  text-transform: none !important; letter-spacing: 0 !important;
}
.sidebar-dropdown-toggle i { display: none !important; }
.sidebar-menu li a, .sidebar-submenu li a {
  display: flex !important; align-items: center !important; gap: 14px !important;
  min-height: 44px !important; padding: 0 14px 0 14px !important; margin: 0 !important;
  border-radius: 6px !important; border: 0 !important;
  font-size: 15px !important; font-weight: 500 !important; color: var(--ap-ink-2) !important;
  background: transparent !important; box-shadow: none !important; text-decoration: none;
}
.sidebar-submenu li a::before { display: none !important; content: none !important; }
.sidebar-menu li a > i:first-child, .sidebar-submenu li a > i:first-child {
  display: inline-block !important; width: 20px; text-align: center; flex-shrink: 0;
  font-size: 17px !important; color: var(--ap-ink-3) !important; opacity: 1 !important;
}
.sidebar-menu li a:hover, .sidebar-submenu li a:hover { background: var(--ap-surface-2) !important; color: var(--ap-ink) !important; }
.sidebar-menu li a:hover > i:first-child { color: var(--ap-ink-2) !important; }
.sidebar-menu li a.active, .sidebar-submenu li a.active {
  background: var(--ap-accent-08) !important; color: var(--ap-accent) !important; font-weight: 600 !important;
  box-shadow: inset 3px 0 0 var(--ap-accent) !important;
}
.sidebar-menu li a.active > i:first-child { color: var(--ap-accent) !important; }
.sidebar-menu li a .notification-badge {
  margin-left: auto; display: inline-flex; align-items: center; justify-content: center;
  background: var(--ap-danger) !important; color: #fff !important;
  font-size: 11px !important; font-weight: 600 !important; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px !important;
}
.sidebar-menu li a:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: -2px; }
@media (min-width: 769px) {
  .sidebar:not(.is-collapsed) { width: 288px !important; min-width: 288px !important; }
  .sidebar.is-collapsed .sidebar-menu li a, .sidebar.is-collapsed .sidebar-submenu li a {
    flex-direction: column !important; justify-content: center !important; gap: 3px !important;
    min-height: 52px !important; padding: 6px 2px !important; box-shadow: none !important; text-align: center;
  }
  .sidebar.is-collapsed .sidebar-menu li a > i:first-child { font-size: 17px !important; width: auto; }
  .sidebar.is-collapsed .sidebar-menu li a > span:not(.notification-badge) { font-size: 11px !important; }
}
@media (max-width: 768px) {
  .sidebar-menu li a, .sidebar-submenu li a { min-height: 44px !important; font-size: 15px !important; }
}

/* Cabeçalho: título da tela + subtítulo em uma linha de leitura. */
#appHeaderTitle { font-size: 18px !important; }
.app-header-crumbs p { font-size: 12px !important; color: var(--ap-ink-3) !important; }

/* Menu fica parado: nada acompanha a rolagem (regra da casa). */
.app-header { position: relative !important; top: auto !important; }

/* ── Tipografia ────────────────────────────────────────────────────────────── */
body { font-family: var(--ap-body) !important; color: var(--ap-ink); }
/* Bricolage só no título da tela. stelc-design.css põe Bricolage 800 em todo
   h1-h4 com !important; dentro do admin isso vira Geist 600. */
.content h1, .content h2, .content h3, .content h4,
.ap-modal h1, .ap-modal h2, .ap-modal h3, .ap-modal h4,
.ap-confirm h3, .ap-result h3, .modal h2, .modal h3 {
  font-family: var(--ap-body) !important;
  font-weight: 600;
  letter-spacing: -.012em;
  line-height: 1.25;
}
#appHeaderTitle,
.ordx-page-title, .ap-page-title, .content > h1:first-child {
  font-family: var(--ap-display) !important;
  font-weight: 800;
  letter-spacing: -.02em;
}
/* Rótulo de seção: texto de apoio, sem versalete monoespaçado. */
.ap-eyebrow { font-family: var(--ap-body) !important; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ap-ink-3); }
/* Número alinha por coluna. */
td, th, [class*="kpi"], [class*="-stat"], [class*="price"], [class*="total"] { font-variant-numeric: tabular-nums; }
/* Mono só para o que é código de verdade. */
code, kbd, .ap-code, [class*="-sku"], [class*="chave"], [class*="-key"] { font-family: var(--ap-mono); }

:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }

/* ── Botão único ───────────────────────────────────────────────────────────────
 * Três papéis, em toda tela:
 *   principal  = azul Stelc cheio  (no máximo um por área: "Novo pedido", "Salvar")
 *   secundário = branco com borda  (o resto)
 *   perigo     = texto vermelho, enche de vermelho no hover
 * Os kits antigos (.adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .btn-*, .ord-*,
 * .prod-btn-*) herdam este desenho. !important porque várias telas ainda pintam
 * botão com style="" e com <style> injetado depois desta folha.
 */
:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .fx-btn, .ord-topbar-btn, .ord-btn, .pml-btn,
    .prod-btn-primary, .prod-btn-outline, .prod-btn-secondary, .btn-primary, .btn-secondary, .btn-danger,
    .btn--primary, .btn--secondary, .btn--ghost, .btn--danger, .btn--delete, .btn--edit, .ch-tip-btn,
    .section-order-edit-btn, .ped-btn) {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 36px; padding: 0 14px;
  border-radius: var(--ap-r-btn) !important;
  border: 1px solid var(--ap-line-strong) !important;
  background: var(--ap-surface) !important;
  color: var(--ap-ink) !important;
  font-family: var(--ap-body); font-size: 13px; font-weight: 600; letter-spacing: -.005em; line-height: 1;
  white-space: nowrap; text-decoration: none; cursor: pointer;
  box-shadow: none !important; text-shadow: none; transform: none; opacity: 1;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .fx-btn, .ord-topbar-btn, .ord-btn, .pml-btn,
    .prod-btn-outline, .prod-btn-secondary, .btn-secondary, .btn--secondary, .btn--ghost, .btn--edit, .ch-tip-btn,
    .section-order-edit-btn, .ped-btn):hover:not(:disabled):not([disabled]) {
  background: var(--ap-surface-2) !important; border-color: var(--ap-ink-4) !important; color: var(--ap-ink) !important; transform: none;
}
:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .pml-btn, .ord-btn, .ped-btn) i { color: inherit !important; }

/* Principal */
:is(.ap-btn:not(.ap-btn-secondary):not(.ap-btn-danger):not(.ap-btn-ghost),
    .ap-btn-primary, .adm-btn--primary, .adm-btn--blue, .adm-btn--green, .adm-btn--amber, .adm-btn--purple, .adm-btn--mp,
    .ds-btn--primary, .upload-btn-primary, .mk-btn.pri, .finbtn--in, .pml-btn--primary, .prod-btn-primary,
    .btn-primary, .btn--primary, .ord-btn-success, .ord-btn-info) {
  background: var(--ap-accent) !important; border-color: var(--ap-accent) !important; color: #fff !important;
}
:is(.ap-btn:not(.ap-btn-secondary):not(.ap-btn-danger):not(.ap-btn-ghost),
    .ap-btn-primary, .adm-btn--primary, .adm-btn--blue, .adm-btn--green, .adm-btn--amber, .adm-btn--purple, .adm-btn--mp,
    .ds-btn--primary, .upload-btn-primary, .mk-btn.pri, .finbtn--in, .pml-btn--primary, .prod-btn-primary,
    .btn-primary, .btn--primary, .ord-btn-success, .ord-btn-info):hover:not(:disabled):not([disabled]) {
  background: var(--ap-accent-hi) !important; border-color: var(--ap-accent-hi) !important; color: #fff !important;
}

/* Discreto */
.ap-btn.ap-btn-ghost { background: transparent !important; border-color: transparent !important; color: var(--ap-ink-2) !important; }
.ap-btn.ap-btn-ghost:hover:not(:disabled) { background: var(--ap-fill) !important; border-color: transparent !important; }

/* Contorno navy: par da ação principal nas barras/modais de CTA em destaque
   (mesmo padrão de "comprar agora" + "adicionar ao carrinho" do site). */
.ap-btn.ap-btn--outline-accent { background: var(--ap-surface) !important; border-color: var(--ap-accent-24) !important; color: var(--ap-accent) !important; }
.ap-btn.ap-btn--outline-accent:hover:not(:disabled) { background: var(--ap-accent-08) !important; border-color: var(--ap-accent) !important; color: var(--ap-accent) !important; }

/* Perigo */
:is(.ap-btn.ap-btn-danger, .adm-btn--red, .adm-btn--danger, .upload-btn-danger, .finbtn--out, .pml-btn--danger,
    .ds-btn--danger, .btn-danger, .btn--danger, .btn--delete, .ord-btn-danger) {
  background: var(--ap-surface) !important; border-color: var(--ap-danger-line) !important; color: var(--ap-danger) !important;
}
:is(.ap-btn.ap-btn-danger, .adm-btn--red, .adm-btn--danger, .upload-btn-danger, .finbtn--out, .pml-btn--danger,
    .ds-btn--danger, .btn-danger, .btn--danger, .btn--delete, .ord-btn-danger):hover:not(:disabled):not([disabled]) {
  background: var(--ap-danger) !important; border-color: var(--ap-danger) !important; color: #fff !important;
}

/* Tamanhos */
:is(.ap-btn-sm, .adm-btn--sm, .ds-btn--sm, .mk-btn.sm, .pml-btn--sm) { height: 30px; padding: 0 11px; font-size: 12px; }
:is(.ap-btn-lg, .adm-btn--lg, .pml-btn--lg, .ds-btn--lg) { height: 40px; padding: 0 18px; font-size: 14px; }

:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .mk-btn, .finbtn, .pml-btn, .ord-btn, .prod-btn-primary, .prod-btn-outline, .btn-primary, .btn-secondary):is(:disabled, [disabled]) {
  background: var(--ap-fill) !important; border-color: var(--ap-line) !important; color: var(--ap-ink-4) !important; cursor: default;
}

/* ── Selos de canal e de estado (kit) ─────────────────────────────────────── */
.ap-ch, .ap-pill {
  display: inline-flex; align-items: center; gap: 5px;
  height: 22px; padding: 0 8px; border-radius: var(--ap-r-pill);
  font-size: 12px; font-weight: 600; line-height: 1; white-space: nowrap;
  background: var(--ap-fill); color: var(--ap-ink-2);
}
.ap-ch--site   { background: var(--ap-info-soft); color: var(--ap-info-ink); }
.ap-ch--ml     { background: var(--ap-ml-soft);   color: var(--ap-ml-ink); }
.ap-ch--shopee { background: var(--ap-shp-soft);  color: var(--ap-shp-ink); }
.ap-ch--amazon { background: var(--ap-surface-2); color: var(--ap-ink); }
.ap-pill--ok     { background: var(--ap-ok-soft);     color: var(--ap-ok-ink); }
.ap-pill--warn   { background: var(--ap-warn-soft);   color: var(--ap-warn-ink); }
.ap-pill--danger { background: var(--ap-danger-soft); color: var(--ap-danger-ink); }
.ap-pill--info   { background: var(--ap-info-soft);   color: var(--ap-info-ink); }

/* Selos de canal já existentes em cada tela passam a falar a mesma cor. */
.ordx-channel { border-radius: var(--ap-r-pill) !important; border: 0 !important; padding: 3px 8px !important; font-size: 11px !important; font-weight: 600 !important; }
.ordx-channel--ml     { background: var(--ap-ml-soft)   !important; color: var(--ap-ml-ink)   !important; }
.ordx-channel--shopee { background: var(--ap-shp-soft)  !important; color: var(--ap-shp-ink)  !important; }
.ordx-channel--own    { background: var(--ap-info-soft) !important; color: var(--ap-info-ink) !important; }

/* ── Menu suspenso (dropdown) ────────────────────────────────────────────────
 * Mesmo desenho do menu ⋯ das linhas (.pml-kebab-menu). .ap-dd--up abre para
 * cima (barra de seleção fica no rodapé). */
.ap-dd {
  position: absolute; z-index: 10020; left: 0; top: calc(100% + 6px);
  min-width: 220px; padding: 6px; background: var(--ap-surface);
  border: 1px solid var(--ap-line); border-radius: 8px; box-shadow: var(--ap-sh-3);
}
.ap-dd--up { top: auto; bottom: calc(100% + 6px); }
.ap-dd > button, .ap-dd > a, .ap-dd-list > button {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 8px 10px; border: 0; border-radius: 6px; background: none;
  font: inherit; font-size: 13px; color: var(--ap-ink); text-align: left; text-decoration: none; cursor: pointer;
}
.ap-dd > button:hover, .ap-dd > a:hover { background: var(--ap-surface-2); }
.ap-dd > button i, .ap-dd > a i { width: 16px; text-align: center; color: var(--ap-ink-3); }
.ap-dd-sep { padding: 8px 10px 4px; font-size: 12px; font-weight: 500; color: var(--ap-ink-3); }
.ap-dd-sep:not(:first-child) { border-top: 1px solid var(--ap-line-soft); margin-top: 4px; }
.ap-dd-empty { padding: 12px; text-align: center; color: var(--ap-ink-3); font-size: 13px; margin: 0; }
.ap-dd-caret { font-size: 10px !important; margin-left: 2px; opacity: .7; }
/* Menu ⋯ das linhas e da barra: mesma tipografia. */
.pml-kebab-menu { border-radius: 8px !important; border-color: var(--ap-line) !important; box-shadow: var(--ap-sh-3) !important; padding: 6px !important; }
.pml-kebab-menu button { font-size: 13px !important; border-radius: 6px !important; }
.pml-kebab-menu button i { color: var(--ap-ink-3); font-size: 13px !important; }
.pml-kebab-menu button:disabled { color: var(--ap-ink-4); cursor: default; }
.pml-kebab-menu button:disabled:hover { background: none; }
.pml-kebab-sep { font-size: 12px !important; font-weight: 500 !important; color: var(--ap-ink-3) !important; padding: 8px 10px 4px !important; }

/* Botão ⋯ (mais ações) — o mesmo em linha de tabela, barra e cabeçalho. */
.ox-kebab, .pml-kebab-btn {
  width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; border: 1px solid transparent; background: none; color: var(--ap-ink-3); cursor: pointer; vertical-align: middle;
}
.ox-kebab:hover, .pml-kebab-btn:hover { background: var(--ap-fill); color: var(--ap-ink); }
.ordx-dd { position: relative; }

/* Em linha de tabela o botão nunca é "principal": azul cheio em cada linha vira ruído. */
td :is(.ap-btn:not(.ap-btn-danger):not(.ap-btn-ghost), .adm-btn--primary, .adm-btn--green, .adm-btn--blue, .adm-btn--amber, .adm-btn--purple, .ds-btn--primary, .upload-btn-primary, .btn-primary) {
  background: var(--ap-surface) !important; border-color: var(--ap-line-strong) !important; color: var(--ap-ink) !important;
}
td :is(.ap-btn:not(.ap-btn-danger):not(.ap-btn-ghost), .adm-btn--primary, .adm-btn--green, .adm-btn--blue, .adm-btn--amber, .adm-btn--purple, .ds-btn--primary, .upload-btn-primary, .btn-primary):hover:not(:disabled) {
  background: var(--ap-surface-2) !important; border-color: var(--ap-accent) !important; color: var(--ap-accent) !important;
}

/* ── Aviso (toast) — substitui o alert() nativo ───────────────────────────── */
.ap-toast-zone {
  position: fixed; z-index: 10050; right: 16px; bottom: 16px;
  display: flex; flex-direction: column; align-items: flex-end; gap: 8px;
  pointer-events: none; max-width: min(420px, calc(100vw - 32px));
}
.ap-toast {
  pointer-events: auto;
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 14px; border-radius: var(--ap-r-card);
  background: var(--ap-ink); color: #fff;
  font-size: 14px; font-weight: 500; line-height: 1.4;
  box-shadow: var(--ap-sh-3);
  white-space: pre-line; overflow-wrap: anywhere;
  opacity: 0; transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}
.ap-toast.show { opacity: 1; transform: none; }
.ap-toast i { margin-top: 2px; flex-shrink: 0; }
.ap-toast--success i { color: #6fe0ae; }
.ap-toast--error   { background: var(--ap-danger-ink); }
.ap-toast--warning i { color: #f6c46b; }
.ap-toast--info i  { color: #a9bcef; }
.ap-toast button { all: unset; cursor: pointer; margin-left: 4px; opacity: .7; padding: 0 2px; }
.ap-toast .ap-toast-acao { opacity: 1; margin-left: 10px; padding: 4px 10px; border-radius: 8px; background: rgba(255,255,255,.14); font-weight: 600; font-size: 12.5px; }
.ap-toast .ap-toast-acao:hover { background: rgba(255,255,255,.24); }
.ap-toast button:hover { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .ap-toast { transition: none; } }

/* Campo do adminPrompt dentro da caixa de confirmação. */
.ap-confirm-input {
  width: 100%; height: 40px; margin-top: 12px; padding: 0 12px;
  border: 1px solid var(--ap-line-strong); border-radius: var(--ap-r-field);
  font: inherit; font-size: 14px; color: var(--ap-ink); background: var(--ap-surface);
}
.ap-confirm-input:focus { outline: 2px solid var(--ap-accent); outline-offset: 0; border-color: var(--ap-accent); }

/* ── Superfícies ─────────────────────────────────────────────────────────── */
.ap-modal, .ap-confirm, .ap-result { border-radius: var(--ap-r-lg) !important; box-shadow: var(--ap-sh-3) !important; }
.content-card, .ap-card, .dx, .ordx-card { border-color: var(--ap-line) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   KITS ANTIGOS COM O DESENHO NOVO
   Cada família (.adm-, .ds-, .pml-, .ap-sheet, .fin-, .content-card) continua com o
   seu HTML; aqui elas passam a ter a mesma moldura, o mesmo campo, a mesma tabela.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Moldura da página: respiro igual em toda tela, sem teto de largura. */
/* Toda tela ganha o mesmo respiro pelo .content; os wrappers que tinham o
   próprio padding (.dx, .ox-wrap, .content-card, .ap-page) zeram o deles. Telas
   de tela cheia (Atendimento) zeram via style inline, que continua vencendo. */
.content { padding: 24px 32px 56px; }
.content > :is(.dx, .ox-wrap, .content-card, .ap-page) { padding: 0 !important; }
.content > .content-card { background: transparent; border: 0; box-shadow: none; }
.content > :is(.adm-page, .content-card, .ap-page, .fin-wrap, .ox-wrap, .mk, .wa, .shp-wrap, .ml-wrap, section, form):not(.dx) { max-width: none; margin-left: 0; margin-right: 0; }

/* Rótulo em caixa alta vira texto normal: menos ruído, leitura mais rápida. */
.content :is(th, label, h3, h4, h5, .ap-eyebrow, [class*="-label"], [class*="-sep"], [class*="-eyebrow"], [class*="section-title"], [class*="-lbl"]),
.ap-modal :is(th, label, h4, h5, [class*="-label"]), .pml-kebab-sep {
  text-transform: none !important; letter-spacing: 0 !important;
}

/* Cabeçalho de página dentro do conteúdo (o título já está no cabeçalho do painel). */
.adm-page-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 16px !important; padding: 0 !important; background: none !important; border: 0 !important; }
.adm-page-title { font-family: var(--ap-body) !important; font-size: 18px !important; font-weight: 600 !important; letter-spacing: -.01em; color: var(--ap-ink); margin: 0; }

/* Seção / cartão */
:is(.adm-section, .adm-item-card, .ap-card, .fin-card, .wa-card) {
  background: var(--ap-surface) !important; border: 1px solid var(--ap-line) !important; border-radius: 10px !important;
  box-shadow: none !important; padding: 20px !important;
}
.adm-section + .adm-section { margin-top: 16px; }
.adm-section-title { font-family: var(--ap-body) !important; font-size: 15px !important; font-weight: 600 !important; color: var(--ap-ink) !important; margin: 0 0 14px !important; display: flex; align-items: center; gap: 8px; }
.adm-section-title i, .adm-section-title [class*="fa-"] { color: var(--ap-ink-3) !important; font-size: 14px !important; }
.adm-hint, .ds-hint { font-size: 12px !important; color: var(--ap-ink-3) !important; }

/* Campo */
:is(.adm-label, .ds-label, .ap-field > span) { display: block; font-size: 13px !important; font-weight: 500 !important; color: var(--ap-ink-2) !important; margin-bottom: 6px; }
:is(.adm-input, .adm-select, .adm-textarea, .adm-search, .adm-filter-select, .ds-input, .ds-select, .ds-textarea, .ap-field input, .ap-field select, .ap-field textarea, .pml-filter-field input, .pml-filter-field select, .cat-search) {
  height: 36px; padding: 0 12px;
  border: 1px solid var(--ap-line-strong) !important; border-radius: var(--ap-r-field) !important;
  background-color: var(--ap-surface) !important; color: var(--ap-ink) !important;
  font-family: var(--ap-body); font-size: 14px; box-shadow: none !important;
}
:is(.adm-textarea, .ds-textarea, .ap-field textarea) { height: auto; min-height: 88px; padding: 10px 12px; line-height: 1.5; }
:is(.adm-input, .adm-select, .adm-textarea, .adm-search, .adm-filter-select, .ds-input, .ds-select, .ds-textarea, .ap-field input, .ap-field select, .ap-field textarea, .cat-search):focus {
  outline: none; border-color: var(--ap-accent) !important; box-shadow: 0 0 0 3px var(--ap-accent-08) !important;
}
input[type="checkbox"], input[type="radio"] { accent-color: var(--ap-accent); }

/* Abas */
.adm-tabs, .mlx-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--ap-line) !important; margin-bottom: 16px; overflow-x: auto; background: none !important; padding: 0 !important; border-radius: 0 !important; }
:is(.adm-tab, .mlx-tab) { position: relative; height: 42px; padding: 0 14px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: none !important; color: var(--ap-ink-3) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; cursor: pointer; margin-bottom: -1px; }
:is(.adm-tab, .mlx-tab):hover { color: var(--ap-ink) !important; }
:is(.adm-tab--active, .mlx-tab.active) { color: var(--ap-accent) !important; font-weight: 600 !important; border-bottom-color: var(--ap-accent) !important; }
.mlx-env { border-color: var(--ap-line) !important; background: var(--ap-fill); padding: 2px; gap: 2px; border-radius: 8px !important; }
.mlx-env-tab { border: 0 !important; background: none !important; border-radius: 6px; height: 28px !important; color: var(--ap-ink-2) !important; }
.mlx-env-tab.is-active { background: var(--ap-surface) !important; color: var(--ap-accent) !important; box-shadow: var(--ap-sh-1); }
.mlx-title { font-family: var(--ap-body) !important; font-size: 18px !important; font-weight: 600 !important; }
.mlx-sub { font-size: 13px !important; }

/* Tabela */
:is(.adm-table-wrap, .ap-sheet-wrap, .fin-tbl-wrap, .pml-table-wrap, .ordx-table-wrap) { background: var(--ap-surface) !important; border: 1px solid var(--ap-line) !important; border-radius: 10px !important; box-shadow: none !important; overflow: auto; }
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable, .dx-acc) { font-size: 13px; }
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) thead :is(th, td) {
  background: var(--ap-surface-2) !important; color: var(--ap-ink-3) !important;
  font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important;
  border-bottom: 1px solid var(--ap-line) !important; padding: 10px 12px !important; white-space: nowrap;
}
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) tbody td { border-bottom: 1px solid var(--ap-line-soft) !important; padding: 12px !important; color: var(--ap-ink); vertical-align: middle; }
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) tbody tr:last-child td { border-bottom: 0 !important; }
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) tbody tr:hover td { background: var(--ap-surface-2) !important; }

/* Barra de filtros */
:is(.adm-filter-bar, .pml-toolbar, .ap-toolbar, .dx-orders-bar, .ox-orders-toolbar) { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }

/* Selos */
.adm-badge, .adm-conn { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 500 !important; border: 0 !important; }

/* Estados vazios / carregando / erro */
:is(.adm-loading, .adm-empty, .ap-state) { padding: 48px 20px !important; text-align: center; color: var(--ap-ink-3) !important; font-size: 14px; }
.adm-error { padding: 12px 14px; border-radius: 8px; background: var(--ap-danger-soft) !important; color: var(--ap-danger-ink) !important; border: 1px solid var(--ap-danger-line) !important; font-size: 13px; }

/* Modais .ds- (produto, pedido, categoria) com a mesma moldura do .ap-modal */
.ds-modal-shell { border-radius: 12px !important; border: 0 !important; box-shadow: var(--ap-sh-3) !important; overflow: hidden; }
.ds-modal-header { padding: 16px 20px !important; border-bottom: 1px solid var(--ap-line) !important; background: var(--ap-surface) !important; }
.ds-modal-header h3, .ds-modal-title { font-family: var(--ap-body) !important; font-size: 17px !important; font-weight: 600 !important; color: var(--ap-ink) !important; }
.ds-modal-header h3 i, .ds-modal-icon { display: none !important; }
.ds-modal-close { width: 32px; height: 32px; border-radius: 6px !important; border: 0 !important; background: none !important; color: var(--ap-ink-3) !important; }
.ds-modal-close:hover { background: var(--ap-fill) !important; color: var(--ap-ink) !important; }
.ds-modal-body { padding: 20px !important; }
.ds-modal-footer { padding: 14px 20px !important; border-top: 1px solid var(--ap-line) !important; background: var(--ap-surface) !important; display: flex; justify-content: flex-end; gap: 8px; }

/* Cabeçalho "hero" com logo grande (ML, Mercado Pago, e-mail): logo pequeno, alinhado ao título. */
.brand-hero-logo { height: 28px !important; max-width: 120px !important; }
.brand-hero-logo--wide { max-width: 140px !important; }

/* Ação que aparecia só com o mouse fica visível em tela de toque. */
@media (hover: none) {
  .ds-img-remove, .pml-chip button, .ordx-chip button, .ordx-bulk-clear,
  [class*="-remove"], [class*="-actions-hover"] { opacity: 1 !important; visibility: visible !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CELULAR (até 768px)
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Safari dá zoom em campo com fonte < 16px. */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea { font-size: 16px !important; }

  /* Alvo de toque mínimo de 44px. min-height ganha do height fixo dos kits. */
  .content button, .content .ap-btn, .content .adm-btn, .content .ds-btn, .content .upload-btn,
  .content .finbtn, .content .mk-btn, .content select,
  .content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .ap-modal button, .ap-confirm button, .ap-modal select, .ap-modal input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 44px;
  }
  .content .ap-icon-btn, .content .pml-kebab-btn, .ap-modal .ap-icon-btn { min-width: 44px; }
  .content input[type="checkbox"], .content input[type="radio"] { width: 20px; height: 20px; }

  /* Cabeçalho: o nome da tela no lugar do logo. Sem ele não dá pra saber onde
     se está — o drawer fechado esconde o item ativo. */
  .app-header { height: 56px !important; gap: 8px; }
  .app-header-brand-mobile { display: none !important; }
  .app-header-crumbs { display: flex !important; flex: 1; min-width: 0; }
  .app-header-crumbs h1 { font-size: 18px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .app-header-crumbs p { display: none !important; }


  /* Nada mais largo que a tela: os style="" dos scripts têm 66 larguras fixas
     acima de 400px e grades de 3-4 colunas escritas à mão. */
  .content [style*="width:"], .content [style*="width: "] { max-width: 100%; }
  .content [style*="min-width"] { min-width: 0 !important; }
  .content [style*="grid-template-columns"]:not([class*="cal"]) { grid-template-columns: minmax(0, 1fr) !important; }
  .content [style*="display:flex"], .content [style*="display: flex"] { flex-wrap: wrap; }
  .crm-sheet { min-width: 0 !important; }
  .content { padding: 16px 16px 40px; }

  /* Modal vira folha de baixo, largura total. */
  .ap-modal-overlay, .ap-confirm-overlay, .ap-result-overlay { align-items: flex-end !important; padding: 0 !important; }
  .ap-modal, .ap-confirm, .ap-result {
    width: 100% !important; max-width: 100% !important; max-height: 92dvh;
    border-radius: var(--ap-r-lg) var(--ap-r-lg) 0 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .ap-confirm-actions, .ap-modal-foot { flex-direction: column-reverse; align-items: stretch !important; }
  .ap-confirm-actions .ap-btn, .ap-modal-foot .ap-btn { width: 100%; }

  .ap-toast-zone { left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); max-width: none; align-items: stretch; }

  /* ── Tabela vira lista de cartões ──────────────────────────────────────────
   * admin-shell.js marca com .ap-cards toda tabela com cabeçalho e 4+ colunas e
   * copia o texto do <th> para data-label de cada <td>. Assim as 55 tabelas do
   * admin ganham modo celular sem reescrever cada render.
   */
  table.ap-cards { display: block; width: 100% !important; min-width: 0 !important; table-layout: auto !important; border: 0 !important; background: transparent !important; }
  table.ap-cards colgroup, table.ap-cards thead { display: none !important; }
  table.ap-cards tbody { display: grid; gap: 8px; }
  table.ap-cards tr {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px;
    padding: 12px 14px; background: var(--ap-surface);
    border: 1px solid var(--ap-line); border-radius: var(--ap-r-card);
  }
  table.ap-cards td {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    grid-column: 1 / -1; min-width: 0 !important; width: auto !important; max-width: none !important;
    padding: 2px 0 !important; border: 0 !important; background: transparent !important;
    text-align: right; white-space: normal !important; position: static !important;
  }
  table.ap-cards td::before {
    content: attr(data-label); flex-shrink: 0;
    font-size: 12px; font-weight: 500; color: var(--ap-ink-3); text-align: left;
  }
  table.ap-cards td[data-label=""]::before, table.ap-cards td:not([data-label])::before { content: none; }
  table.ap-cards td[data-label=""], table.ap-cards td:not([data-label]) { justify-content: flex-start; text-align: left; }
  /* Primeira coluna é o título do cartão. */
  table.ap-cards td:first-child { font-weight: 600; font-size: 15px; text-align: left; justify-content: flex-start; }
  table.ap-cards td:first-child::before { content: none; }
  /* Coluna de ações (checkbox/menu) não precisa de rótulo. */
  table.ap-cards td.ap-cell-actions { justify-content: flex-end; padding-top: 8px !important; }
  table.ap-cards td.ap-cell-actions::before { content: none; }
  table.ap-cards td:empty { display: none; }
  table.ap-cards tr[style*="display: none"], table.ap-cards tr[style*="display:none"], table.ap-cards tr[hidden] { display: none !important; }
  table.ap-cards td[colspan] { justify-content: center; text-align: center; }
  table.ap-cards td[colspan]::before { content: none; }
  /* Container que rolava de lado deixa de rolar. */
  .ap-sheet-wrap:has(> table.ap-cards), .fin-tbl-wrap:has(> table.ap-cards), [class*="table-wrap"]:has(> table.ap-cards) {
    overflow: visible !important; border: 0 !important; background: transparent !important; margin-left: 0 !important; margin-right: 0 !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   CAMADA PREMIUM (05/10/2026) — linguagem do painel Afiplace com a marca Stelc.
   Do Afiplace: fundo off-white com halos de cor da marca, cartão branco sem
   borda com sombra macia e raio 18, títulos em Bricolage 800, botão de 40px
   raio 12 com HALO e leve crescimento no hover, checkbox desenhado.
   Da Stelc: azul institucional var(--ap-accent) (ação/ativo) e azul-céu var(--ap-sky) do logo
   (halo e fundo). Fica por último no arquivo para mandar nas regras acima.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Fundo com halos (mesma receita do --ap-brand-bg do Afiplace). */
body, .dashboard { background: var(--ap-bg) !important; }
.main-content, .content { background: transparent !important; }
.app-header { background: var(--ap-surface) !important; border-bottom: 1px solid var(--ap-line) !important; }

.sidebar { background: #fff !important; border-right: 1px solid rgba(17,17,18,.06) !important; }

/* Títulos com a display da marca. */
.content :is(h1, h2, h3), .ap-modal :is(h2, h3), .ap-confirm h3, .ds-modal-header h3, .ds-modal-title,
.adm-section-title, .adm-page-title, .mlx-title, .dx-hello, .dx-card h3, .dx-sec h3 {
  font-family: var(--ap-display) !important; font-weight: 800 !important; letter-spacing: -.02em !important;
}
#appHeaderTitle { font-family: var(--ap-display) !important; font-weight: 800 !important; font-size: 20px !important; letter-spacing: -.025em; }
.content h4 { font-family: var(--ap-body) !important; font-weight: 600 !important; }

/* Cartão: branco, sem borda, sombra macia, raio 18. */
:is(.dx-card, .dx-kpis, .dx-funnel, .adm-section, .adm-item-card, .ap-card, .fin-card, .wa-card,
    .adm-table-wrap, .ap-sheet-wrap, .fin-tbl-wrap, .cat-card, .pc-card, .pr-card, .seox-card, .mk-card) {
  background: #fff !important;
  border: 1px solid rgba(17,17,18,.05) !important;
  border-radius: var(--ap-r-card) !important;
  box-shadow: var(--ap-card-sh) !important;
}
.dx-kpis > .dx-card, .dx-funnel > .dx-step { box-shadow: none !important; border-radius: 0 !important; border-top: 0 !important; border-bottom: 0 !important; border-right: 0 !important; }
.dx-kpis > .dx-card:first-child, .dx-funnel > .dx-step:first-child { border-left: 0 !important; }
.dx-kpi .dx-val, .dx-step b { font-family: var(--ap-display) !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
.dx-kpis > .dx-card.dx-kpi--dark, .dx-card.dx-kpi--dark { background: var(--ap-accent) !important; background-image: radial-gradient(120% 140% at 0% 0%, rgba(137,207,240,.35), rgba(137,207,240,0) 55%) !important; color: #fff !important; }
.dx-card.dx-kpi--dark .dx-val { color: #fff !important; }
.dx-card.dx-kpi--dark :is(.dx-lbl, .dx-sub) { color: rgba(255,255,255,.75) !important; }

/* Gráfico de vendas: altura fixa, linha de base e grade leve. Não estica até a
   altura da coluna "Precisa de atenção". */
.dx-grid2 { align-items: start !important; }
.dx-grid2 .dx-chart, .dx-chart {
  flex: none !important; height: 240px !important; min-height: 0 !important; gap: 6px !important; padding: 8px 0 0 !important;
  background-image: repeating-linear-gradient(to top, rgba(17,17,18,.06) 0 1px, transparent 1px 25%) !important;
  background-size: 100% calc(100% - 22px) !important; background-repeat: no-repeat !important;
  border-bottom: 0 !important;
}
.dx-bar { gap: 6px !important; }
.dx-bar-stack { max-width: 22px !important; border-radius: 6px 6px 2px 2px !important; min-height: 3px !important; background: rgba(30,51,112,.08) !important; box-shadow: 0 -1px 0 rgba(255,255,255,.6) inset; }
.dx-bar:hover .dx-bar-stack { filter: brightness(1.15); }
.dx-bar-lbl { font-size: 11px !important; color: var(--ap-ink-3) !important; }

/* Botão: 40px, raio 12, principal azul com halo; secundário ganha halo no hover. */
:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .fx-btn, .ord-topbar-btn, .ord-btn, .pml-btn,
    .prod-btn-primary, .prod-btn-outline, .prod-btn-secondary, .btn-primary, .btn-secondary, .btn-danger,
    .btn--primary, .btn--secondary, .btn--ghost, .btn--danger, .btn--delete, .btn--edit, .ch-tip-btn, .section-order-edit-btn, .ped-btn) {
  height: 40px; padding: 0 16px; border-radius: var(--ap-r-btn) !important; font-size: 13.5px; font-weight: 600;
  border-color: rgba(17,17,18,.10) !important;
  transition: transform .3s var(--ap-ease-out, cubic-bezier(.16,1,.3,1)), box-shadow .3s var(--ap-ease-out, cubic-bezier(.16,1,.3,1)), background-color .2s, border-color .2s, color .2s !important;
}
:is(.ap-btn, .adm-btn, .ds-btn, .upload-btn, .finbtn, .mk-btn, .pml-btn, .ord-btn, .btn-secondary, .btn--secondary, .btn--ghost):hover:not(:disabled):not([disabled]) {
  background: #fff !important; border-color: var(--ap-line-strong) !important; box-shadow: var(--ap-halo-soft) !important; transform: translateY(-1px);
}
:is(.ap-btn.ap-btn-ghost, .btn--ghost):hover:not(:disabled):not([disabled]) {
  border-color: transparent !important; box-shadow: none !important; transform: none;
}
:is(.ap-btn:not(.ap-btn-secondary):not(.ap-btn-danger):not(.ap-btn-ghost),
    .ap-btn-primary, .adm-btn--primary, .adm-btn--blue, .adm-btn--green, .adm-btn--amber, .adm-btn--purple, .adm-btn--mp,
    .ds-btn--primary, .upload-btn-primary, .mk-btn.pri, .finbtn--in, .pml-btn--primary, .prod-btn-primary,
    .btn-primary, .btn--primary, .ord-btn-success, .ord-btn-info) {
  background: var(--ap-accent) !important; border-color: var(--ap-accent) !important; color: #fff !important;
  box-shadow: var(--ap-halo) !important;
}
:is(.ap-btn:not(.ap-btn-secondary):not(.ap-btn-danger):not(.ap-btn-ghost),
    .ap-btn-primary, .adm-btn--primary, .adm-btn--blue, .adm-btn--green, .adm-btn--amber, .adm-btn--purple, .adm-btn--mp,
    .ds-btn--primary, .upload-btn-primary, .mk-btn.pri, .finbtn--in, .pml-btn--primary, .prod-btn-primary,
    .btn-primary, .btn--primary, .ord-btn-success, .ord-btn-info):hover:not(:disabled):not([disabled]) {
  background: var(--ap-accent-hi) !important; color: #fff !important; transform: none;
  box-shadow: var(--ap-sh-1) !important;
}
:is(.ap-btn.ap-btn-danger, .adm-btn--red, .adm-btn--danger, .upload-btn-danger, .finbtn--out, .pml-btn--danger, .ds-btn--danger, .btn-danger, .btn--danger, .btn--delete, .ord-btn-danger):hover:not(:disabled):not([disabled]) {
  background: var(--ap-danger) !important; color: #fff !important; box-shadow: 0 0 0 4px rgba(196,43,28,.14) !important;
}
:is(.ap-btn-sm, .adm-btn--sm, .ds-btn--sm, .mk-btn.sm, .pml-btn--sm) { height: 34px; padding: 0 12px; font-size: 12.5px; border-radius: 10px !important; }
td :is(.ap-btn:not(.ap-btn-danger):not(.ap-btn-ghost), .adm-btn--primary, .adm-btn--green, .adm-btn--blue, .ds-btn--primary, .btn-primary) { box-shadow: none !important; }
@media (prefers-reduced-motion: reduce) { :is(.ap-btn, .adm-btn, .ds-btn, .mk-btn, .pml-btn) { transition: none !important; transform: none !important; } }

/* Campo: 40px, raio 12, foco com halo azul-céu. */
:is(.adm-input, .adm-select, .adm-search, .adm-filter-select, .ds-input, .ds-select, .ap-field input, .ap-field select, .cat-search, .dx-select, .dx-search input, .pml-filter-field input, .pml-filter-field select) {
  height: 40px !important; border-radius: var(--ap-r-field) !important; border-color: rgba(17,17,18,.12) !important; background-color: #fff !important; font-size: 14px !important;
}
:is(.adm-textarea, .ds-textarea, .ap-field textarea) { border-radius: var(--ap-r-field) !important; }
:is(.adm-input, .adm-select, .adm-search, .adm-filter-select, .ds-input, .ds-select, .ds-textarea, .adm-textarea, .ap-field input, .ap-field select, .ap-field textarea, .cat-search, .dx-select, .dx-search input):focus {
  border-color: var(--ap-accent) !important; box-shadow: var(--ap-halo-soft) !important; outline: none !important;
}

/* Checkbox desenhado (padrão .adm-check do Afiplace). Interruptores ficam de fora. */
.content input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):not([role="switch"]), .ap-modal input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input) {
  appearance: none; -webkit-appearance: none; width: 17px !important; height: 17px !important; margin: 0;
  border: 1.5px solid rgba(17,17,18,.22); border-radius: 5px; background: #fff; cursor: pointer;
  position: relative; vertical-align: middle; flex-shrink: 0; transition: background-color .15s, border-color .15s;
}
.content input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):not([role="switch"]):checked, .ap-modal input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):checked {
  background: var(--ap-accent); border-color: var(--ap-accent);
}
.content input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):not([role="switch"]):checked::after, .ap-modal input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):checked::after {
  content: ''; position: absolute; left: 5px; top: 1.5px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.content input[type="checkbox"]:not(:is(.ap-switch, .toggle-switch, .pml-switch, .pml-toggle-label) input):not([role="switch"]):indeterminate { background: var(--ap-accent); border-color: var(--ap-accent); }

/* Interruptor (.ap-switch) em azul Stelc. */
.ap-switch input:checked + span { background: var(--ap-accent) !important; }

/* Abas e segmentados: ativo branco com halo, como os seletores do Afiplace. */
.dx-seg, .mlx-env { background: rgba(17,17,18,.05) !important; border-radius: 12px !important; padding: 3px !important; border: 0 !important; }
.dx-seg button, .mlx-env-tab { border-radius: 9px !important; height: 32px !important; }
.dx-seg button[aria-pressed="true"], .mlx-env-tab.is-active { background: #fff !important; color: var(--ap-accent) !important; box-shadow: 0 1px 2px rgba(17,17,18,.08), 0 0 0 1px rgba(17,17,18,.04) !important; }

/* Tabela dentro do cartão: cabeçalho leve, linhas respiradas. */
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) thead :is(th, td) { background: transparent !important; font-weight: 600 !important; border-top: 0 !important; }
:is(.adm-table, .ap-sheet, .pml-table, .fin-tbl, .pz-table, .mlq-table, .nf-tbl, .crm-tbl, .dx-otable) tbody tr:hover td { background: rgba(137,207,240,.08) !important; }

/* Selos */
:is(.ap-pill, .ap-ch, .dx-st, .adm-badge, .badge) { border-radius: 999px !important; font-weight: 600 !important; }

/* Menu lateral: barra azul + ícone azul no ativo, ícones da seção em azul suave. */
.sidebar-menu li a > i:first-child, .sidebar-submenu li a > i:first-child { color: rgba(30,51,112,.55) !important; }
.sidebar-menu li a.active, .sidebar-submenu li a.active { background: rgba(30,51,112,.06) !important; }
.sidebar-dropdown-toggle { font-family: var(--ap-body) !important; }

/* Menu suspenso e modal com o raio do sistema. */
.pml-kebab-menu, .ap-dd { border-radius: 14px !important; border-color: rgba(17,17,18,.06) !important; box-shadow: 0 24px 60px -20px rgba(17,17,18,.35) !important; }
.pml-kebab-menu button, .ap-dd > button, .ap-dd > a { border-radius: 9px !important; }
.pml-kebab-menu { min-width: 232px; padding: 7px !important; max-height: min(72vh, 520px); transform-origin: top right; animation: pml-menu-in .14s ease-out both; }
.pml-kebab-menu button { min-height: 38px; gap: 10px; padding: 8px 10px; font-size: 13px; font-weight: 550; transition: background-color .12s ease, color .12s ease; }
.pml-kebab-menu button i { width: 17px; color: var(--ap-ink-3); }
.pml-kebab-menu button:focus-visible, .ap-dd > button:focus-visible, .ap-dd > a:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 1px; }
.pml-kebab-menu button.danger i { color: inherit; }
.pml-kebab-sep { padding: 9px 10px 4px !important; font-size: 10px !important; font-weight: 750 !important; letter-spacing: .075em; text-transform: uppercase; }
.pml-kebab-divider { margin: 6px 3px; }
@keyframes pml-menu-in { from { opacity: 0; transform: translateY(-3px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
.ap-modal, .ap-confirm, .ap-result, .ds-modal-shell { border-radius: 20px !important; box-shadow: 0 24px 70px -20px rgba(17,17,18,.45) !important; }
/* Um fundo só para todo modal do painel: escurece e desfoca o que está atrás. */
.ap-modal-overlay, .ap-confirm-overlay, .ap-result-overlay, .ds-modal-overlay { background: rgba(17,17,18,.42) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
.dx-alert { border-radius: 14px !important; border-color: rgba(17,17,18,.06) !important; box-shadow: var(--ap-card-sh); }
.dx-alert.is-bad { box-shadow: none; }
@media (max-width: 768px) {
  body, .dashboard { background-attachment: scroll !important; }
  .ap-modal, .ap-confirm, .ap-result { border-radius: 20px 20px 0 0 !important; }
}

/* ── Categorias (.cx) ─────────────────────────────────────────────────────── */
.cx { display: flex; flex-direction: column; gap: 18px; max-width: none; margin: 0; }
.cx-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cx-search { position: relative; flex: 0 1 360px; min-width: 220px; }
.cx-search i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ap-ink-3); font-size: 13px; }
.cx-search input { width: 100%; height: 40px; padding: 0 14px 0 38px; border: 1px solid rgba(17,17,18,.12); border-radius: 12px; background: #fff; font: inherit; font-size: 14px; color: var(--ap-ink); }
.cx-search input:focus { outline: none; border-color: var(--ap-accent); box-shadow: var(--ap-halo-soft); }
.cx-sum { margin-left: auto; font-size: 13px; color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }
.cx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr)); gap: 18px; align-items: start; }
.cx-card { background: #fff; border: 1px solid rgba(17,17,18,.05); border-radius: 20px; box-shadow: var(--ap-card-sh); padding: 22px; display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.cx-skel { height: 260px; background: linear-gradient(90deg, #f1f1ef, #f8f8f6, #f1f1ef); background-size: 200% 100%; animation: dxs 1.2s infinite; box-shadow: none; }
.cx-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.cx-img { position: relative; width: 56px; height: 56px; flex-shrink: 0; border-radius: 16px; overflow: hidden; cursor: pointer; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,17,18,.06); display: flex; align-items: center; justify-content: center; }
.cx-img img { width: 100%; height: 100%; object-fit: cover; }
.cx-ico { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(137,207,240,.55), rgba(137,207,240,0) 60%), var(--c, var(--ap-accent)); }
.cx-img-edit { position: absolute; inset: auto 4px 4px auto; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: var(--ap-ink-2); display: flex; align-items: center; justify-content: center; font-size: 10px; box-shadow: 0 2px 6px rgba(17,17,18,.18); opacity: 0; transition: opacity .15s; }
.cx-img:hover .cx-img-edit, .cx-img:focus-within .cx-img-edit { opacity: 1; }
@media (hover: none) { .cx-img-edit { opacity: 1; } }
.cx-title { flex: 1; min-width: 0; }
.cx-title h3 { margin: 0; font-size: 22px !important; line-height: 1.1; color: var(--ap-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx-title p { margin: 4px 0 0; font-size: 13px; color: var(--ap-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx-stats { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; }
.cx-stat { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; min-width: 120px; border-radius: 14px; background: #f7f7f5; }
button.cx-stat { cursor: pointer; transition: box-shadow .2s, background .2s; }
button.cx-stat:hover { background: #fff; box-shadow: var(--ap-halo-soft); }
button.cx-stat:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.cx-stat b { font-family: var(--ap-display); font-weight: 800; font-size: 24px; letter-spacing: -.03em; color: var(--ap-ink); font-variant-numeric: tabular-nums; line-height: 1.1; }
.cx-stat span { font-size: 12px; color: var(--ap-ink-3); }
.cx-flags { margin-left: auto; display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.cx-flag { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--ap-ink-2); cursor: pointer; }
.cx-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cx-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(17,17,18,.08); background: #fff; font: inherit; font-size: 12.5px; color: var(--ap-ink-2); cursor: pointer; transition: border-color .15s, color .15s; }
.cx-chip b { font-weight: 600; color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }
.cx-chip:hover:not(:disabled) { border-color: var(--ap-accent); color: var(--ap-accent); }
.cx-chip:disabled { cursor: default; opacity: .6; }
.cx-more { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; font-size: 12.5px; color: var(--ap-ink-3); }
.cx-subs { border-top: 1px solid rgba(17,17,18,.06); margin: 0 -22px -22px; }
.cx-subs summary { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 14px 22px; font-size: 13px; font-weight: 600; color: var(--ap-ink-2); cursor: pointer; }
.cx-subs summary::-webkit-details-marker { display: none; }
.cx-subs summary:hover { color: var(--ap-accent); }
.cx-subs summary i { font-size: 11px; transition: transform .2s; }
.cx-subs[open] summary i { transform: rotate(180deg); }
.cx-subs-list { padding: 0 14px 16px; display: flex; flex-direction: column; gap: 2px; max-height: 420px; overflow-y: auto; }
.cx-sub { display: grid; grid-template-columns: 32px minmax(0,1fr) auto 32px; align-items: center; gap: 12px; padding: 6px 8px; border-radius: 10px; }
.cx-sub:hover { background: #f7f7f5; }
.cx-sub-img { width: 32px; height: 32px; border-radius: 9px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--c, var(--ap-accent)); color: #fff; font-size: 12px; }
.cx-sub-img img { width: 100%; height: 100%; object-fit: cover; background: #fff; }
.cx-sub-name { font-size: 14px; color: var(--ap-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cx-sub-n { font-size: 12px; color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }
.cx-add { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 10px 12px; border-radius: 10px; border: 1px dashed rgba(17,17,18,.15); font-size: 13px; color: var(--ap-ink-3); cursor: pointer; }
.cx-add:hover { border-color: var(--ap-accent); color: var(--ap-accent); }
.cx-empty { background: #fff; border-radius: 20px; box-shadow: var(--ap-card-sh); padding: 56px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.cx-empty h3 { margin: 0; font-size: 22px !important; }
.cx-empty p { margin: 0 0 10px; color: var(--ap-ink-3); font-size: 14px; }
@media (max-width: 768px) {
  .cx-sum { order: 3; margin-left: 0; width: 100%; }
  .cx-search { flex: 1 1 100%; }
  .cx-card { padding: 18px; border-radius: 18px; }
  .cx-subs { margin: 0 -18px -18px; }
  .cx-flags { margin-left: 0; width: 100%; }
}

/* ── Preços (.pz) ─────────────────────────────────────────────────────────── */
.pz-card { background: #fff; border: 1px solid rgba(17,17,18,.05); border-radius: 20px; box-shadow: var(--ap-card-sh); max-width: 100%; overflow-x: auto; }
.pz-table { width: 100%; border-collapse: collapse; font-size: 14px; }
@media (min-width: 769px) { .pz-table { min-width: 1120px; } }
.pz-table th { text-align: left; padding: 12px 12px; font-size: 12px; font-weight: 600; color: var(--ap-ink-3); border-bottom: 1px solid rgba(17,17,18,.06); background: #fff; white-space: nowrap; }
.pz-table td { padding: 8px 12px; white-space: nowrap; border-bottom: 1px solid rgba(17,17,18,.05); vertical-align: middle; }
.pz-table tr:last-child td { border-bottom: 0; }
.pz-table tbody tr { transition: background-color .15s; }
.pz-table tbody tr:hover td { background: rgba(137,207,240,.08); }
.pz-table tr.is-sel td { background: rgba(30,51,112,.035); }
.pz-table tr.is-mod td { background: rgba(137,207,240,.14); }
.pz-table tr.is-mod td:first-child { box-shadow: inset 3px 0 0 var(--ap-accent); }
.pz-num { text-align: right !important; width: 1%; white-space: nowrap; }
.pz-prod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pz-prod img, .pz-ph { width: 36px; height: 36px; border-radius: 8px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px rgba(17,17,18,.06); flex-shrink: 0; }
.pz-ph { display: flex; align-items: center; justify-content: center; color: var(--ap-ink-4); }
.pz-name { font-weight: 600; color: var(--ap-ink); max-width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pz-sub { font-size: 12px; color: var(--ap-ink-3); margin-top: 3px; }
.pz-in { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border: 1px solid rgba(17,17,18,.12); border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; cursor: text; }
.pz-in:focus-within { border-color: var(--ap-accent); box-shadow: var(--ap-halo-soft); }
.pz-in span { font-size: 12px; color: var(--ap-ink-3); }
.pz-in input { width: 96px; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; height: auto !important;
  font: inherit; font-size: 14px !important; font-weight: 600; color: var(--ap-ink); text-align: right; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.pz-in--pct input { width: 96px; }
.pz-in input::placeholder { color: var(--ap-ink-3); font-weight: 400; }
.pz-in input::-webkit-outer-spin-button, .pz-in input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
@media (max-width: 768px) {
  .pz-card { border-radius: 18px; background: transparent; box-shadow: none; border: 0; }
  .pz-table.ap-cards tr { border-radius: 16px; }
  .pz-in input { width: 80px; }
}
/* Barra de progresso do KPI "Produtos precificados" */
.pz-prog { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.pz-prog-tr { flex: 1; height: 5px; border-radius: 999px; background: var(--ap-fill); overflow: hidden; }
.pz-prog-tr span { display: block; height: 100%; border-radius: 999px; background: var(--ap-accent); transition: width .4s cubic-bezier(.16,1,.3,1); }
.pz-prog b { font-size: 11.5px; font-weight: 600; color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }

/* Preço igual ou abaixo do custo: borda vermelha discreta, sem bloquear a edição */
.pz-in--alerta { border-color: var(--ap-danger-line); background: var(--ap-danger-soft); }
.pz-in--alerta:focus-within { border-color: var(--ap-danger); box-shadow: 0 0 0 3px rgba(196,43,28,.12); }
.pz-in--alerta input { color: var(--ap-danger-ink); }
.pz-in--invalid { border-color:var(--ap-danger-line); }
.pz-cell-edit { display:inline-flex; align-items:center; justify-content:flex-end; max-width:100%; padding:4px 6px; margin:-4px -6px; border:0; border-radius:7px; background:transparent; color:inherit; font:inherit; font-variant-numeric:tabular-nums; cursor:pointer; }
.pz-cell-edit:hover { background:var(--ap-accent-08); color:var(--ap-accent); }
.pz-cell-edit:focus-visible { outline:2px solid var(--ap-accent); outline-offset:2px; }
.pz-cell-edit--margin { padding:0; margin:0; }
.pz-cell-edit--margin:hover { background:transparent; color:inherit; }
.pz-cell-edit--margin:hover .ap-pill { filter:brightness(.96); }

/* Coluna "Última atualização": segunda a sair quando a tela aperta */
.pz-quando { white-space: nowrap; color: var(--ap-ink-3); font-size: 13px; font-variant-numeric: tabular-nums; }

.pz-step { display: inline-flex; align-items: center; height: 40px; border: 1px solid rgba(17,17,18,.12); border-radius: 12px; background: #fff; overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.pz-step:focus-within { border-color: var(--ap-accent); box-shadow: var(--ap-halo-soft); }
.pz-step button { all: unset; width: 38px; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--ap-ink-3); cursor: pointer; font-size: 12px; }
.pz-step button:hover { background: #f7f7f5; color: var(--ap-accent); }
.pz-step input { width: 64px; height: 100% !important; border: 0 !important; border-left: 1px solid rgba(17,17,18,.08) !important; border-right: 1px solid rgba(17,17,18,.08) !important; border-radius: 0 !important; box-shadow: none !important; outline: 0; text-align: center; font: inherit; font-size: 15px !important; font-weight: 600; font-variant-numeric: tabular-nums; -moz-appearance: textfield; background: transparent !important; padding: 0 !important; }
.pz-step input::-webkit-outer-spin-button, .pz-step input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* ═══════════════════════════════════════════════════════════════════════════
   ABAS E FILAS — formato único "pílula" (05/10/2026)
   Substitui as abas sublinhadas de todas as telas (filas de Pedidos, abas de
   Produtos, Marketing, Financeiro, Mercado Livre, Mercado Pago, uploads...).
   Cada aba é uma pílula branca; a ativa fica azul Stelc cheia com halo. A
   contagem vira um selo dentro da pílula. A faixa rola de lado sem barra.
   ═══════════════════════════════════════════════════════════════════════════ */
:is(.ox-queues, .pml-tabs, .mk-tabs, .fin-tabbar, .ordx-tabs, .adm-tabs, .mlx-tabs,
    *:has(> :is(.prod-tab, .mpx-tab, .upx-hub-tab, .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn))) {
  display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 6px !important;
  overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none;
  border: 0 !important; border-bottom: 0 !important; background: transparent !important; box-shadow: none !important;
  padding: 6px 2px !important; margin-bottom: 4px;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent);
          mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent);
}
:is(.ox-queues, .pml-tabs, .mk-tabs, .fin-tabbar, .ordx-tabs, .adm-tabs, .mlx-tabs)::-webkit-scrollbar { display: none; }

:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn) {
  position: relative; flex: 0 0 auto; display: inline-flex !important; align-items: center; gap: 8px;
  height: 36px !important; padding: 0 14px !important; margin: 0 !important;
  border: 1px solid rgba(17,17,18,.08) !important; border-radius: 999px !important;
  background: #fff !important; color: var(--ap-ink-2) !important;
  font: inherit; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap; cursor: pointer;
  box-shadow: 0 1px 2px rgba(17,17,18,.04) !important;
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s, background-color .2s, color .2s, border-color .2s !important;
}
:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn)::after { content: none !important; display: none !important; }
:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn):hover {
  color: var(--ap-ink) !important; border-color: rgba(30,51,112,.25) !important; transform: translateY(-1px);
}
/* Ativa */
:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn):is([aria-pressed="true"], [aria-selected="true"], .active, .is-active, .adm-tab--active, .on) {
  background: var(--ap-accent) !important; border-color: var(--ap-accent) !important; color: #fff !important; font-weight: 600 !important;
  box-shadow: 0 0 0 3px rgba(30,51,112,.10), 0 10px 22px -12px rgba(30,51,112,.65) !important;
}
:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn):is([aria-pressed="true"], [aria-selected="true"], .active, .is-active, .adm-tab--active, .on) i { color: #fff !important; }
:is(.ox-queues > button, .pml-tabs > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .mpx-tab, .upx-hub-tab,
    .upload-tab, .upload-modal-tab, .fin-tab, .fin-tab2, .ml-tab, .customer-tab-btn, .content-tab-btn, .adm-tab-btn):focus-visible { outline: 2px solid var(--ap-accent) !important; outline-offset: 2px; }

/* Contagem dentro da pílula */
:is(.ox-queues > button > b, .ordx-tab-count, .mk-tab b, .pml-tabs > button > b, .prod-tab b, .fin-tab2 b, .adm-tab b) {
  display: inline-flex !important; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 7px !important; margin: 0 !important;
  border-radius: 999px !important; background: rgba(17,17,18,.06) !important; color: var(--ap-ink-2) !important;
  font-size: 11.5px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums;
}
:is(.ox-queues > button, .ordx-tab, .mk-tab, .pml-tabs > button, .prod-tab, .fin-tab2, .adm-tab):is([aria-pressed="true"], [aria-selected="true"], .active, .is-active, .adm-tab--active) :is(b, .ordx-tab-count, .crm-count) {
  background: rgba(255,255,255,.18) !important; border-color: rgba(255,255,255,.55) !important; color: #fff !important;
}
/* Fila de Pedidos fica fora do cartão da lista, acima da busca. */
.ox-list .ox-queues { padding: 14px 16px 4px !important; margin: 0 !important; }
@media (prefers-reduced-motion: reduce) {
  :is(.ox-queues > button, .mk-tab, .ordx-tab, .adm-tab, .mlx-tab, .prod-tab, .fin-tab2) { transition: none !important; transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   COMPONENTES — acabamento final (05/10/2026)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Contador de quantidade: trilho suave, botões redondos brancos, número em
   Bricolage. Mesmo desenho do seletor de quantidade da loja, só que em azul. */
.pz-step {
  display: inline-flex !important; align-items: center; gap: 2px;
  height: 40px; padding: 4px !important; border: 0 !important; border-radius: 999px !important;
  background: #f1f1ee !important; box-shadow: inset 0 0 0 1px rgba(17,17,18,.04) !important; overflow: visible !important;
}
.pz-step:focus-within { box-shadow: inset 0 0 0 1px rgba(30,51,112,.25), var(--ap-halo-soft) !important; }
.pz-step button {
  all: unset; box-sizing: border-box; flex-shrink: 0;
  width: 32px !important; height: 32px !important; min-height: 0 !important; min-width: 0 !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  border-radius: 50% !important; background: #fff !important; color: var(--ap-ink-2) !important;
  box-shadow: 0 1px 2px rgba(17,17,18,.10), 0 0 0 1px rgba(17,17,18,.05) !important;
  font-size: 11px !important; cursor: pointer;
  transition: transform .2s cubic-bezier(.16,1,.3,1), color .15s, box-shadow .2s;
}
.pz-step button:hover { color: var(--ap-accent) !important; transform: scale(1.08); box-shadow: 0 4px 10px -4px rgba(30,51,112,.45), 0 0 0 1px rgba(30,51,112,.18) !important; }
.pz-step button:active { transform: scale(.94); }
.pz-step button:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.pz-step input {
  all: unset; box-sizing: border-box; width: 56px !important; height: 32px !important; min-height: 0 !important;
  text-align: center; font-family: var(--ap-display) !important; font-weight: 800 !important; font-size: 16px !important;
  letter-spacing: -.02em; color: var(--ap-ink) !important; font-variant-numeric: tabular-nums;
  border: 0 !important; background: transparent !important; box-shadow: none !important; -moz-appearance: textfield;
}
.pz-table tr.is-mod .pz-step { background: rgba(137,207,240,.22) !important; }
.pz-table tr.is-mod .pz-step input { color: var(--ap-accent) !important; }

/* Campo numérico: sem as setinhas nativas do navegador em todo o admin. */
.content input[type="number"], .ap-modal input[type="number"], .ds-modal-shell input[type="number"] { -moz-appearance: textfield; appearance: textfield; font-variant-numeric: tabular-nums; }
.content input[type="number"]::-webkit-outer-spin-button, .content input[type="number"]::-webkit-inner-spin-button,
.ap-modal input[type="number"]::-webkit-outer-spin-button, .ap-modal input[type="number"]::-webkit-inner-spin-button,
.ds-modal-shell input[type="number"]::-webkit-outer-spin-button, .ds-modal-shell input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Select: seta própria, mesma em todo lugar. */
:is(.content, .ap-modal, .ds-modal-shell, .ap-confirm) select:not([multiple]):not([size]) {
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23687080' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px !important;
  padding-right: 34px !important; cursor: pointer;
}

/* Rádio desenhado. */
.content input[type="radio"], .ap-modal input[type="radio"] {
  appearance: none; -webkit-appearance: none; width: 18px !important; height: 18px !important; margin: 0;
  border: 1.5px solid rgba(17,17,18,.25); border-radius: 50%; background: #fff; cursor: pointer; vertical-align: middle; flex-shrink: 0;
  transition: border-color .15s, box-shadow .15s;
}
.content input[type="radio"]:checked, .ap-modal input[type="radio"]:checked { border-color: var(--ap-accent); box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 9px var(--ap-accent); }

/* Interruptores (três famílias) com um desenho só: trilho 38×22, azul ligado. */
.ap-switch > span, .pml-switch > span, .toggle-switch .toggle-slider {
  width: 38px !important; height: 22px !important; border-radius: 999px !important;
  background: rgba(17,17,18,.14) !important; transition: background .2s !important;
}
.ap-switch > span::after, .pml-switch > span::after, .toggle-switch .toggle-slider::before {
  top: 2px !important; left: 2px !important; bottom: auto !important; width: 18px !important; height: 18px !important;
  border-radius: 50% !important; background: #fff !important; box-shadow: 0 1px 3px rgba(17,17,18,.25) !important;
  transition: transform .25s cubic-bezier(.16,1,.3,1) !important;
}
.ap-switch input:checked + span, .pml-switch input:checked + span, .toggle-switch input:checked + .toggle-slider { background: var(--ap-accent) !important; }
.ap-switch input:checked + span::after, .pml-switch input:checked + span::after, .toggle-switch input:checked + .toggle-slider::before { transform: translateX(16px) !important; }
.ap-switch input:focus-visible + span, .pml-switch input:focus-visible + span { outline: 2px solid var(--ap-accent) !important; outline-offset: 2px; }

/* Botão de fechar e botão-ícone: círculo discreto. */
:is(.ap-icon-btn, .ds-modal-close, .mlp-head .ap-icon-btn, .modal-close, .upload-modal-close) {
  width: 34px !important; height: 34px !important; border-radius: 50% !important; border: 0 !important;
  background: rgba(17,17,18,.05) !important; color: var(--ap-ink-2) !important; display: inline-flex !important; align-items: center; justify-content: center;
  transition: background .15s, color .15s, transform .2s;
}
:is(.ap-icon-btn, .ds-modal-close, .modal-close, .upload-modal-close):hover { background: rgba(17,17,18,.09) !important; color: var(--ap-ink) !important; transform: rotate(90deg); }
.pml-action-btn:hover { transform: none; }

/* Cabeçalho e rodapé de modal com respiro. */
.ap-modal-head { padding: 20px 24px !important; border-bottom: 1px solid rgba(17,17,18,.06) !important; }
.ap-modal-head h3, .ap-modal-head h2 { font-size: 20px !important; margin: 0; }
.ap-modal-body { padding: 22px 24px !important; }
.ap-modal-foot { padding: 16px 24px !important; border-top: 1px solid rgba(17,17,18,.06) !important; background: #fcfcfb !important; gap: 10px !important; }
.ds-modal-header { padding: 20px 24px !important; }
.ds-modal-body { padding: 22px 24px !important; }
.ds-modal-footer { padding: 16px 24px !important; background: #fcfcfb !important; }

/* Rolagem fina em todo o admin. */
.content *, .sidebar, .ap-modal, .ds-modal-shell, .pml-kebab-menu { scrollbar-width: thin; scrollbar-color: rgba(17,17,18,.18) transparent; }
.content ::-webkit-scrollbar, .sidebar::-webkit-scrollbar, .ap-modal ::-webkit-scrollbar { width: 8px; height: 8px; }
.content ::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-thumb, .ap-modal ::-webkit-scrollbar-thumb { background: rgba(17,17,18,.16); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }

/* Miniatura de produto em qualquer lista: canto 10, anel fino. */
:is(.pml-thumb, .dx-prod img, .dx-prod-ph, .pml-thumb-placeholder) { border-radius: 10px !important; border: 0 !important; box-shadow: inset 0 0 0 1px rgba(17,17,18,.06) !important; background: #fff; }

/* Carregando: texto discreto com pulso, sem ícone gigante. */
.adm-loading { color: var(--ap-ink-3) !important; font-size: 14px !important; animation: apPulse 1.4s ease-in-out infinite; }
.adm-loading i { display: none; }
@keyframes apPulse { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .adm-loading { animation: none; } }

::selection { background: rgba(137,207,240,.45); color: var(--ap-ink); }
.content a:not([class]) { color: var(--ap-accent); text-decoration-color: rgba(30,51,112,.3); text-underline-offset: 3px; }

/* ── Modais antigos montados com style inline ──────────────────────────────────
 * Importar produtos/Shopee/ML, robô de autopreenchimento, categoria, pré-visualização
 * etc. são <div style="position:fixed;...;background:rgba(0,0,0,.5..8)"> com uma caixa
 * dentro. Aqui ganham a moldura dos modais novos sem reescrever cada um. O visualizador
 * de imagem (fundo .9) fica de fora: ali o escuro é o certo. */
:is(div[style*="position:fixed"], div[style*="position: fixed"]):is([style*="rgba(0,0,0,0.5)"], [style*="rgba(0, 0, 0, 0.5)"], [style*="rgba(0,0,0,0.6)"], [style*="rgba(0,0,0,0.7)"], [style*="rgba(0, 0, 0, 0.7)"], [style*="rgba(0,0,0,0.8)"], [style*="rgba(0, 0, 0, 0.8)"], [style*="rgba(15,23,42,0.65)"]) {
  background: rgba(17,17,18,.42) !important; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
:is(div[style*="position:fixed"], div[style*="position: fixed"]):is([style*="rgba(0,0,0,0.5)"], [style*="rgba(0, 0, 0, 0.5)"], [style*="rgba(0,0,0,0.6)"], [style*="rgba(0,0,0,0.7)"], [style*="rgba(0, 0, 0, 0.7)"], [style*="rgba(0,0,0,0.8)"], [style*="rgba(0, 0, 0, 0.8)"], [style*="rgba(15,23,42,0.65)"]) > div:not([style*="position:absolute"]) {
  border-radius: 20px !important; border: 0 !important; overflow: hidden;
  box-shadow: 0 24px 70px -20px rgba(17,17,18,.45) !important;
}
/* Clicáveis que antes trocavam a borda via JS no hover. */
.content [onclick][style*="border"]:not(button):not(a), .ap-modal [onclick][style*="border"]:not(button):not(a) { transition: border-color .15s, box-shadow .2s; }
.content [onclick][style*="border"]:not(button):not(a):hover { border-color: rgba(30,51,112,.35) !important; box-shadow: var(--ap-halo-soft); }

/* ── Produtos ─────────────────────────────────────────────────────────────── */
#productsList .pml-table-wrap, .pml-table-wrap {
  background: #fff !important; border: 1px solid rgba(17,17,18,.05) !important; border-radius: 20px !important;
  box-shadow: var(--ap-card-sh) !important; overflow: auto;
}
#productsList .pml-table th { padding: 14px 14px !important; background: #fff !important; border-bottom: 1px solid rgba(17,17,18,.06) !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ap-ink-3) !important; text-transform: none !important; letter-spacing: 0 !important; }
#productsList .pml-table td { padding: 12px 14px !important; border-bottom: 1px solid rgba(17,17,18,.05) !important; font-size: 14px; }
#productsList .pml-row:hover td { background: rgba(137,207,240,.08) !important; }
#productsList .pml-name-link { font-weight: 600 !important; color: var(--ap-ink) !important; font-size: 14px !important; }
#productsList .pml-name-link:hover { color: var(--ap-accent) !important; }
.pml-row--selected, .pml-row--selected td { background: rgba(30,51,112,.04) !important; outline: 0 !important; }
.pml-row--selected td:first-child { box-shadow: inset 3px 0 0 var(--ap-accent); }
.pml-pix-price { font-family: var(--ap-display); font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pml-toolbar { gap: 10px !important; margin-bottom: 14px !important; }
.pml-toolbar .pml-search { height: 40px !important; border-radius: 12px !important; }

/* Barra de seleção em lote: cartão flutuante no rodapé da lista. */
.pml-bulk-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

.pz-ro { font-variant-numeric: tabular-nums; color: var(--ap-ink-2); }
.pz-muted { color: var(--ap-ink-4); font-size: 12px; }
.pz-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 999px; background: rgba(17,17,18,.06); color: var(--ap-ink-2); font-size: 11px; font-weight: 600; }
.pz-tag--warn { background: var(--ap-warn-soft); color: var(--ap-warn-ink); }
.pz-margem .ap-pill { font-variant-numeric: tabular-nums; }
/* Custo e margem só para quem pode ver financeiro (mesma regra do resto do admin). */
body.sem-preco-custo .pz-custo { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
 * BARRA DE FILTROS — uma linha, filtro guardado, estado à vista
 *
 * O problema medido em 08/10/2026: o topo da lista variava de 162px a 710px
 * entre telas que fazem o mesmo trabalho. No Financeiro a lista começava a
 * 710px numa janela de 855px — ou seja, abaixo da dobra. Estoque e Preços
 * enfileiravam quatro <select> abertos que o usuário precisa LER um a um para
 * saber o que está filtrando.
 *
 * A aposta deste desenho: a lista é a protagonista, e todo pixel acima dela é
 * roubado do trabalho. Então o filtro some até ser chamado (fica no .ap-dd, o
 * mesmo popover do menu ⋯ das linhas) e o que está ligado aparece como chip
 * removível com o VALOR escrito — não como "3 filtros aplicados", que obriga a
 * abrir para descobrir o quê.
 *
 * A linha de chips só existe quando há filtro. Estado padrão: uma linha só.
 * ═══════════════════════════════════════════════════════════════ */

.afx {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 10px 0 12px;
}
.afx-busca { flex: 1 1 240px; min-width: 180px; max-width: 420px; position: relative; }
.afx-busca > i {
  position: absolute; left: 11px; top: 50%; transform: translateY(-50%);
  font-size: 12px; color: var(--ap-ink-4); pointer-events: none;
}
.afx-busca > input {
  width: 100%; height: 36px; padding: 0 12px 0 31px;
  border: 1px solid var(--ap-line); border-radius: var(--ap-r-field);
  background: var(--ap-surface); color: var(--ap-ink); font: inherit; font-size: 13px;
}
.afx-busca > input::placeholder { color: var(--ap-ink-4); }
.afx-busca > input:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: -1px; }

.afx-esq { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; flex-wrap: wrap; }
.afx-dir { display: flex; align-items: center; gap: 8px; margin-left: auto; }

/* Botão que guarda os filtros. Ganha a cor de acento só quando há filtro
   ligado: o estado precisa ser legível sem abrir nada. */
.afx-btn {
  display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 12px;
  border: 1px solid var(--ap-line); border-radius: var(--ap-r-field);
  background: var(--ap-surface); color: var(--ap-ink);
  font: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
  transition: border-color .12s, background .12s, color .12s;
}
.afx-btn:hover { border-color: var(--ap-line-strong); background: var(--ap-surface-2); }
.afx-btn:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 1px; }
.afx-btn > i { font-size: 12px; color: var(--ap-ink-3); }
.afx-btn[aria-expanded="true"] { border-color: var(--ap-accent); color: var(--ap-accent); }
.afx-btn[aria-expanded="true"] > i { color: var(--ap-accent); }
.afx-btn.is-on { border-color: var(--ap-accent); color: var(--ap-accent); background: var(--ap-accent-08); }
.afx-btn.is-on > i { color: var(--ap-accent); }
.afx-n {
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
  background: var(--ap-accent); color: var(--ap-surface);
  font-size: 11px; font-weight: 600; line-height: 18px; text-align: center;
}

/* O painel: herda .ap-dd (mesma sombra, raio e borda do menu ⋯). Só acrescenta
   o que um menu de ações não tem: campos agrupados e um rodapé. */
.afx-dd { position: relative; }
.afx-painel { min-width: 268px; padding: 4px; }
.afx-campo { padding: 8px 10px 2px; }
.afx-campo > label {
  display: block; margin-bottom: 5px;
  font-size: 12px; font-weight: 500; color: var(--ap-ink-3);
}
.afx-campo select, .afx-campo input {
  width: 100%; height: 34px; padding: 0 10px;
  border: 1px solid var(--ap-line); border-radius: var(--ap-r-sm);
  background: var(--ap-surface); color: var(--ap-ink); font: inherit; font-size: 13px;
}
.afx-campo select:focus-visible, .afx-campo input:focus-visible {
  outline: 2px solid var(--ap-accent); outline-offset: -1px;
}
.afx-pe {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 6px; padding: 8px 10px; border-top: 1px solid var(--ap-line-soft);
  font-size: 12px; color: var(--ap-ink-3);
}
.afx-limpar {
  border: 0; background: none; padding: 0; font: inherit; font-size: 12px; font-weight: 500;
  color: var(--ap-accent); cursor: pointer;
}
.afx-limpar:disabled { color: var(--ap-ink-4); cursor: default; }
.afx-limpar:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; border-radius: 3px; }



/* ═══ Cartoes de indicador ═══════════════════════════════════════════════════
   Um componente so. O admin ja tinha quatro variantes quase iguais do mesmo
   cartao (.rep-kpi, .crm-kpi, .nfe-kpi, .fin-kpi2) nascidas uma por tela; esta
   e a versao do sistema, com o quadrado de icone colorido por tom. As telas
   antigas migram quando forem tocadas — duplicar a quinta seria o erro. */
.ap-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 0 0 18px; }
/* Enquadramento único do cartao de indicador, igual ao da tela de Pedidos:
   mesma altura minima, mesmo recuo e mesma distancia entre icone e texto em
   todas as telas, para a faixa nao mudar de respiro de uma pagina para outra. */
.ap-kpi {
  display: flex; align-items: flex-start; gap: 15px;
  padding: 17px; min-width: 0; min-height: 110px; box-sizing: border-box;
  background: var(--ap-surface); border: 1px solid var(--ap-line); border-radius: 12px;
  box-shadow: none;
}
.ap-kpi-ico {
  display: flex; align-items: flex-start; justify-content: center; flex-shrink: 0;
  width: auto; height: auto; margin-top: 2px; border-radius: 0; font-size: 18px;
  background: none; color: var(--ap-ink-3);
}
/* So o estado grave ganha cor; os demais ficam neutros, como na tela de Pedidos. */
.ap-kpi-ico--ok, .ap-kpi-ico--warn { color: var(--ap-ink-3); }
.ap-kpi-ico--danger { color: var(--ap-danger); }
.pml-kpi--clicavel { width: 100%; text-align: left; cursor: pointer; font: inherit; color: inherit; transition: border-color .15s ease, box-shadow .15s ease; }
.pml-kpi--clicavel:hover { border-color: var(--ap-danger-line); box-shadow: var(--ap-sh-2); }
.ap-kpi-corpo { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
/* Rotulo em cima do numero: mesma leitura da faixa de Pedidos. */
.ap-kpi-lbl { order: -1; font-size: 12px; font-weight: 500; color: var(--ap-ink-3); }
.ap-kpi-val {
  font-family: inherit; font-size: 28px; font-weight: 600; letter-spacing: -.02em;
  color: var(--ap-ink); line-height: 1.1; margin: 0; font-variant-numeric: tabular-nums;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ap-kpi-sub { font-size: 12px; color: var(--ap-ink-4); }
@media (max-width: 560px) {
  .ap-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ap-kpi { padding: 12px; gap: 10px; min-height: 94px; }
  .ap-kpi-ico { font-size: 15px; }
  .ap-kpi-val { font-size: 20px; }
}

/* Linha de filtros visiveis, abaixo da busca. O popover .afx continua existindo
   para os campos de uso raro; aqui ficam os que a tela usa o tempo todo, com o
   rotulo escrito — ler "STELC AUTOMACAO" sem saber de que campo e nao ajuda. */
.afx-linha { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
.afx-campo-linha { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 0 1 215px; }
.afx-campo-linha > label { font-size: 11.5px; font-weight: 500; color: var(--ap-ink-3); padding-left: 2px; }
.afx-campo-linha > select {
  height: 42px; padding: 0 32px 0 12px; width: 100%;
  border: 1px solid var(--ap-line); border-radius: var(--ap-r-field);
  background: var(--ap-surface); color: var(--ap-ink); font: inherit; font-size: 13.5px;
}
.afx-campo-linha > select:hover { border-color: var(--ap-line-strong); }
.afx-campo-linha > select:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: -1px; }
.afx-linha > .afx-limpar { height: 42px; padding: 0 4px; }
@media (max-width: 768px) {
  .afx-campo-linha { flex: 1 1 calc(50% - 5px); }
  .afx-linha > .afx-limpar { flex: 1 1 100%; height: 36px; text-align: left; }
}

/* Celulas novas da tabela de Estoque */
.pz-chan { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.pz-chan img, .pz-chan i { width: 18px; height: 18px; font-size: 15px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pz-chan--ml i    { color: var(--ap-ml-ink); }
.pz-chan--shopee i { color: var(--ap-shp); }
.pz-chan--amazon i { color: var(--ap-amz); }
.pz-chan + .pz-chan { margin-left: 10px; }
.pz-mov { font-size: 13px; color: var(--ap-ink-2); white-space: nowrap; }
.pz-mov small { display: block; font-size: 11.5px; color: var(--ap-ink-4); }

/* Faixa de escopo da selecao. O checkbox do cabecalho marca a PAGINA; sem
   dizer isso em texto o usuario acha que marcou o filtro inteiro, e a acao em
   massa agiria em 20 produtos quando ele esperava milhares. So existe quando
   ha algo marcado, entao o estado padrao da tela nao perde altura. */
.afx-sel {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0 0 12px; padding: 8px 12px;
  border: 1px solid var(--ap-accent-24); border-radius: 12px;
  background: var(--ap-accent-08); color: var(--ap-ink-2); font-size: 13px;
}
.afx-sel[hidden] { display: none; }   /* display:flex ganharia do atributo hidden */
.afx-sel strong { color: var(--ap-accent); }
.afx-sel > button[hidden] { display: none; }
.afx-sel > button { margin-left: 0; }
.afx-sel > button:last-child { margin-left: auto; }

/* Coluna da caixa de selecao nas tabelas .pz-table */
.pz-table th.pz-sel, .pz-table td.pz-sel { width: 40px; padding-right: 0; text-align: center; }
.pz-table .pz-sel input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--ap-accent); cursor: pointer; }
.pz-table .pz-sel input[type="checkbox"]:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
@media (max-width: 768px) {
  /* Em cartao (admin-shell.js converte tabela de 4+ colunas no celular), a
     primeira celula vira o titulo do cartao — e o titulo nao pode ser uma
     caixa de selecao. A caixa encosta no canto e o produto volta a ser titulo. */
  table.ap-cards td.pz-sel { position: absolute; top: 10px; right: 12px; width: auto; padding: 0 !important; }
  table.ap-cards tr { position: relative; }
  table.ap-cards td.pz-sel::before { content: none; }
  table.ap-cards td.pz-sel + td { font-weight: 600; font-size: 15px; text-align: left; justify-content: flex-start; padding-right: 36px; }
  table.ap-cards td.pz-sel + td::before { content: none; }
}

@media (max-width: 768px) {
  .afx-busca { flex: 1 1 100%; max-width: none; }
  .afx-dir { margin-left: 0; width: 100%; }
  .afx-dir > .ap-btn { flex: 1; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .afx-btn { transition: none; } }

/* Categorias: painel hierárquico */
.cx { max-width: none; gap: 20px; color: #101b34; }
.cx-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.cx-metric { min-height:108px; display:flex; align-items:flex-start; gap:16px; position:relative; padding:18px; border:1px solid #e7ebf4; border-radius:16px; background:#fff; box-shadow:0 8px 25px rgba(21,38,85,.045); }
.cx-metric-icon { width:52px; height:52px; flex:none; display:grid; place-items:center; border-radius:14px; font-size:23px; background:#e5efff; color:#1457df; }
.cx-metric--green .cx-metric-icon { background:#ddf8eb; color:#08aa68; }.cx-metric--purple .cx-metric-icon { background:#eee8ff; color:#5b35e4; }.cx-metric--orange .cx-metric-icon { background:#fff0d6; color:#d57900; }
.cx-metric div { min-width:0; display:flex; flex-direction:column; gap:4px; }.cx-metric small { font-size:12px; color:#344467; }.cx-metric strong { font-size:27px; line-height:1.1; letter-spacing:-.035em; color:#0e1830; }.cx-metric div>span { font-size:11px; color:#7180a0; }.cx-metric-arrow { margin-left:auto; font-size:12px; color:#21458e; }
.cx-toolbar,.cx-toolbar-left,.cx-toolbar-right { display:flex; align-items:center; gap:14px; }.cx-toolbar { justify-content:space-between; flex-wrap:wrap; margin-top:12px; }.cx-toolbar-left { flex:1; }.cx-toolbar-right { margin-left:auto; }.cx-toolbar-right label { font-size:12px; color:#5b6b8c; }.cx-search { flex:0 1 415px; }.cx-search input,.cx-select,.cx-control { height:43px; border:1px solid #dbe3f1; border-radius:11px; background:#fff; color:#152342; box-shadow:0 2px 7px rgba(21,38,85,.025); }.cx-control { padding:0 14px; cursor:pointer; color:#103783; font-weight:600; }.cx-control b { display:inline-grid; place-items:center; width:19px; height:19px; margin-left:4px; border-radius:50%; background:#173d91; color:white; font-size:11px; }.cx-select { min-width:140px; padding:0 30px 0 13px; }.cx-view-switch { display:flex; gap:5px; }.cx-view-switch button,.cx-icon-btn { width:36px; height:36px; display:grid; place-items:center; border:1px solid #dce4f0; border-radius:10px; background:#fff; color:#153675; cursor:pointer; }.cx-view-switch button.is-active { background:#173989; color:#fff; }.cx-toolbar .ap-btn { min-height:43px; background:#173989; border-radius:11px; }
.cx-filters { display:none; align-items:end; flex-wrap:wrap; gap:12px; padding:16px; margin-top:-6px; border:1px solid #e2e8f2; border-radius:12px; background:#fff; }.cx-filters.is-open { display:flex; }.cx-filters label { display:flex; flex-direction:column; gap:5px; font-size:12px; color:#5b6b8c; }.cx-filters select { height:38px; min-width:160px; border:1px solid #dce4f0; border-radius:9px; background:#fff; padding:0 30px 0 10px; }.cx-filters>button { height:38px; border:0; background:transparent; color:#173989; cursor:pointer; }
.cx-panel { overflow:hidden; border:1px solid #e5eaf3; border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(18,38,84,.045); }.cx-panel-head { min-height:55px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 22px; }.cx-panel-head h2 { margin:0; font-size:18px; color:#101b34; }.cx-panel-head div { display:flex; gap:18px; }.cx-panel-head button { border:0; background:transparent; color:#173989; font-size:12px; cursor:pointer; }.cx-columns,.cx-row { display:grid; grid-template-columns:minmax(280px,2.6fr) minmax(95px,.7fr) minmax(115px,.65fr) minmax(100px,.9fr) minmax(138px,.8fr); align-items:center; column-gap:12px; }.cx-columns { min-height:35px; padding:0 22px; background:#f7f9fd; color:#536489; font-size:11px; font-weight:600; }.cx-row { min-height:66px; padding:8px 22px; border-top:1px solid #edf0f6; }.cx-row--sub { min-height:42px; padding-top:3px; padding-bottom:3px; }.cx-name { min-width:0; display:flex; align-items:center; gap:14px; }.cx-expand { width:22px; flex:none; border:0; background:transparent; color:#193b88; cursor:pointer; }.cx-category-icon { width:45px; height:45px; flex:none; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--cat-color); font-size:18px; }.cx-title { min-width:0; }.cx-title strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }.cx-title small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; font-size:11px; color:#7785a4; }.cx-count { font-size:13px; font-weight:700; color:#101b34; }.cx-count small { display:block; font-size:11px; font-weight:400; color:#7785a4; }.cx-count--link { width:fit-content; padding:0; border:0; background:transparent; text-align:left; cursor:pointer; }.cx-count--link:hover { color:#1747ac; }.cx-status { width:fit-content; display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border-radius:999px; background:#e1f7ec; color:#078154; font-size:11px; font-weight:700; }.cx-status:before { content:''; width:8px; height:8px; border-radius:50%; background:#08a966; }.cx-status--off { background:#f5e8e8; color:#a04d4d; }.cx-status--off:before { background:#bb6262; }.cx-actions { display:flex; gap:7px; justify-content:flex-end; }.cx-children { margin-left:69px; border-left:1px solid #dce5f3; }.cx-children .cx-row { padding-left:28px; }.cx-sub-icon { width:22px; display:grid; place-items:center; color:#263c66; }.cx-row--sub .cx-name>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.cx-more-btn { display:block; margin:0 0 0 28px; padding:10px 0; border:0; background:transparent; color:#183e95; font-weight:600; font-size:12px; cursor:pointer; }.cx-more-btn i { margin-left:5px; }.cx-grid-view { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr)); gap:16px; padding:16px; }.cx-grid-view .cx-item { border:1px solid #e5eaf3; border-radius:14px; overflow:hidden; }.cx-grid-view .cx-row { grid-template-columns:1fr auto; row-gap:12px; padding:16px; }.cx-grid-view .cx-row--parent>.cx-name { grid-column:1/-1; }.cx-grid-view .cx-row--parent>.cx-count,.cx-grid-view .cx-row--parent>.cx-status { display:inline-flex; }.cx-grid-view .cx-row--parent>.cx-actions { grid-column:2; }.cx-grid-view .cx-children { margin-left:16px; }.cx-grid-view .cx-row--sub { grid-template-columns:1fr auto; }.cx-grid-view .cx-row--sub>.cx-count,.cx-grid-view .cx-row--sub>.cx-status { display:none; }
@media(max-width:1100px){.cx-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.cx-toolbar-right{margin-left:0;}.cx-columns,.cx-row{grid-template-columns:minmax(230px,2fr) 90px 100px 80px 120px;}}
@media(max-width:760px){.cx-metrics{gap:9px;}.cx-metric{min-height:100px;padding:12px;gap:9px;}.cx-metric-icon{width:34px;height:34px;font-size:16px;}.cx-metric strong{font-size:20px;}.cx-metric-arrow{display:none;}.cx-toolbar-left,.cx-toolbar-right{width:100%;flex-wrap:wrap;}.cx-search{flex:1 1 100%;}.cx-toolbar-right label{display:none;}.cx-toolbar-right .ap-btn{margin-left:auto;}.cx-columns{display:none;}.cx-panel-head{padding:12px 14px;align-items:flex-start;}.cx-panel-head div{gap:8px;flex-wrap:wrap;justify-content:flex-end;}.cx-panel-head button{font-size:11px;}.cx-list-view{display:grid;gap:10px;padding:10px;}.cx-item{border:1px solid #e6ebf4;border-radius:12px;overflow:hidden;}.cx-row{grid-template-columns:1fr auto;gap:10px;padding:12px;}.cx-row--parent>.cx-name{grid-column:1/-1;}.cx-row--parent>.cx-count,.cx-row--parent>.cx-status{display:inline-flex;}.cx-row--parent>.cx-actions{grid-column:2;}.cx-children{margin-left:14px;}.cx-row--sub{grid-template-columns:1fr auto;}.cx-row--sub>.cx-count,.cx-row--sub>.cx-status{display:none;}.cx-children .cx-row{padding-left:10px;}}
@media(max-width:390px){.cx-metric div>span{display:none;}.cx-toolbar-right .ap-btn{width:100%;justify-content:center;}.cx-panel-head{display:block;}.cx-panel-head div{justify-content:flex-start;margin-top:8px;}}
.cx-modal-visibility { display:grid; gap:12px; padding:14px 16px; border:1px solid #e3e9f3; border-radius:12px; background:#f8faff; }
.cx-modal-visibility .cx-flag { font-size:13px; }

/* Pedidos: central operacional */
.ox-premium { color:#14213e; }.ox-premium .ox-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.ox-premium .ox-metric { position:relative; display:flex; min-width:0; min-height:110px; padding:17px; gap:15px; border:1px solid #e4eaf3; border-radius:13px; background:#fff; box-shadow:0 8px 24px rgba(24,45,94,.04); overflow:hidden; }.ox-premium .ox-metric-icon { width:54px; height:54px; flex:none; display:grid; place-items:center; border-radius:12px; background:#e7f2ff; color:#1470df; font-size:23px; }.ox-premium .ox-metric--orange .ox-metric-icon { background:#fff2df; color:#ec8611; }.ox-premium .ox-metric--green .ox-metric-icon { background:#e4fbef; color:#08a45d; }.ox-premium .ox-metric--red .ox-metric-icon { background:#ffebef; color:#ec2335; }.ox-premium .ox-metric-text { min-width:0; position:relative; z-index:1; display:flex; flex-direction:column; gap:5px; }.ox-premium .ox-metric-text small { color:#475a7b; font-size:11px; white-space:nowrap; }.ox-premium .ox-metric-text strong { color:#0d1932; font-size:25px; line-height:1.1; letter-spacing:-.04em; white-space:nowrap; }.ox-premium .ox-metric-text>span { color:#7181a0; font-size:11px; }.ox-premium .ox-metric-spark { position:absolute; width:105px; height:40px; right:12px; bottom:12px; opacity:.9; }.ox-premium .ox-bar { gap:10px; margin-top:2px; }.ox-premium .ox-bar .ox-meta { margin-left:auto; }.ox-premium .ox-bar .ox-meta { margin-right:10px; font-size:11px; color:#8090aa; }.ox-premium .ox-list { border-radius:15px; border:1px solid #e4eaf3; background:#fff; box-shadow:0 9px 28px rgba(24,45,94,.035); }.ox-premium .ox-period { display:flex; justify-content:flex-end; padding:14px 16px 0; }.ox-premium .ox-period .dx-seg { flex-wrap:wrap; }.ox-premium .ox-queues { display:flex; flex-wrap:wrap; gap:6px; }.ox-premium .ox-list .ox-queues { padding-top:4px !important; }.ox-premium .ox-queues>button { border-radius:999px !important; }.ox-premium .dx-orders-bar { display:flex; gap:10px; flex-wrap:wrap; border-bottom:1px solid #edf1f7; padding-bottom:12px !important; }.ox-premium .dx-orders-bar .dx-search { flex:1 1 350px; }.ox-premium .dx-orders-bar .dx-select { min-width:150px; border-color:#dce4f1; border-radius:10px; background-color:#fff; }.ox-premium .crm-bulk.show { display:flex; margin:0; padding:10px 14px; border:0; border-bottom:1px solid #e8eef6; border-radius:0; background:#fff; color:#27395e; }.ox-premium .crm-bulk b { display:flex; align-items:center; gap:8px; min-width:125px; }.ox-premium .crm-bulk button { height:34px; border-color:#dce4f0; border-radius:9px; color:#1b3b7f; }.ox-premium .crm-bulk button:disabled { opacity:.72; color:#5b6b8c; cursor:not-allowed; }.ox-premium .dx-otable th { background:#f6f9fc; color:#596b8c; font-size:11px; }.ox-premium .dx-otable td { border-color:#e9eef5; }.ox-premium .dx-otable a { color:#124bc0; }.ox-premium .dx-otable .sub { color:#7483a0; }.ox-premium .dx-otable .dx-prod img,.ox-premium .dx-otable .dx-prod-ph { width:42px; height:42px; }.ox-premium .dx-st { border-radius:999px; }
@media(max-width:1200px){.ox-premium .ox-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.ox-premium .ox-metric:last-child:nth-child(odd){grid-column:1/-1;}.ox-premium .ox-metric-spark{width:90px;}}
@media(max-width:760px){.ox-premium .ox-metrics{gap:8px;}.ox-premium .ox-metric{min-height:94px;padding:11px;gap:8px;}.ox-premium .ox-metric-icon{width:34px;height:34px;font-size:16px;}.ox-premium .ox-metric-text strong{font-size:18px;white-space:normal;}.ox-premium .ox-metric-spark{display:none;}.ox-premium .ox-bar .ox-meta{order:4;width:100%;}.ox-premium .ox-period{justify-content:flex-start;}.ox-premium .ox-period .dx-seg{overflow:visible;}.ox-premium .dx-orders-bar .dx-search{flex-basis:100%;}.ox-premium .dx-orders-bar .dx-select{flex:1 1 140px;min-width:0;}.ox-premium .crm-bulk.show{flex-wrap:wrap;}.ox-premium .crm-bulk b{width:100%;}.ox-premium .ox-table-scroll{overflow-x:auto;max-width:100%;}.ox-premium .dx-otable{min-width:880px;}}

/* Notas fiscais: central fiscal */
.nf-premium { color:#14213d; }.nf-premium .nf-page-title { display:flex; align-items:center; gap:12px; min-width:0; }.nf-premium .nf-page-icon { display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:10px; background:#e8f0ff; color:#1754c4; font-size:20px; }.nf-premium .nf-page-title h1 { margin:0; font-size:25px; line-height:1.15; color:#0d1932; }.nf-premium .nf-page-title p { margin:3px 0 0; color:#6a7b9c; font-size:13px; }.nf-premium .nf-breadcrumb { margin-left:auto; color:#7584a1; font-size:11px; white-space:nowrap; }.nf-premium .nf-breadcrumb i { margin:0 8px; font-size:9px; }.nf-premium .nf-breadcrumb b { color:#26395e; }.nf-premium .nf-top-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }.nf-premium .nf-accounts { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 !important; border:0; }.nf-premium .nf-accounts button { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 14px; border:1px solid #e1e8f3; border-radius:11px; background:#fff; color:#536786; box-shadow:0 3px 12px rgba(20,43,90,.035); font-size:12px; }.nf-premium .nf-accounts button[aria-selected="true"] { background:#153b99 !important; color:#fff !important; border-color:#153b99 !important; }.nf-premium .nf-accounts .nf-tab-n { display:inline-grid; place-items:center; min-width:22px; padding:3px 6px; border-radius:999px; background:#edf2fa; color:#3c5278; }.nf-premium .nf-accounts button[aria-selected="true"] .nf-tab-n { background:#3763bc; color:#fff; }.nf-premium .nf-top-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }.nf-premium .nf-top-actions .dx-seg { background:#edf1f8; border-color:transparent; border-radius:11px; }.nf-premium .nf-top-actions .dx-seg button[aria-pressed="true"] { background:#fff; color:#153b99; box-shadow:0 2px 9px rgba(20,43,90,.09); }.nf-premium .nf-top-actions .ap-btn { background:#153b99; border-radius:10px; min-width:110px; }.nf-premium .nf-info { display:flex; align-items:center; flex-wrap:wrap; gap:0; min-height:45px; padding:8px 15px; border:1px solid #e8edf4; border-radius:11px; background:#fff; color:#657593; font-size:12px; box-shadow:0 5px 16px rgba(20,43,90,.025); }.nf-premium .nf-info span { padding:0 16px; border-right:1px solid #e1e7f0; }.nf-premium .nf-info span:first-child { padding-left:0; }.nf-premium .nf-info span:last-child { border-right:0; }.nf-premium .nf-info i { color:#2063d2; margin-right:9px; }.nf-premium .nf-info b { color:#182849; }.nf-premium .nf-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.nf-premium .nf-metrics .dx-step { min-height:102px; position:relative; padding:17px 16px 15px 102px; border:1px solid #e7ebf2; border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(20,43,90,.035); text-align:left; }.nf-premium .nf-metrics .dx-step>span { display:block; color:#526481; font-size:12px; }.nf-premium .nf-metrics .dx-step>span i { position:absolute; left:18px; top:17px; display:grid; place-items:center; width:64px; height:64px; border-radius:12px; background:#eef3fa; color:#597299; font-size:25px; }.nf-premium .nf-metrics .dx-step:nth-child(2)>span i { background:#fff2e4; color:#ea8612; }.nf-premium .nf-metrics .dx-step:nth-child(3)>span i { background:#e4f7ec; color:#0a9556; }.nf-premium .nf-metrics .dx-step:nth-child(4)>span i { background:#ffebed; color:#e62636; }.nf-premium .nf-metrics .dx-step>b { display:block; margin:3px 0; color:#0d1932; font-size:25px; line-height:1.1; }.nf-premium .nf-metrics .dx-step>small { display:block; color:#70819f; font-size:11px; }.nf-premium .nf-metrics .dx-step[aria-pressed="true"] { border-color:#7da2e8; box-shadow:0 0 0 2px #dce8ff; }.nf-premium>.dx-card { padding:0; border:1px solid #e5eaf2; border-radius:15px; background:#fff; box-shadow:0 9px 25px rgba(20,43,90,.035); overflow:hidden; }.nf-premium>.dx-card .dx-orders-bar { display:flex; align-items:center; gap:9px; padding:12px 16px; flex-wrap:wrap; }.nf-premium>.dx-card .dx-search { flex:1 1 350px; }.nf-premium>.dx-card .dx-select { min-width:175px; border-color:#dce4f0; border-radius:10px; }.nf-premium .nf-tbl th { color:#566987; background:#f7f9fc; font-size:11px; }.nf-premium .nf-tbl td { border-color:#e9edf4; }.nf-premium .nf-tbl a { color:#0e4fca; }.nf-premium .nf-tbl .dx-prod img,.nf-premium .nf-tbl .dx-prod-ph { width:42px; height:42px; }.nf-premium .nf-acts .ap-btn { background:#153b99; color:#fff; border-color:#153b99; }.nf-premium .nf-b.info { background:#e4edff; color:#1854c1; }.nf-premium .nf-b.warn { background:#fff0d7; color:#ac6205; }.nf-premium .nf-b.ok { background:#dff5e8; color:#087449; }.nf-premium .nf-b.bad { background:#ffe7ea; color:#c62339; }
@media(max-width:1100px){.nf-premium .nf-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.nf-premium .nf-top-actions{width:100%;}.nf-premium .nf-info span{padding:5px 10px;}.nf-premium .nf-info span:nth-child(2){border-right:0;}}
@media(max-width:760px){.nf-premium .nf-page-title h1{font-size:21px;}.nf-premium .nf-breadcrumb{display:none;}.nf-premium .nf-accounts{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;}.nf-premium .nf-accounts button{flex:none;}.nf-premium .nf-top-actions .dx-seg{width:100%;justify-content:space-around;}.nf-premium .nf-info span{width:50%;border:0;padding:5px !important;}.nf-premium .nf-metrics{gap:8px;}.nf-premium .nf-metrics .dx-step{min-height:98px;padding:10px 9px 10px 49px;}.nf-premium .nf-metrics .dx-step>span i{left:8px;top:11px;width:33px;height:33px;font-size:16px;}.nf-premium .nf-metrics .dx-step>b{font-size:20px;}.nf-premium .nf-metrics .dx-step>small{font-size:10px;}.nf-premium>.dx-card .dx-search{flex-basis:100%;}.nf-premium>.dx-card .dx-select{flex:1 1 130px;min-width:0;}.nf-premium .nf-tbl{min-width:820px;}.nf-premium>.dx-card{overflow-x:auto;max-width:100%;}}
@media(max-width:760px){.nf-premium>.dx-card{overflow:visible;}.nf-premium .nf-tbl{min-width:0;width:100%;display:block;}.nf-premium .nf-tbl thead{display:none;}.nf-premium .nf-tbl tbody{display:grid;gap:10px;padding:10px;}.nf-premium .nf-tbl tr{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px 10px;padding:12px;border:1px solid #e4eaf3;border-radius:12px;background:#fff;}.nf-premium .nf-tbl td{display:block !important;padding:0 !important;border:0 !important;min-width:0;}.nf-premium .nf-tbl td:nth-child(1){grid-column:1;grid-row:1;}.nf-premium .nf-tbl td:nth-child(2){grid-column:2/4;grid-row:1;}.nf-premium .nf-tbl td:nth-child(3){grid-column:1/4;grid-row:2;}.nf-premium .nf-tbl td:nth-child(4){grid-column:1/3;grid-row:3;font-size:11px;color:#6a7b98;}.nf-premium .nf-tbl td:nth-child(5){grid-column:3;grid-row:3;text-align:right;}.nf-premium .nf-tbl td:nth-child(6){grid-column:1/4;grid-row:4;}.nf-premium .nf-tbl td:nth-child(7){grid-column:1/4;grid-row:5;text-align:left;}.nf-premium .nf-tbl .dx-prod .t{max-width:100%;}.nf-premium .nf-acts{justify-content:flex-start;}.nf-premium .nf-tbl td:nth-child(7) .ap-btn{min-width:88px;}.nf-premium .nf-tbl td:nth-child(6) .nf-err{max-width:none;}}

/* Marketplaces: linguagem visual compartilhada */
.mp-page{display:grid;gap:16px;max-width:none;min-width:0;color:#12203d}.mp-page>section{min-width:0}.mp-head{display:flex;align-items:center;gap:20px;min-width:0}.mp-brand{width:58px;height:58px;flex:none;display:grid;place-items:center;border-radius:13px;font-size:26px}.mp-brand--ml{background:#ffe600;color:#143a8e}.mp-brand--shopee{background:#fa5336;color:#fff}.mp-brand--amazon{background:#101626;color:#fff}.mp-head-copy{min-width:0;flex:1}.mp-head-copy h2{margin:0;font-size:23px;line-height:1.2;color:#101b33}.mp-head-copy p{margin:4px 0 0;color:#71809b;font-size:13px}.mp-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mp-head-actions .ap-btn{min-height:40px;border-radius:10px;background:#153b93;color:#fff}.mp-head-actions .ap-btn-secondary{background:#fff;color:#1746a6;border:1px solid #b9cef5}.mp-head-actions .ap-btn:disabled{opacity:.55;cursor:not-allowed}.mp-page .ml-account-card,.mp-page .shp-card,.mp-page .amz-card{border:1px solid #e3e9f2;border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(22,43,89,.035)}.mp-page .ml-account-card{padding:14px 16px}.mp-page .ml-account-avatar{background:#ffe600;color:#143a8e}.mp-page .shp-card{padding:18px}.mp-page .amz-card{padding:18px}.mp-page .adm-table-wrap{border-radius:10px;overflow-x:auto}.mp-page .adm-table th{background:#f5f8fc;color:#586985;font-size:11px}.mp-page .adm-table td{border-color:#e8edf4}.mp-page .amz-row .ap-btn-primary,.mp-page .shp-card .ap-btn-primary{background:#153b93;color:#fff;border-color:#153b93}.mp-page .shp-avatar{background:#f95739}.mp-page .shp-badge{border-radius:999px}.mp-page .shp-help{margin:0}.ml-wrap #ml-pane-config:empty{display:none}.ml-wrap .ml-pane+.ml-pane{margin-top:0}.shp-page #shp-pane{min-width:0}.amz-page .mp-head,.amz-page 
@media(max-width:1100px){}
@media(max-width:760px){.mp-head{gap:10px;flex-wrap:wrap}.mp-brand{width:44px;height:44px;font-size:20px}.mp-head-copy h2{font-size:20px}.mp-head-copy p{font-size:11px}.mp-head-actions{width:100%}.mp-head-actions .ap-btn{flex:1 1 145px;font-size:12px;padding:0 8px}.mp-page .ml-account-card,.mp-page .shp-card,.mp-page .amz-card{padding:13px}.mp-page .adm-table-wrap{max-width:100%}.mp-page .adm-table{min-width:690px}}
.mp-page 
@media(max-width:1100px){}
.mp-health-filter{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.mp-health-filter:hover{color:#1545aa;background:#f7faff}.mp-health-filter:focus-visible{outline:2px solid #2b63cf;outline-offset:2px}

/* Central de produtos */
@media(max-width:1100px){.pml-hub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pml-hub-heading h1{font-size:21px}.pml-hub-stats{gap:8px}.pml-hub-stat{padding:11px;min-height:82px;gap:8px}.pml-hub-stat-icon{width:35px;height:35px;font-size:15px}.pml-hub-stat strong{font-size:19px}.pml-hub-stat div span{font-size:10px}.pml-hub-tabs{overflow:auto}.pml-hub-tabs button{padding:12px;white-space:nowrap}}

/* Amazon: a lista de anúncios ocupa a largura da página, sem rolagem interna. */
.amz-list-card{padding:0;overflow:hidden}.amz-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px 12px}.amz-list-head h3{margin:0;font-size:17px}.amz-list-head h3 span{color:#5d7095}.amz-list-head p{margin:5px 0 0;color:#6b7a98;font-size:12px}.amz-list-tools{display:flex;gap:9px;padding:0 20px 15px;flex-wrap:wrap}.amz-list-tools select,.amz-list-search{min-height:39px;border:1px solid #dce4f1;border-radius:9px;background:#fff;color:#182d57;font:inherit;font-size:12px}.amz-list-tools select{padding:0 32px 0 11px}.amz-list-search{display:flex;align-items:center;gap:9px;flex:1 1 270px;min-width:180px;padding:0 11px;color:#6e82a7}.amz-list-search input{width:100%;border:0;outline:0;background:transparent;color:#182d57;font:inherit;font-size:12px}.amz-list-card .adm-table-wrap{width:100%;overflow-x:auto;overflow-y:visible;max-height:none!important}.amz-list-table{width:100%;min-width:900px;table-layout:fixed;border-collapse:collapse}.amz-list-table th,.amz-list-table td{padding:11px 13px;text-align:left;vertical-align:middle}.amz-list-table th:nth-child(1){width:34%}.amz-list-table th:nth-child(2){width:11%}.amz-list-table th:nth-child(3){width:12%}.amz-list-table th:nth-child(4){width:18%}.amz-list-table th:nth-child(5){width:9%}.amz-list-table th:nth-child(6){width:7%}.amz-list-table th:nth-child(7){width:9%}.amz-list-table td:nth-child(5),.amz-list-table td:nth-child(6){white-space:nowrap}.amz-list-table td:last-child .ap-btn{white-space:nowrap}.amz-product-cell{display:flex;align-items:center;gap:10px;min-width:0}.amz-product-cell>img,.amz-no-image{display:grid;place-items:center;width:42px;height:42px;flex:none;object-fit:contain;border-radius:8px;background:#f6f9fe}.amz-product-cell>div{min-width:0}.amz-product-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#142446;font-size:12px}.amz-product-cell small,.amz-row-error{display:block;margin-top:4px;color:#7282a0;font-size:11px}.amz-row-error{max-width:230px;line-height:1.35;color:#ae5424}.amz-status{font-weight:700;font-size:12px}.amz-muted{color:#8b99af}.amz-empty,.amz-list-loading,.amz-list-error{padding:28px 20px;color:#647693;font-size:13px}.amz-list-error{color:#aa3d39}.amz-list-error button{margin-left:8px;border:0;background:transparent;color:#1547a9;cursor:pointer}
@media(max-width:1100px){.amz-list-table{min-width:850px}}
@media(max-width:650px){.amz-list-head{padding:14px;align-items:flex-start}.amz-list-head p{font-size:11px}.amz-list-tools{padding:0 14px 12px}.amz-list-tools select{flex:1 1 140px}.amz-list-search{flex-basis:100%}.amz-list-table{min-width:780px}}
.amz-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f0f3f8;font-weight:700;font-size:11px;line-height:1.2}.amz-status--active,.amz-status--validated{background:#e4f7ec}.amz-status--submitted,.amz-status--draft{background:#fff2df}.amz-status--blocked,.amz-status--invalid,.amz-status--error{background:#fff0ed}.amz-list-table tbody tr:hover{background:#f8fbff}.amz-list-table td:last-child .ap-btn{min-height:32px}

/* Shopee: contas e saúde no topo; publicação, planilha e oportunidades usam a largura toda. */
.shp-page #shp-campeoes{margin-top:0!important}.shp-page .shp-menu{box-shadow:0 14px 36px rgba(22,43,89,.16)!important}.shp-page .shp-menu .shp-act{border-radius:7px}.shp-load-error{color:#9c5123}.shp-load-error i{color:#dd7426}.shp-load-error span{flex:1}.shp-load-error .ap-btn{background:#fff;color:#1748a2;border:1px solid #dce5f4}.shp-page #shp-campeoes>.shp-card{display:block!important;min-width:0}.shp-camp-table-wrap{max-height:none;overflow-x:auto;overflow-y:visible}.shp-camp-table-wrap .dx-otable{min-width:800px}.shp-page #shp-campeoes details{overflow-x:auto}.shp-page #shp-campeoes details .dx-otable{min-width:650px}
@media(max-width:1100px){}
@media(max-width:760px){}

/* Visões globais da Central de Produtos */
.pml-ops-filters[hidden],.pml-view-hidden{display:none!important}.pml-ops-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid #e8eef7;background:#f9fbff}.pml-ops-filters>span{margin-right:auto;color:#5e708d;font-size:12px;font-weight:600}.pml-ops-filters select{min-height:36px;max-width:230px;padding:0 10px;border:1px solid #d9e4f4;border-radius:8px;background:#fff;color:#17345f;font:inherit;font-size:12px}.pml-ops-table{min-width:1120px}.pml-ops-table td{font-size:12px;vertical-align:middle}.pml-ops-table td small{display:block;margin-top:3px;color:#7888a3}.pml-ops-table td:nth-child(1){min-width:210px}.pml-ops-table td:nth-child(5){max-width:260px;white-space:normal;word-break:break-word}.pml-ops-table td:last-child{white-space:nowrap}.pml-view-note button{margin-left:8px;border:0;background:transparent;color:#174ba9;cursor:pointer}
@media(max-width:650px){.pml-ops-filters>span{flex-basis:100%}.pml-ops-filters select{flex:1 1 130px;max-width:none}}
.pml-hub-context{grid-column:1/-1;margin:0;padding:0 2px;color:#63738f;font-size:12px;line-height:1.5}
.pml-hub-stat{width:100%;text-align:left;font:inherit;cursor:pointer}.pml-hub-stat:hover{border-color:#bed0ef;box-shadow:0 8px 25px rgba(20,42,88,.11)}.pml-hub-stat:focus-visible{outline:3px solid #4b79d7;outline-offset:2px}.pml-hub-stat>span:last-child{min-width:0}.pml-hub-stat>span:last-child>span{display:block;color:#52617e;font-size:12px}
#pmlCard:not([data-view="catalog"]) #pmlCatalogFilters,#pmlCard:not([data-view="catalog"]) #productSortSelect,#pmlCard:not([data-view="catalog"]) #pmlFilterChips{display:none!important}
.pml-ops-table{width:100%;min-width:1460px;table-layout:fixed}
.pml-ops-table th:nth-child(1){width:23%}.pml-ops-table th:nth-child(2){width:8%}.pml-ops-table th:nth-child(3){width:11%}.pml-ops-table th:nth-child(4){width:10%}.pml-ops-table th:nth-child(5){width:21%}.pml-ops-table th:nth-child(6){width:9%}.pml-ops-table th:nth-child(7){width:8%}.pml-ops-table th:nth-child(8){width:7%}.pml-ops-table th:nth-child(9){width:7%}
.pml-ops-table td{overflow-wrap:anywhere;word-break:normal;line-height:1.4}.pml-ops-table td:first-child b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pml-ops-table th:last-child,.pml-ops-table td:last-child{position:sticky;right:0;background:#fff!important;box-shadow:-5px 0 12px rgba(17,34,65,.07);z-index:1;text-align:right}
.pml-ops-table td:last-child .adm-btn{white-space:nowrap}.pml-ops-table td:nth-child(5){max-width:none;white-space:normal;word-break:normal}
.pml-ops-kind{display:inline-block;margin-bottom:5px;padding:3px 7px;border-radius:999px;background:#fff0e4;color:#915014;font-size:11px;font-weight:700}
.pml-ops-alert{color:#b35323!important;font-weight:700}.pml-ops-reason{min-width:0}.pml-ops-reason summary{cursor:pointer;line-height:1.4;overflow-wrap:anywhere}.pml-ops-reason>div{max-height:170px;overflow:auto;margin-top:8px;padding:9px;border-radius:7px;background:#f7f9fd;white-space:pre-wrap;overflow-wrap:anywhere}
.pml-ops-state{display:inline-block;padding:4px 7px;border-radius:7px;background:#f1f5fc;font-weight:650}.pml-ops-mobile{display:none}
.pml-bulk-preview{margin-top:10px;padding:11px 14px;border:1px solid #e3eaf6;border-radius:10px;background:#fff;color:#344a70;font-size:12px}.pml-bulk-preview summary{cursor:pointer;font-weight:700}.pml-bulk-preview p{margin:8px 0}.pml-bulk-preview ul{margin:0;padding:0;list-style:none;max-height:250px;overflow:auto}.pml-bulk-preview li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eef2f8}.pml-bulk-preview small{display:block;margin-top:8px;color:#70809b}
@media(max-width:760px){.pml-ops-table{display:none}.pml-ops-mobile{display:grid;gap:10px;padding:10px}.pml-ops-card{display:grid;gap:8px;padding:14px;border:1px solid #e2eaf5;border-radius:12px;background:#fff}.pml-ops-card b{display:block;line-height:1.4}.pml-ops-card small{display:block;color:#7586a1}.pml-ops-card p{margin:0;color:#526785;font-size:12px}.pml-ops-card .adm-btn{justify-self:start}}
#pmlCard[hidden]{display:none!important}
.pml-publish-intro,.pml-publish-panel,
.pml-publish-intro h2,.pml-publish-panel h3{margin:0 0 7px;color:var(--ap-ink,#111d37)}
.pml-publish-intro p,.pml-publish-panel p,
.pml-publish-channels,.pml-publish-actions{display:flex;flex-wrap:wrap;gap:9px}
.pml-publish-channels button{border:1px solid var(--ap-line,#dce4f0);border-radius:8px;background:var(--ap-surface,#fff);color:var(--ap-ink,#111d37);padding:11px 16px;cursor:pointer;font-weight:700}
.pml-publish-channels button.active{background:var(--ap-primary,#103fa0);color:#fff;border-color:var(--ap-primary,#103fa0)}
.pml-publish-panel{margin-bottom:16px}
.pml-publish-panel label{display:inline-flex;align-items:center;gap:8px;margin:8px 12px 12px 0}
.pml-publish-panel select{min-width:190px;padding:9px;border:1px solid var(--ap-line,#dce4f0);border-radius:8px;background:#fff}
.pml-publish-advanced{margin-top:18px;border-top:1px solid var(--ap-line,#dce4f0);padding-top:14px}
.pml-publish-advanced summary{cursor:pointer;font-weight:700}


@media(max-width:720px){.pml-publish-panel label{display:flex;align-items:flex-start;flex-direction:column}}

/* Central de produtos: hierarquia operacional, sem métricas técnicas na navegação principal. */
.pml-hub{margin-bottom:18px}
.pml-hub-stats{display:block;margin:0}
.pml-hub-stats[hidden],.pml-subview-head[hidden]{display:none!important}
.pml-diagnostics{margin-top:8px;padding:2px 4px;color:#8390a4;font-size:11px}
.pml-diagnostics summary{display:inline-block;cursor:pointer;list-style:none}.pml-diagnostics summary::-webkit-details-marker{display:none}
.pml-diagnostics[open] summary:after{content:'  ⌄'}
.pml-diagnostics p{margin:6px 0 0;line-height:1.5}
.pml-subview-head{margin:0 0 17px;padding:18px 21px;border:1px solid #e3e9f1;border-radius:12px;background:#fff}
.pml-subview-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:0;border:0;background:transparent;color:#47699f;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pml-subview-head h2{margin:0 0 4px;font-size:19px;letter-spacing:-.02em;color:#1a2947}.pml-subview-head p{margin:0;color:#7c8aa1;font-size:12px}
.pml-publish-intro{padding:22px 24px;border-color:#e3e9f1;box-shadow:0 4px 16px rgba(24,43,73,.035)}
.pml-publish-intro h2{font-size:20px;letter-spacing:-.025em}
.pml-publish-intro p{margin-bottom:0;font-size:13px}
.pml-publish-opportunity{display:flex;align-items:center;gap:12px;width:100%;max-width:490px;margin-top:18px;padding:12px 14px;border:1px solid #e1e9f4;border-radius:9px;background:#f8faff;text-align:left;color:#21416f;font:inherit;cursor:pointer}
.pml-publish-opportunity:hover{background:#f0f5fc}.pml-publish-opportunity>span{display:grid;gap:3px;flex:1}.pml-publish-opportunity b{font-size:12px}.pml-publish-opportunity small{font-size:11px;color:#7b8ca6}.pml-publish-opportunity>i:last-child{font-size:11px;color:#7b91ba}
.pml-ops-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.pml-ops-actions a{color:#315c9e;font-size:11px;font-weight:700;text-decoration:none}.pml-ops-actions a:hover{text-decoration:underline}.pml-ops-card .pml-ops-actions{align-items:flex-start}
@media(max-width:760px){.pml-overview-metrics{grid-template-columns:1fr}.pml-overview-metric{min-height:76px;padding:13px 17px;border-right:0;border-bottom:1px solid #edf0f5}.pml-overview-metric:last-child{border-bottom:0}.pml-overview-metric strong{font-size:23px}.pml-attention-list{grid-template-columns:1fr}.pml-attention-head{padding:17px 17px 12px}.pml-hub-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pml-hub-tabs button,.pml-overview-metric,.pml-attention-item{transition:none}}
.pml-hub button.pml-overview-metric{border-color:transparent!important;background:#fff!important}
.pml-hub button.pml-overview-metric:hover{background:#f8faff!important}
.pml-hub button.pml-attention-item{border-color:#edf1f6!important;background:#fbfcfe!important}
.pml-hub button.pml-attention-item:hover{border-color:#d8e3f2!important;background:#f4f7fc!important}
.pml-attention-clear{margin:0;padding:0 22px 22px;color:#61758c;font-size:12px}
@media(max-width:760px){.pml-attention-item b,.pml-attention-item small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}.pml-attention-item strong{align-self:center}}
.pml-attention-list{grid-template-columns:minmax(0,1fr)}
.pml-diagnostics button{margin-left:5px;padding:0;border:0;background:transparent;color:#315c9e;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.pml-subview-head{position:relative;display:flex;align-items:center;gap:22px;min-height:72px;padding:12px 17px;box-shadow:0 4px 16px rgba(24,43,73,.035)}
.pml-subview-head>div{min-width:0}.pml-subview-head h2{margin-bottom:3px}
.pml-subview-back{flex:none;min-height:39px;margin:0;padding:0 13px;border:1px solid #d9e5f6;border-radius:8px;background:#f5f8fd;color:#204a8d;font-weight:750;text-decoration:none;white-space:nowrap}
.pml-subview-back:hover{background:#eaf2fe;border-color:#c4d8f3}
@media(max-width:760px){.pml-subview-head{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 14px}.pml-subview-back{min-height:36px}.pml-subview-head h2{font-size:17px}}
/* O retorno permanece acessível sem cobrir filtros ou linhas durante a rolagem. */
.pml-ops-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pml-view-note .pml-repair-all,.pml-repair-btn{border:1px solid #c9dbf9;background:#ecf4ff;color:#17499d;font-weight:700}
.pml-view-note .pml-repair-all{margin:0;padding:8px 12px;border-radius:8px}
.pml-repair-all:hover,.pml-repair-btn:hover{background:#deebff}
.pml-repair-all:disabled,.pml-repair-btn:disabled{opacity:.5;cursor:wait}
.pml-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}
.pml-ops-table th:nth-child(1){width:22%}.pml-ops-table th:nth-child(2){width:7%}.pml-ops-table th:nth-child(3){width:10%}.pml-ops-table th:nth-child(4){width:9%}.pml-ops-table th:nth-child(5){width:20%}.pml-ops-table th:nth-child(6){width:8%}.pml-ops-table th:nth-child(7){width:7%}.pml-ops-table th:nth-child(8){width:6%}.pml-ops-table th:nth-child(9){width:11%}
.pml-ops-card .pml-row-actions{justify-content:flex-start}
@media(max-width:760px){.pml-ops-note{align-items:flex-start}}

/* Filtros de pedidos e fiscal seguem a mesma linha de campos do estoque. */
.pf-filter-line{padding:13px 16px 8px;margin:0;background:#fff}
.pf-filter-line .afx-campo-linha{flex:0 1 280px}
.nf-account-filter{flex:0 1 280px}
.pz-chan img{object-fit:contain;border-radius:4px}
@media(max-width:760px){.pf-filter-line .afx-campo-linha,.nf-account-filter{flex:1 1 100%}}

/* ── Paginador único (adminPagerHTML) ──────────────────────────────────────
   Rodapé da lista: contagem à esquerda, páginas no centro, tamanho da página à
   direita, separado do conteúdo por uma linha. Vale para toda lista do admin. */
.ordx-pagination {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px;
  margin-top: 8px; padding: 14px 20px; border-top: 1px solid var(--ap-line);
}
.ordx-page-info { justify-self: start; font-size: 13px; color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }
.ordx-page-btns { justify-self: center; display: flex; gap: 4px; align-items: center; }
.ordx-page-size { justify-self: end; margin: 0; }
.ordx-page-size .pg-size { height: 34px; min-width: 0; padding: 0 30px 0 12px; font-size: 13px; }
.ordx-page { min-width: 34px; height: 34px; padding: 0 10px; border-radius: 10px; border: 1px solid transparent; background: transparent; font-size: 13px; color: var(--ap-ink-2); }
.ordx-page:hover:not(:disabled) { background: var(--ap-fill); border-color: transparent; color: var(--ap-ink); }
.ordx-page.active { background: var(--ap-ink); border-color: var(--ap-ink); color: var(--ap-surface); }
.ordx-page:disabled { opacity: .35; }
@media (max-width: 768px) {
  .ordx-pagination { grid-template-columns: 1fr; justify-items: center; gap: 10px; padding: 12px 14px; }
  .ordx-page-info, .ordx-page-size { justify-self: center; }
}

/* Painel do pedido do site: resumo em três células, ações com um principal e rodapé de totais dentro de Itens. */
.mlp-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--ap-fill); }
.mlp-kpi { display: flex; flex-direction: column; gap: 2px; padding: 14px 24px; min-width: 0; }
.mlp-kpi + .mlp-kpi { border-left: 1px solid var(--ap-fill); }
.mlp-kpi > span { font-size: 11.5px; color: var(--ap-ink-3); }
.mlp-kpi > b { font-size: 17px; font-weight: 700; color: var(--ap-ink); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mlp-kpi > small { font-size: 11.5px; color: var(--ap-ink-3); }
.mlp-kpi .is-pos { color: var(--ap-ok-ink); } .mlp-kpi .is-neg { color: var(--ap-danger); }
.mlp-order-actions .mlp-more { flex: 0 0 40px; }
.mlp-order-actions { flex-wrap: wrap; }
.mlp-order-actions .adm-btn { white-space: nowrap; }
.mlp-order-actions .adm-btn--primary { flex: 1 1 100%; }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-order-status { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-top: 7px; }
#oxOrderPanel .mlp-order-listing { display: inline-flex; align-items: center; gap: 5px; color: var(--ap-accent); font-size: 12px; font-weight: 600; text-decoration: none; }
#oxOrderPanel .mlp-order-listing:hover { text-decoration: underline; text-underline-offset: 3px; }
#oxOrderPanel .mlp-order-listing:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 3px; border-radius: 2px; }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-order-actions--steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; min-height: 40px; padding: 8px 6px; border: 1px solid var(--ap-line); border-radius: 8px; background: #fff; color: var(--ap-ink-2); font: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer; }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action:hover:not(:disabled) { border-color: var(--ap-accent); color: var(--ap-accent); }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action.is-ready { border-color: var(--ap-accent); color: var(--ap-accent); }
:is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action:disabled { color: var(--ap-ink-4); background: var(--ap-surface-2); cursor: not-allowed; }
@media (max-width: 520px) { :is(#oxOrderPanel, #pmlProductPanel) .mlp-order-actions--steps { padding: 10px 14px; gap: 6px; } :is(#oxOrderPanel, #pmlProductPanel) .mlp-step-action { gap: 5px; font-size: 11px; } }
.mlp-tot { margin-top: 12px; padding-top: 6px; border-top: 1px solid var(--ap-fill); }
.mlp-row.is-int { font-size: 12px; color: var(--ap-ink-3); }
.mlp-note { margin-top: 8px; padding: 10px 12px; border-radius: 8px; background: var(--ap-fill); font-size: 13px; line-height: 1.5; color: var(--ap-ink-2); overflow-wrap: anywhere; }
.mlp-note > span { display: block; font-size: 11.5px; color: var(--ap-ink-3); margin-bottom: 2px; }
#oxOrderPanel .mlp-customer-name { color: var(--ap-ink); font-size: 14px; font-weight: 700; }
#oxOrderPanel .mlp-customer-details { margin: 13px 0 0; display: grid; gap: 10px; }
#oxOrderPanel .mlp-customer-details > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; font-size: 12px; line-height: 1.45; }
#oxOrderPanel .mlp-customer-details dt { color: var(--ap-ink-3); }
#oxOrderPanel .mlp-customer-details dd { margin: 0; min-width: 0; color: var(--ap-ink-2); overflow-wrap: anywhere; }
#oxOrderPanel .mlp-customer-details dd a { color: var(--ap-accent); text-decoration: none; }
#oxOrderPanel .mlp-customer-details dd a:hover { text-decoration: underline; text-underline-offset: 2px; }
#oxOrderPanel .mlp-customer-details dd small { display: block; margin-top: 2px; color: var(--ap-ink-3); }
#oxOrderPanel .mlp-unavailable { color: var(--ap-ink-4); }
@media (max-width: 420px) { #oxOrderPanel .mlp-customer-details > div { grid-template-columns: 1fr; gap: 1px; } }
@media (max-width: 520px) { .mlp-kpi { padding: 12px 14px; } .mlp-kpi > b { font-size: 15px; } .mlp-order-actions .adm-btn--primary { flex-basis: 100%; } .mlp-order-actions .mlp-more { flex: 0 0 40px; } }

/* Hallmark · redesign (in-place): admin Pedidos · restraint
 * Sem degradê, sem brilho de cor, sem faixa lateral, sem ícone em ladrilho. Hierarquia por tipografia, bordas finas e um só azul. */
.ox-premium .ox-metric { border: 1px solid var(--ap-line); border-radius: 12px; background: #fff; box-shadow: none; }
.ox-premium .ox-metric-icon { width: auto; height: auto; background: none; color: var(--ap-ink-3); box-shadow: none; border-radius: 0; font-size: 18px; align-self: flex-start; margin-top: 2px; }
.ox-premium .ox-metric--red .ox-metric-icon { color: var(--ap-danger); }
.ox-premium .ox-metric-spark polyline { stroke: var(--ap-ink-3); stroke-width: 1.2; }
.ox-premium .ox-metric--red .ox-metric-spark polyline { stroke: var(--ap-danger); }
.ox-premium .ox-metric-text strong { color: var(--ap-ink); font-size: 28px; font-weight: 600; font-variant-numeric: tabular-nums; }
.ox-premium .ox-metric-text small { font-size: 12px; color: var(--ap-ink-3); }
.ox-premium .ox-list { border-radius: 12px; border: 1px solid var(--ap-line); box-shadow: none; }
.ox-premium .dx-orders-bar .dx-select, .ox-premium .dx-orders-bar .dx-search { height: 40px; border-radius: 8px; border-color: var(--ap-line); background: #fff; }
.ox-premium .dx-orders-bar .dx-select:focus, .ox-premium .dx-orders-bar .dx-search:focus-within { border-color: var(--ap-accent); box-shadow: 0 0 0 2px var(--ap-accent-14); outline: none; }
.ox-premium .dx-orders-bar .ap-btn:not(.ap-btn-secondary) { height: 40px; padding: 0 16px; border-radius: 8px; background: var(--ap-accent); border-color: var(--ap-accent); color: #fff; font-weight: 600; box-shadow: none; }
.ox-premium .dx-orders-bar .ap-btn-secondary:not(.ox-columns-trigger) { height: 40px; width: 40px; border-radius: 8px; }
.ox-premium .dx-otable thead th { background: transparent; color: var(--ap-ink-3); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; border-bottom: 1px solid var(--ap-line); }
.ox-premium .dx-otable tbody tr:hover { background: var(--ap-accent-08); }
.ox-premium .dx-otable tbody tr.is-sel { background: var(--ap-accent-08); box-shadow: none; }
.ox-premium .dx-otable tbody td a[href] { color: var(--ap-accent); font-weight: 600; }
.ox-premium .ox-table-scroll > .crm-bulk { background: var(--ap-accent-08); border-bottom: 1px solid var(--ap-line); color: var(--ap-accent); }
.ox-premium .ox-action { border-radius: 8px; box-shadow: none; }
.ox-premium .ox-action.is-go, .ox-premium .ox-action.is-warn { background: #fff; border-color: var(--ap-accent-24); box-shadow: none; }

/* Hallmark · redesign (in-place): Visão geral · restraint. Cartões planos, ícone sem ladrilho, qtd sem pílula, sem setas. */
.dx .dx-card { box-shadow: none; border: 1px solid var(--ap-line); border-radius: 12px; }
.dx-k4 > .dx-card .dx-k4-ic { width: auto; height: auto; background: none; border-radius: 0; color: var(--ap-ink-3); font-size: 18px; align-self: flex-start; margin-top: 3px; }
.dx-k4 .dx-val { font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ap-ink); }
.dx-tk-ic { width: auto; height: auto; background: none !important; border-radius: 0; font-size: 15px; }
.dx-tk-ic.danger { color: var(--ap-danger); } .dx-tk-ic.warn { color: var(--ap-warn-ink); } .dx-tk-ic.info { color: var(--ap-ink-3); }
.dx-low-q { background: none !important; padding: 0; border-radius: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.dx-low-q.crit { color: var(--ap-danger); } .dx-low-q.warn { color: var(--ap-warn-ink); }

/* Produtos: resumo em uma linha, sem cartões de número nem painel de atenção. */
.pml-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 13px; color: var(--ap-ink-3); }
.pml-sum b { color: var(--ap-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.pml-sum > span, .pml-sum button { display: inline-flex; align-items: baseline; gap: 5px; padding: 5px 12px; border: 1px solid var(--ap-line); border-radius: 999px; background: var(--ap-surface); font: inherit; color: var(--ap-ink-3); }
.pml-sum button { cursor: pointer; }
.pml-sum button:hover { color: var(--ap-accent); border-color: var(--ap-accent); }
.pml-sum .is-alert, .pml-sum .is-alert b { color: var(--ap-danger); }
.pml-sum .is-alert { border-color: var(--ap-danger); background: var(--ap-danger-soft); }
.pml-chip-clear { border: 0; background: none; color: var(--ap-accent); font-size: 12px; font-weight: 600; cursor: pointer; padding: 0 2px; }

/* Produtos · tabela: sem pílulas. Informação em texto, cor só onde há sentido (lucro, estoque zerado, prejuízo). */
.pml-table .pml-margin { background: none !important; padding: 0 !important; border-radius: 0 !important; color: var(--ap-ok-ink); font-size: 12px; font-weight: 500; }
.pml-table .pml-margin.neg, .pml-table .pml-margin.is-neg { color: var(--ap-danger); }
.pml-table .ml-pill { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; color: var(--ap-ink-3) !important; font-size: 12px; font-weight: 500; }
.pml-table .ml-pill.is-free { color: var(--ap-ok-ink) !important; }
.pml-table .ml-pill + .ml-pill::before { content: '·'; margin: 0 6px; color: var(--ap-ink-3); }
.pml-table .ml-delta { background: none !important; padding: 0 !important; border-radius: 0 !important; color: var(--ap-ink-3) !important; font-size: 11.5px; }
.pml-table .pml-stock-badge { background: none !important; padding: 0 !important; min-width: 0; border-radius: 0 !important; font-weight: 600; font-variant-numeric: tabular-nums; }
.pml-table .ml-hd, .pml-table .ml-hd span, .pml-table thead th { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; font-weight: 500 !important; color: var(--ap-ink-3) !important; }
.pml-table thead th { background: transparent; border-bottom: 1px solid var(--ap-line); }

/* Produtos · telas de atenção/anúncios: sem os botões de ação do catálogo (não se aplicam). */
#pmlCard:not([data-view="catalog"]) .pml-toolbar > .pml-toolbar-gap ~ * { display: none !important; }

/* Produtos · filtros: o que se usa o tempo todo ("Mostrar") fica na barra; o painel guarda só o resto e fica compacto. */
#productViewFilter.pml-sort { min-width: 150px; }
.push-link { display: flex; align-items: center; gap: 9px; width: 100%; padding: 7px 10px; border: 0; border-radius: 6px; background: none; font: inherit; font-size: 13px; text-align: left; color: var(--ap-ink); cursor: pointer; }
.push-link:hover { background: var(--ap-accent-08); }
.push-link i { width: 16px; text-align: center; color: var(--ap-ink-3); }
.pml-toolbar .pml-sort, #productViewFilter.pml-sort { flex: 0 0 auto; }
.pml-table .ml-profit small { background: none !important; padding: 0 !important; border-radius: 0 !important; color: var(--ap-ink-3) !important; font-size: 11.5px; }
#productViewFilter.pml-sort { width: 190px !important; max-width: 190px; flex: 0 0 190px !important; }
#mlPushMenu { left: auto !important; right: 0 !important; max-width: min(380px, calc(100vw - 32px)); }

/* Produtos · barra e menus em coluna vertical; Nota dentro de Anúncio. */
#productsList .ml-pl { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
#productsList .ml-pl .ml-price { flex-direction: row; align-items: baseline; gap: 6px; }
#productsList .ml-pl .ml-profit { flex-direction: row; align-items: baseline; gap: 6px; font-size: 12px; font-weight: 600; }
#productsList .pml-cost-line { text-align: right; }

#mlPushMenu { width: 300px; max-height: min(560px, calc(100vh - 220px)); overflow-y: auto; }
#mlPushMenu .pml-col-ml, #mlPushMenu .pml-col-shopee { border: 0 !important; padding: 0 !important; }
.push-acc > summary { list-style: none; cursor: pointer; padding: 7px 10px; border-radius: 6px; font-size: 13px; color: var(--ap-ink); }
.push-acc > summary::-webkit-details-marker { display: none; }
.push-acc > summary:hover { background: var(--ap-accent-08); }
.push-acc[open] > summary { font-weight: 600; }

/* Produtos · categoria e marca ficam na barra (uso constante); o painel guarda só o que depende do canal. */
.pml-toolbar .pml-tb-sel { flex: 0 0 150px; max-width: 150px; text-overflow: ellipsis; }
#productViewFilter.pml-sort { width: 165px !important; max-width: 165px; flex: 0 0 165px !important; }
.pml-toolbar .pml-tb-sel { flex: 0 0 170px; max-width: 170px; }
#pmlCatalogFilters { order: 0; }

/* Melhorar qualidade dos anúncios: seções claras, contagem à direita, custos separados do conteúdo. */
#mlqaOverlay .ap-modal { width: min(720px, 96vw) !important; max-width: min(720px, 96vw) !important; border-radius: 12px; }
/* Assistente "Melhorar qualidade" — passos numerados, contas em cartão, cada
 * ajuste numa linha com ícone, interruptor e quantos anúncios pega.
 * Estrutura preservada; ações, seleção e avisos seguem a paleta do painel. */
.mlqa-head { display: flex; align-items: flex-start; gap: 14px; padding: 20px 24px 16px; }
.mlqa-head-tx { flex: 1; min-width: 0; }
.mlqa-head h3 { margin: 0; font-size: 18px; font-weight: 600; }
.mlqa-head p { margin: 4px 0 0; color: var(--ap-ink-3); }
.mlqa-ico { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--ap-line); border-radius: 8px; }
.mlqa-body { padding: 0 24px 8px; overflow-y: auto; }
.mlqa-sec { padding: 18px 0; border-top: 1px solid var(--ap-line); }
.mlqa-sec:first-child { border-top: 0; padding-top: 2px; }
.mlqa-sec > h4 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-weight: 600; }
.mlqa-passo { display: grid; place-items: center; width: 22px; height: 22px; flex: none; border: 1px solid var(--ap-ink); border-radius: 999px; font-weight: 600; }
.mlqa-hint { margin-left: auto; font-weight: 400; color: var(--ap-ink-3); }
.mlqa-contas { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
.mlqa-conta { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--ap-line); border-radius: 8px; cursor: pointer; }
.mlqa-conta-tx { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.mlqa-conta-tx small { color: var(--ap-ink-3); }
.mlqa-conta:has(input:checked) { border-color: var(--ap-accent); background: var(--ap-accent-08); }
.mlqa-linha-opt { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.mlqa-inline { display: flex; align-items: center; gap: 8px; color: var(--ap-ink-3); }
.mlqa-num { width: 90px; }
.mlqa-note { margin: 8px 0 0; color: var(--ap-ink-3); }
.mlqa-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 14px; padding: 14px; border: 1px solid var(--ap-line); border-radius: 8px; }
.mlqa-stat { display: flex; align-items: center; gap: 12px; }
.mlqa-stat > span:last-child { display: flex; flex-direction: column; }
.mlqa-stat b { font-weight: 600; font-variant-numeric: tabular-nums; }
.mlqa-stat small { color: var(--ap-ink-3); }
.mlqa-row { display: flex; align-items: center; gap: 14px; padding: 14px; margin-top: 10px; border: 1px solid var(--ap-line); border-radius: 8px; cursor: pointer; }
.mlqa-row.is-sub { margin-left: 28px; }
.mlqa-tx { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.mlqa-tx b { font-weight: 600; }
.mlqa-tx small { line-height: 1.5; color: var(--ap-ink-3); }
.mlqa-n { display: flex; flex-direction: column; align-items: flex-end; flex: none; min-width: 54px; }
.mlqa-n b { font-weight: 600; font-variant-numeric: tabular-nums; }
.mlqa-n small { color: var(--ap-ink-3); }
.mlqa-row--seg { flex-wrap: wrap; cursor: default; }
.mlqa-seg { flex: 0 0 100%; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
.mlqa-aviso { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid var(--ap-line-strong); border-radius: 8px; }
.mlqa-list { list-style: none; margin: 0; padding: 0; }
.mlqa-list li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; color: var(--ap-ink-3); border-top: 1px solid var(--ap-line-soft); }
.mlqa-list li:first-child { border-top: 0; }
.mlqa-list b { color: var(--ap-ink); font-variant-numeric: tabular-nums; }
.mlqa-foot { display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--ap-line); }
.mlqa-sumline { display: flex; flex-direction: column; flex: 1; min-width: 0; line-height: 1.4; }
.mlqa-sumline small { color: var(--ap-ink-3); }
@media (max-width: 560px) {
  .mlqa-foot { flex-wrap: wrap; }
  .mlqa-sumline { flex-basis: 100%; }
  .mlqa-row.is-sub { margin-left: 0; }
  .mlqa-row { flex-wrap: wrap; }
}

/* Produtos · situação nos canais e filtros por conta ficam direto na barra, sem painel. */
.pml-tb-extra { display: contents; }
.pml-tb-extra .pml-filter-field { flex: 0 0 auto; min-width: 0; }
.pml-tb-extra .pml-filter-field .pml-select { height: 40px; width: 190px !important; }

/* Produtos · tabela e detalhe: preço neutro, estoque só colorido quando exige atenção, detalhe sem repetir a linha. */
.pml-table .col-price .pml-pix-price { color: var(--ap-ink) !important; font-weight: 600; }
#productsList .pml-stock-badge, #productsList .pml-stock-badge.pml-stock--ok { color: var(--ap-ink) !important; }
#productsList .pml-stock-badge.pml-stock--low { color: var(--ap-warn-ink) !important; }
#productsList .pml-stock-badge.pml-stock--zero { color: var(--ap-danger) !important; }



/* Produtos · barra de seleção única: contagem, escolha do escopo e todas as ações em lote. */
.pml-selbar-info { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pml-selbar-info button { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--ap-accent); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pml-selbar-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pml-selbar-actions .adm-btn { text-decoration: none; font-weight: 500; }
.pml-selbar .ap-dd button, .pml-selbar .ap-dd a { text-decoration: none; font-weight: 500; color: var(--ap-ink); }
.pml-selbar .pml-selbar-clear { margin-left: auto; border: 0; background: none; color: var(--ap-ink-3); font: inherit; cursor: pointer; text-decoration: none; }
.pml-selbar .pml-selbar-clear:hover { color: var(--ap-ink); }
#channelsDropdown { max-height: min(520px, calc(100vh - 260px)); overflow-y: auto; }

.pml-kebab-menu a.pml-kebab-link { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 8px 10px; border-radius: 9px; color: inherit; font-size: 13px; font-weight: 550; text-decoration: none; }
.pml-kebab-menu a.pml-kebab-link:hover { background: var(--ap-surface-2); }
.pml-kebab-menu a.pml-kebab-link i { width: 17px; color: var(--ap-ink-3); }

.pml-chm-sub { margin: 2px 0 0; font-size: 12px; color: var(--ap-ink-3); }
.pml-chm { display: flex; flex-direction: column; gap: 8px; }
.pml-chm button { display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 12px 14px; border: 1px solid var(--ap-line); border-radius: 10px; background: var(--ap-surface); text-align: left; font: inherit; color: var(--ap-ink); cursor: pointer; }
.pml-chm button:hover { background: var(--ap-surface-2); }
.pml-chm button i { width: 18px; margin-top: 2px; text-align: center; color: var(--ap-ink-3); }
.pml-chm button b { display: block; font-size: 13px; font-weight: 600; }
.pml-chm button small { display: block; margin-top: 2px; font-size: 12px; color: var(--ap-ink-3); }

#productsList .pmc-line { display: flex; align-items: center; gap: 8px; padding: 2px 0; font-size: 13px; color: var(--ap-ink-2); white-space: nowrap; }
#productsList .pmc-none { color: var(--ap-ink-4); font-size: 12px; }
#productsList .pmc-alert { color: var(--ap-danger); font-weight: 700; font-size: 12px; }

.pw-chan-head { display: flex; align-items: center; gap: 10px; width: 100%; margin: 4px 0 10px; padding: 12px 16px; border: 1px solid var(--ap-line); border-radius: 12px; background: var(--ap-surface); font: inherit; color: var(--ap-ink); cursor: pointer; text-align: left; }
.pw-chan-head img { border-radius: 6px; }
.pw-chan-head b { flex: 1; font-size: 14px; }
.pw-chan-head i { color: var(--ap-ink-3); transition: transform .15s; }
.pw-chan-head.is-open i { transform: rotate(180deg); }
.pw-chan-head:hover { background: var(--ap-surface-2); }


.ds-step-item.is-disabled { opacity: .55; cursor: not-allowed; }
.pw-tab-hint { margin-left: 6px; font-size: 11px; font-weight: 500; color: var(--ap-ink-3); }
.pw-chip { padding: 2px 9px; border-radius: 999px; background: var(--ap-fill); color: var(--ap-ink-3); font-size: 11.5px; font-weight: 600; }
.pw-chip.is-on { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.pw-chan-head b { flex: 0 0 auto; }
.pw-chan-head::after { content: ''; flex: 1; order: 1; }
.pw-chan-head i { order: 2; }

.pw-desc { display: flex; flex-direction: column; margin: 0; }

.ds-modal-shell { width: min(1120px, 96vw) !important; max-width: min(1120px, 96vw) !important; }
.pw-dims { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }

.pw-price-display .ap-check { display: flex; margin-top: 4px; }

.pw-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 6px; }
.pw-checks .ap-check { margin: 0; white-space: nowrap; }

/* Produtos: filtros numa segunda faixa organizada; seleção com caixa branca. */
#pmlCard[data-view="catalog"] .pml-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:10px !important; }
#pmlCard[data-view="catalog"] .pml-toolbar .pml-channel-btn { min-width:168px; height:40px; border-radius:11px; }
#pmlCard[data-view="catalog"] .pml-search-wrap { flex:1 1 320px; max-width:none; }
#pmlCard[data-view="catalog"] .pml-filter-toggle { height:40px; gap:9px; border-radius:11px; padding-inline:13px; white-space:nowrap; }
#pmlCard[data-view="catalog"] .pml-filter-toggle.is-open { border-color:var(--ap-accent-24); background:var(--ap-accent-08); color:var(--ap-accent); }
.pml-filter-count { display:inline-flex; min-width:19px; height:19px; align-items:center; justify-content:center; border-radius:999px; padding:0 5px; background:var(--ap-accent); color:#fff; font-size:11px; font-weight:700; }
.pml-filter-panel { order:20; flex:1 0 100%; display:flex; flex-wrap:wrap; align-items:center; gap:9px; padding:12px; border:1px solid var(--ap-line); border-radius:12px; background:var(--ap-surface-2); }
.pml-filter-panel[hidden] { display:none !important; }
.pml-filter-panel > .pml-select { height:40px; flex:1 1 170px !important; width:auto !important; max-width:240px !important; min-width:150px; border-radius:10px; background-color:#fff; }
.pml-filter-panel .pml-tb-extra { display:contents; }
.pml-filter-panel .pml-filter-field { flex:1 1 170px; max-width:240px; }
.pml-filter-panel .pml-filter-field .pml-select { height:40px; width:100% !important; border-radius:10px; background-color:#fff; }
.pml-filter-panel .pml-filter-action { height:40px; margin:0; border-radius:10px; }
.pml-checkbox { appearance:none; -webkit-appearance:none; display:inline-grid; place-content:center; width:17px !important; height:17px !important; margin:0; border:1.5px solid #aab3c2; border-radius:5px; background:#fff; accent-color:transparent !important; vertical-align:middle; transition:border-color .15s, box-shadow .15s, background-color .15s; }
.pml-checkbox:hover { border-color:var(--ap-accent); }
.pml-checkbox:focus-visible { outline:0; box-shadow:0 0 0 3px var(--ap-accent-08); border-color:var(--ap-accent); }
.pml-checkbox:checked { border-color:var(--ap-accent); background:#fff; }
.pml-checkbox:checked::after { content:""; width:8px; height:4px; border-left:2px solid var(--ap-accent); border-bottom:2px solid var(--ap-accent); transform:rotate(-45deg) translate(1px,-1px); }
.pml-checkbox:indeterminate { border-color:var(--ap-accent); background:#fff !important; }
.pml-checkbox:indeterminate::after { content:""; width:8px; height:2px; border:0; border-radius:2px; background:var(--ap-accent); transform:none; }
.pml-sel-count { min-width:18px !important; width:18px; height:18px !important; padding:0 !important; margin-left:5px !important; border-radius:50% !important; background:var(--ap-accent) !important; color:#fff !important; font-size:10px !important; line-height:18px !important; text-align:center; }
#pmlFilterCount[hidden] { display:none !important; }
#pmlFilterToggle:not(.has-filters) { border-color:var(--ap-line); color:var(--ap-ink-2); }
#productsList .pmc-alert { display:inline-flex; align-items:center; gap:4px; margin-left:4px; padding:3px 7px; border:1px solid rgba(190,35,35,.14); border-radius:999px; background:#fff1f0; color:#b42318; font-size:11px; font-weight:700; line-height:1.2; white-space:nowrap; }
#productsList .pmc-alert::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.pml-selbar-info > span { font-variant-numeric:tabular-nums; }
.pml-selbar .pml-selbar-clear { padding:6px 8px; border-radius:7px; }
.pml-selbar .pml-selbar-clear:hover { background:var(--ap-surface-2); }
@media (max-width:760px) {
  #pmlCard[data-view="catalog"] .pml-toolbar .pml-search-wrap { order:3; flex-basis:100%; }
  #pmlCard[data-view="catalog"] .pml-toolbar .pml-channel-btn { min-width:0; }
  #pmlCard[data-view="catalog"] .pml-toolbar .pml-filter-toggle { margin-left:auto; }
  .pml-filter-panel > .pml-select, .pml-filter-panel .pml-filter-field { flex:1 1 100% !important; max-width:none !important; }
  .pml-filter-panel .pml-filter-action { width:100%; justify-content:center; }
  .pml-selbar { gap:8px; padding:10px; }
  .pml-selbar-info { flex-basis:100%; gap:7px; }
  .pml-selbar-actions { flex:1 1 100%; }
  .pml-selbar .pml-selbar-clear { margin-left:auto; }
}
@media (prefers-reduced-motion:reduce) { .pml-checkbox { transition:none; } }

/* Ajuste de densidade da lista: manter detalhe e menus leves, sem cartões extras. */
#pmlCard[data-view="catalog"] .pml-filter-panel { background:#fff; border-color:var(--ap-line); box-shadow:0 5px 16px rgba(17,24,39,.045); }
#productsList .pmc-alert { display:inline; margin-left:4px; padding:0; border:0; border-radius:0; background:transparent; color:var(--ap-danger); font-size:12px; font-weight:700; white-space:nowrap; }
#productsList .pmc-alert::before { content:"!"; display:inline-grid; place-items:center; width:13px; height:13px; margin-right:3px; border:1px solid currentColor; border-radius:50%; font-size:9px; line-height:1; }

/* Área de soltar planilha (importações do catálogo). */
.pml-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 22px 16px; border: 2px dashed var(--ap-line-strong); border-radius: var(--ap-r, 10px); background: var(--ap-surface-2); color: var(--ap-ink-2); text-align: center; cursor: pointer; }
.pml-drop:hover { border-color: var(--ap-navy, var(--ap-ink)); }
.pml-drop > i { font-size: 22px; color: var(--ap-ink-3); }
.pml-drop > b { color: var(--ap-ink); font-size: 14px; }
.pml-drop > small { color: var(--ap-ink-3); font-size: 12px; }

/* Linha com um rótulo e botões de formato (Excel, PDF) dentro do menu Ações. */
.push-pair { display: flex; align-items: center; gap: 6px; padding: 6px 12px; }
.push-pair > span { flex: 1; font-size: 13px; color: var(--ap-ink-2); }
.push-pair > button { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border: 1px solid var(--ap-line-strong); border-radius: 6px; background: var(--ap-surface); font: inherit; font-size: 12px; color: var(--ap-ink-2); cursor: pointer; }
.push-pair > button:hover { border-color: var(--ap-accent); color: var(--ap-accent); }

#productGtinReasonField[hidden] { display: none; }

/* Canais > Mercado Livre: os atributos obrigatórios vêm antes dos opcionais, e os
   opcionais ficam em duas colunas, sem o selo "opcional" repetido em cada campo (o
   cabeçalho do grupo já diz). */
#mlConfigBody > #mlAttributesContainer { order: 1; }
#mlConfigBody > :last-child { order: 2; }
#mlAttributesList { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; align-items: start; }
#mlAttributesList > :not(.ds-field) { grid-column: 1 / -1; }
#mlAttributesList .ds-label-badge { display: none; }
@media (max-width: 760px) { #mlAttributesList { grid-template-columns: 1fr; } }

/* Categorias (lista): categoria em cima, subcategorias numa faixa recuada logo abaixo, tudo na mesma grade do cabeçalho. */
.cx-category-icon { width:48px; height:48px; border-radius:var(--ap-r-btn); }
.cx-category-icon--img { overflow:hidden; background:var(--ap-surface); border:1px solid var(--ap-line); }
.cx-category-icon--img img { width:100%; height:100%; object-fit:cover; display:block; }
.cx-title strong { font-size:15px; color:var(--ap-ink); }
.cx-title small { font-size:12px; color:var(--ap-ink-3); }
.cx-count { color:var(--ap-ink); }
.cx-count small { color:var(--ap-ink-3); }
.cx-status { background:var(--ap-ok-soft); color:var(--ap-ok-ink); }
.cx-status:before { background:var(--ap-ok); }
.cx-status--off { background:var(--ap-fill); color:var(--ap-ink-3); }
.cx-status--off:before { background:var(--ap-ink-4); }
.cx-sub-icon--img { width:36px; height:36px; overflow:hidden; border:1px solid var(--ap-line); border-radius:8px; background:var(--ap-surface); }
.cx-sub-icon--img img { width:100%; height:100%; object-fit:contain; display:block; }
@media(min-width:761px){
  .cx-list-view .cx-children { margin-left:0; border-left:0; background:var(--ap-surface-2); border-top:1px solid var(--ap-line-soft); }
  .cx-list-view .cx-children .cx-row { padding-left:22px; min-height:56px; border-top:1px solid var(--ap-line-soft); }
  .cx-list-view .cx-children .cx-row:first-child { border-top:0; }
  .cx-list-view .cx-row--sub .cx-name { padding-left:36px; gap:14px; }
  .cx-list-view .cx-row--sub .cx-sub-icon { width:48px; flex:none; display:grid; place-items:center; color:var(--ap-ink-3); }
  .cx-list-view .cx-row--sub .cx-name>span:last-child { font-size:13px; font-weight:500; color:var(--ap-ink-2); }
  .cx-list-view .cx-row--sub .cx-count { font-size:13px; font-weight:600; }
  .cx-list-view .cx-row--sub .cx-icon-btn { width:32px; height:32px; background:transparent; border-color:transparent; box-shadow:none; }
  .cx-list-view .cx-row--sub .cx-icon-btn:hover { background:var(--ap-surface); border-color:var(--ap-line); }
  .cx-list-view .cx-more-btn { display:flex; align-items:center; gap:8px; width:100%; margin:0; padding:13px 22px 13px 64px; border-top:1px solid var(--ap-line-soft); text-align:left; font-size:12px; font-weight:600; color:var(--ap-accent); }
  .cx-list-view .cx-more-btn:hover { background:var(--ap-accent-08); }
}

/* Modal de categoria: imagem, exibição e ações com as classes do sistema. */
.cx-modal .ap-modal-body { gap:18px; }
.cx-sec { display:grid; gap:2px; margin:0; font-size:13px; font-weight:700; color:var(--ap-ink); }
.cx-sec small { font-size:12px; font-weight:400; color:var(--ap-ink-3); }
.cx-modal [hidden] { display:none !important; }
.cx-imgrow { display:flex; align-items:center; gap:16px; }
.cx-imgbox { width:96px; height:96px; flex:none; display:grid; place-items:center; overflow:hidden; border:1px dashed var(--ap-line-strong); border-radius:var(--ap-r-btn); background:var(--ap-surface-2); color:var(--ap-ink-4); font-size:22px; }
.cx-imgbox.is-filled { border-style:solid; border-color:var(--ap-line); background:var(--ap-surface); }
.cx-imgbox img { width:100%; height:100%; object-fit:cover; display:block; }
.cx-imgside { flex:1; min-width:0; display:grid; gap:10px; }
.cx-imgbox { cursor:pointer; transition:border-color .12s, background-color .12s; }
.cx-imgbox:hover { border-color:var(--ap-ink-3); background:var(--ap-fill); }
.cx-imgbox:focus-within { outline:2px solid var(--ap-accent); outline-offset:2px; }
.cx-imghint { font-size:12px; color:var(--ap-ink-3); line-height:1.4; }
.cx-imgside { align-content:start; }
.cx-imgbtn { height:36px; padding:0 14px; font-size:13px; cursor:pointer; margin:0; }
.cx-modal .cx-modal-visibility { gap:0; padding:0; background:var(--ap-surface); border-color:var(--ap-line); overflow:hidden; }
.cx-modal .cx-modal-visibility .cx-flag { padding:14px 16px; gap:16px; }
.cx-modal .cx-modal-visibility .cx-flag + .cx-flag { border-top:1px solid var(--ap-line-soft); }
.cx-flag-txt { display:grid; gap:2px; min-width:0; }
.cx-flag-txt b { font-size:13px; font-weight:600; color:var(--ap-ink); }
.cx-flag-txt small { font-size:12px; color:var(--ap-ink-3); }
@media(max-width:760px){ .cx-imgrow { flex-direction:column; align-items:stretch; } .cx-imgbox { width:100%; height:140px; } }

/* Editar produto: trilho de seções + duas colunas de cartões */
#prodFormBody { display: grid !important; grid-template-columns: 232px minmax(0, 1fr); column-gap: 18px; row-gap: 14px; align-content: start; align-items: start; }
#prodFormBody > .pe-rail { grid-column: 1; grid-row: 1 / span 40; }
#prodFormBody > :not(.pe-rail) { grid-column: 2; min-width: 0; }
#wizardSteps { display: none !important; }
.pe-rail { display: flex; flex-direction: column; gap: 4px; }
.pe-nav { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; border-radius: 12px; background: transparent; color: var(--ap-ink); font: inherit; text-align: left; cursor: pointer; transition: background-color .12s; }
.pe-nav:hover { background: var(--ap-surface-2); }
.pe-nav.is-on { background: var(--ap-info-soft); }
.pe-nav.is-disabled { opacity: .55; cursor: not-allowed; }
.pe-nav:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.pe-nav i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--ap-surface-2); color: var(--ap-ink-3); font-size: 14px; flex: none; }
.pe-nav.is-on i { background: var(--ap-surface); color: var(--ap-info); }
.pe-nav span { display: flex; flex-direction: column; min-width: 0; }
.pe-nav b { font-size: 13px; font-weight: 650; }
.pe-nav small { font-size: 12px; color: var(--ap-ink-3); }
/* Marketplaces na coluna: ícone do canal no lugar do quadradinho de ícone. */
.pe-rail-sep { margin: 12px 12px 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ap-ink-4); }
.pe-nav--canal > img, .pe-nav--canal > i { width: 36px; height: 36px; padding: 7px; border-radius: 10px; background: var(--ap-surface-2); object-fit: contain; box-sizing: border-box; flex: none; }
.pe-nav--canal.is-on > img, .pe-nav--canal.is-on > i { background: var(--ap-surface); }
.pw-market-steps { display: grid; gap: 3px; margin: 0 0 4px 19px; padding: 3px 0 3px 13px; border-left: 1px solid var(--ap-line-soft); }
.pw-market-steps[hidden] { display: none; }
.pw-market-nav { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 9px; background: transparent; color: var(--ap-ink-2); font: inherit; text-align: left; cursor: pointer; }
.pw-market-nav:hover { background: var(--ap-surface-2); }
.pw-market-nav.is-on { background: var(--ap-info-soft); color: var(--ap-ink); }
.pw-market-nav:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.pw-market-num { display: grid; place-items: center; width: 23px; height: 23px; flex: none; border: 1px solid var(--ap-line); border-radius: 50%; background: var(--ap-surface); color: var(--ap-ink-3); font-size: 11px; font-weight: 700; }
.pw-market-nav.is-on .pw-market-num { border-color: var(--ap-info); background: var(--ap-info); color: #fff; }
.pw-market-nav > span:last-child { display: grid; gap: 1px; min-width: 0; }
.pw-market-nav b { font-size: 12px; font-weight: 650; }
.pw-market-nav small { color: var(--ap-ink-3); font-size: 11px; }
#prodFormBody .pw-market-step-hidden { display: none !important; }
.pw-market-empty { margin: 0; padding: 24px; border: 1px dashed var(--ap-line); border-radius: 12px; color: var(--ap-ink-3); font-size: 13px; }
.amz-prep-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.amz-prep-steps button { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--ap-line); border-radius: 9px; background: var(--ap-surface); color: var(--ap-ink-2); font: inherit; font-size: 12px; cursor: pointer; }
.amz-prep-steps button.is-on { border-color: var(--ap-accent); background: var(--ap-accent-08); color: var(--ap-accent); font-weight: 650; }
.amz-prep-steps button:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.amz-prep-steps button span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--ap-surface-2); font-size: 11px; font-weight: 700; }
.amz-prep-steps button.is-on span { background: var(--ap-accent); color: #fff; }
#amzPrepBody [data-amz-step][hidden], #amzPrepBody .mlq-sticky-foot [hidden] { display: none !important; }
.amz-prep-review { padding: 18px; color: var(--ap-ink-2); }
.pe-grid, .pe-col { display: contents; }
#prodFormBody .ds-card[id^="peSec"] { display: none; margin: 0; max-width: 760px; }
#prodFormBody .ds-card[id^="peSec"].is-on { display: block; }
.pe-next { display: flex; justify-content: flex-end; padding: 14px 18px; border-top: 1px solid var(--ap-line-soft); }
.pe-info { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.pe-info .pe-nome { grid-column: 1 / -1; }
.pe-info .ds-field { margin: 0; }
.pe-col .ds-grid-3 { grid-template-columns: 1fr 1fr 1fr; }
.pe-col .pw-dims { grid-template-columns: 1fr 1fr; }
.pw-desc { display: flex; flex-direction: column; margin: 0; }
.pw-desc textarea { min-height: 180px; resize: vertical; }
@media (max-width: 860px) {
  #prodFormBody { grid-template-columns: 1fr; }
  #prodFormBody > .pe-rail, #prodFormBody > :not(.pe-rail) { grid-column: 1; grid-row: auto; }
  .pe-rail { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 4px; }
  .pe-nav { width: auto; flex: none; padding: 8px 12px; } .pe-nav small { display: none; }
  .pw-market-steps { display: flex; flex: none; align-items: center; gap: 4px; margin: 0; padding: 0 4px; border-left: 0; }
  .pw-market-nav { width: auto; flex: none; white-space: nowrap; }
  .pw-market-nav small { display: none; }
}

/* REGRA DE BASE: nenhum controle do painel volta para a fonte do navegador.
   O user-agent dá Arial 13.33px a button/input/select/textarea, e qualquer
   classe que esquecesse `font: inherit` deixava a tela com duas fontes — foi o
   que separava Preços e Categorias do resto do painel. :where() zera a
   especificidade: quem define a própria fonte continua mandando. */
:where(.content, .ap-modal, .ds-modal-shell, .ap-confirm) :where(button, input, select, textarea, optgroup) {
  font-family: inherit;
}

/* REGRA DE BASE: controle de formulário sem classe nunca fica cru.
   :where() zera a especificidade, então qualquer classe do design (.ds-input, .adm-select, .ap-field input...)
   continua mandando; isto só pega o que foi escrito sem estilo nenhum. */
:where(.content, .ap-modal, .ds-modal-shell, .ap-confirm) :where(select, textarea, input:is([type="text"], [type="search"], [type="number"], [type="email"], [type="tel"], [type="url"], [type="password"], [type="date"], [type="datetime-local"], [type="time"], :not([type]))):where(:not([class]), [class=""]) {
  box-sizing: border-box; min-height: 40px; padding: 0 12px;
  font: inherit; font-size: 13px; color: var(--ap-ink);
  background-color: var(--ap-surface); border: 1px solid var(--ap-line); border-radius: 10px;
}
:where(.content, .ap-modal, .ds-modal-shell, .ap-confirm) textarea:where(:not([class]), [class=""]) { padding: 10px 12px; min-height: 88px; }
:where(.content, .ap-modal, .ds-modal-shell, .ap-confirm) :is(select, textarea, input):where(:not([class]), [class=""]):focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 1px; }

/* Menus suspensos da barra (Adicionar produto, Ações em lote): uma medida só para todos os itens */
.pml-kebab-menu, #mlPushMenu { padding: 8px !important; }
/* O #mlPushMenu ficava dentro do :is() e emprestava a especificidade de id para
   o seletor inteiro: qualquer ajuste por classe nos itens do menu era ignorado
   sem motivo visível. Agora cada um tem a sua regra, com o peso que aparenta. */
:is(.pml-kebab-menu > button, .pml-kebab-menu > a),
#mlPushMenu :is(.push-link, .push-acc > summary) {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 0 12px; border-radius: 10px;
  font-size: 13.5px; font-weight: 600; color: var(--ap-ink); line-height: 1.2;
}
:is(.pml-kebab-menu > button, .pml-kebab-menu > a) :is(i, img, svg),
#mlPushMenu :is(.push-link, .push-acc > summary) :is(i, img, svg) { width: 18px; height: 18px; flex: none; text-align: center; line-height: 18px; }
.pml-kebab-menu > button i, #mlPushMenu :is(.push-link, .push-acc > summary) i { color: var(--ap-ink-3); font-size: 14px; }
#mlPushMenu .push-acc > summary { cursor: pointer; }
#mlPushMenu .pml-kebab-sep, .pml-kebab-menu .pml-kebab-sep { padding: 12px 12px 4px !important; }
#mlPushMenu .push-sep, .pml-kebab-menu .pml-kebab-divider { height: 1px; margin: 6px 4px; background: var(--ap-line-soft); }
#mlPushMenu .push-pair { min-height: 44px; padding: 4px 12px; gap: 8px; }
#mlPushMenu .push-pair > span { font-size: 13.5px; font-weight: 600; color: var(--ap-ink); }
#mlPushMenu .push-pair > button { width: 78px; height: 32px; justify-content: center; padding: 0; border-radius: 8px; font-size: 12.5px; font-weight: 600; }
#mlPushMenu { width: 340px; }
#mlPushMenu .push-pair > span { white-space: nowrap; }

.pml-filter-count:empty, .pml-filter-count[hidden] { display: none !important; }

/* Barra contextual da seleção: faixa azul clara, botões brancos, "Mais ações" em azul escuro. Fica no fluxo, não acompanha a rolagem. */
.pml-selbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; padding: 12px 16px; background: var(--ap-info-soft); border: 1px solid var(--ap-info-line, #c9dcfb); border-radius: 14px; font-size: 13px; }
.pml-selbar-info { gap: 10px; font-size: 15px; font-weight: 650; color: var(--ap-ink); }
.pml-selbar-ck { color: var(--ap-accent); font-size: 20px; }
.pml-selbar .pml-selbar-clear { margin-left: 0 !important; padding: 0 !important; font-size: 13px; font-weight: 500; color: var(--ap-accent); text-decoration: underline; text-underline-offset: 3px; }
.pml-selbar-actions .adm-btn:not(.adm-btn--primary) { background: var(--ap-surface); }
.pml-selbar-actions { gap: 8px; }
.pml-selbar-actions .adm-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 10px; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.pml-selbar-actions .adm-btn i { font-size: 14px; }
.pml-selbar-info strong { font-weight: 700; }

/* ============================================================
   Produtos · catálogo: grade de colunas, hierarquia e edição na linha
   A lista tinha 1.550 px de largura para sete informações: colunas
   automáticas abriam vãos entre Estoque, Canais e Situação e o olho
   atravessava a linha em zigue-zague. Aqui a grade é declarada.
   ============================================================ */
#productsList .pml-table { table-layout: fixed; width: 100%; }
#productsList .pml-table .col-ck    { width: 44px; text-align: center; padding-left: 8px !important; padding-right: 0 !important; }
#productsList .pml-table .col-img   { width: 64px; padding-left: 8px !important; padding-right: 8px !important; }
/* A identidade do produto fica com a sobra da tabela: é a célula com mais
   texto (nome, SKU, marca e categoria) e a que se lê primeiro. */
#productsList .pml-table .col-name  { width: auto; min-width: 360px; }
#productsList .pml-table .col-price { width: 172px; text-align: right; }
#productsList .pml-table .col-stock { width: 104px; text-align: center; }
#productsList .pml-table .col-mkt   { width: 186px; }
#productsList .pml-table .col-state { width: 168px; }
#productsList .pml-table .col-act   { width: 112px; text-align: right; padding-right: 10px !important; }
#productsList .pml-table :is(.col-price, .col-stock) { font-variant-numeric: tabular-nums; }

/* Colunas que o admin desliga no menu "Colunas" */
#pmlCard.pml-sem-img .col-img,
#pmlCard.pml-sem-estoque .col-stock,
#pmlCard.pml-sem-canais .col-mkt,
#pmlCard.pml-sem-atualizado .col-atualizado,
#pmlCard.pml-sem-situacao .col-state { display: none; }
#pmlCard.pml-sem-custo .pml-cost-line { display: none; }
.pml-col-opt { display: flex; align-items: center; gap: 10px; padding: 8px 12px; font-size: 13.5px; color: var(--ap-ink); cursor: pointer; }
.pml-col-opt:hover { background: var(--ap-surface-2); }

/* Nome: duas linhas no máximo, para a altura da linha não oscilar */
#productsList .pml-name-wrap { display: flex; align-items: flex-start; gap: 6px; }
#productsList .pml-name-link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; line-height: 1.35; }
#productsList .pml-row > .col-name { min-height: 64px; }
#productsList .col-name .pml-meta { padding-left: 24px; }

/* Valores: o preço é o que se consulta, o custo é apoio */
#productsList .col-price .pml-price-line { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
#productsList .col-price .pml-pix-price { font-size: 15px; font-weight: 600; }
#productsList .col-price .pml-val-de { font-size: 11.5px; color: var(--ap-ink-3); }
#productsList .col-price .pml-cost-line { margin-top: 2px; font-size: 11.5px; color: var(--ap-ink-3); }
#productsList .col-price .pml-cost-lbl { text-transform: uppercase; font-size: 10px; letter-spacing: .04em; }
#productsList .col-price .pml-marg { margin-left: 6px; color: var(--ap-ok-ink); font-weight: 600; }
#productsList .col-price .pml-marg.is-neg { color: var(--ap-danger); }
#productsList .col-price .pml-flags:empty { display: none; }

/* Editar no lugar: preço pelo lápis, estoque pelo próprio número */
.pml-cel-edit { border: 0; background: none; padding: 2px 4px; border-radius: 6px; color: var(--ap-ink-3); cursor: pointer; opacity: 0; transition: opacity .12s; }
.pml-row:hover .pml-cel-edit, .pml-cel-edit:focus-visible { opacity: 1; }
.pml-cel-edit:hover { background: var(--ap-surface-2); color: var(--ap-accent); }
#productsList .pml-stock-badge { border: 0; background: none; padding: 2px 4px; border-radius: 6px; cursor: pointer; font: inherit; font-weight: 600; }
#productsList .pml-stock-badge:hover { background: var(--ap-surface-2); }
.pml-inline-input { width: 100%; max-width: 110px; height: 32px; padding: 0 8px; border: 1px solid var(--ap-accent); border-radius: 8px; font: inherit; text-align: right; }

/* Cabeçalho repetido a cada 50 linhas (a tela não usa menu fixo) */
#productsList .pml-rehead th { background: var(--ap-surface-2) !important; border-top: 1px solid var(--ap-line) !important; }

/* Situação e ações encostadas na borda: a zona morta à direita some */
#productsList .pml-actcell { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; }
#productsList .pml-st--bad { color: var(--ap-danger); }

/* Aviso de falhas: deixa de ser cartão do mesmo tamanho dos indicadores */
.pml-qpill .pml-qnum { margin-left: 6px; padding: 1px 6px; border-radius: 20px; background: var(--ap-danger-soft, var(--ap-surface-2)); color: var(--ap-danger); font-size: 11px; font-weight: 700; }

/* Lista vazia e erro com saída, em vez de um parágrafo cinza */
.pml-vazio { display: grid; justify-items: center; gap: 10px; padding: 56px 24px; text-align: center; color: var(--ap-ink-3); }
.pml-vazio i { font-size: 30px; color: var(--ap-line-strong, var(--ap-ink-3)); }
.pml-vazio h4 { margin: 0; font-size: 16px; color: var(--ap-ink); }
.pml-vazio p { margin: 0; font-size: 13.5px; max-width: 46ch; }
.pml-vazio--erro i { color: var(--ap-danger); }

.pml-selbar-dim { font-weight: 500; color: var(--ap-ink-3); }
.pml-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Detalhe da linha: filho da linha, não um bloco solto colado embaixo */
#productsList .pml-row--expanded td { background: var(--ap-surface-2) !important; }

@media (max-width: 1180px) {
  #productsList .pml-table { table-layout: auto; min-width: 920px; }
}
@media (max-width: 768px) {
  #productsList .col-name .pml-meta { padding-left: 0; }
  /* No modo cartão não existe cabeçalho para repetir. */
  #productsList .pml-rehead { display: none !important; }
  .pml-cel-edit { opacity: 1; }
}

/* Indicadores do catálogo: três números, não três faixas de 450 px. */
.pml-kpis { grid-template-columns: repeat(auto-fit, minmax(220px, 300px)) !important; justify-content: start; }

/* Catálogo: leitura em duas etapas, primeiro saúde do catálogo, depois trabalho na lista. */
#pmlCard:not([data-view="catalog"]) .pml-catalog-intro { display:none; }
#pmlCard[data-view="catalog"] .pml-catalog-intro { display:flex; align-items:end; justify-content:space-between; margin:0 0 18px; }
.pml-catalog-eyebrow { display:block; margin-bottom:5px; color:var(--ap-accent); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.pml-catalog-intro h2 { margin:0; color:var(--ap-ink); font-size:21px; font-weight:700; letter-spacing:-.03em; line-height:1.2; }
.pml-catalog-intro p { margin:5px 0 0; color:var(--ap-ink-3); font-size:13px; line-height:1.45; }
#pmlCard[data-view="catalog"] { padding-top:22px; }
#pmlCard[data-view="catalog"] .pml-toolbar { padding-bottom:16px; margin-bottom:12px !important; border-bottom:1px solid var(--ap-line-soft); }
#pmlCard[data-view="catalog"] .pml-search-wrap { min-width:240px; }
#pmlCard[data-view="catalog"] .pml-quick { margin-bottom:12px; }
#pmlCard[data-view="catalog"] .pml-quick button { min-height:34px; }
#pmlCard[data-view="catalog"] #productsList { margin-top:4px; }
#pmlCard[data-view="catalog"] #productsList .pml-table td { vertical-align:middle; }
#pmlCard[data-view="catalog"] #productsList .pml-name-link { line-height:1.35; }
#pmlCard[data-view="catalog"] #productsList .pml-table tbody tr:focus-within td { background:var(--ap-surface-2); }
.pml-kpis .ap-kpi-val { font-variant-numeric:tabular-nums; letter-spacing:-.035em; }
#pmlCard :is(#pmlChannelMenu, #prodAddMenu, #pmlColsMenu) { width:max-content; max-width:min(360px, calc(100vw - 16px)); box-sizing:border-box; overflow-x:hidden; }
#pmlCard :is(#pmlChannelMenu, #prodAddMenu, #pmlColsMenu) > button { white-space:normal; text-align:left; line-height:1.35; }
#pmlCard #mlPushMenu { position:fixed; z-index:9000; right:auto !important; width:min(340px, calc(100vw - 16px)); max-width:calc(100vw - 16px); max-height:min(560px, calc(100vh - 16px)); box-sizing:border-box; }

/* Painel expandido do produto, conforme a referência visual. */
#productsList .pml-row--expanded td { background:#fff !important; border-bottom-color:transparent !important; }

/* Produtos: composição da referência, com os dados reais disponíveis no resumo. */
#pmlCard[data-view="catalog"] .pml-catalog-intro { display:none; }
.pml-hub { margin-bottom:24px; }
.pml-kpis { grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:14px; }
/* O catalogo usa o cartao do sistema: branco, sem pastel, sem sombra e sem altura propria. */
#pmlCard[data-view="catalog"] { padding-top:18px; border:1px solid #e8edf5; border-radius:16px; box-shadow:0 4px 20px rgba(21,43,84,.045); }
#pmlCard[data-view="catalog"] .pml-toolbar { border-bottom:0; padding-bottom:0; margin-bottom:14px !important; gap:10px; }
#pmlCard[data-view="catalog"] .pml-toolbar .pml-channel-btn { min-width:190px; }
#pmlCard[data-view="catalog"] .pml-search-wrap { flex:1 1 400px; }
#pmlCard[data-view="catalog"] :is(.pml-channel-btn,.pml-filter-toggle,.pml-toolbar .adm-btn,.pml-search) { min-height:42px; border-radius:10px !important; }
#pmlCard[data-view="catalog"] .pml-quick { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
#pmlCard[data-view="catalog"] .pml-qpill { min-height:36px; padding:0 14px; border:1px solid #e3eaf3; border-radius:999px; background:#fff; color:var(--ap-ink-2); font-size:12px; font-weight:600; }
#pmlCard[data-view="catalog"] .pml-qpill[aria-pressed="true"] { border-color:var(--ap-accent); background:var(--ap-accent); color:#fff; }
#pmlCard[data-view="catalog"] .pml-qpill:hover:not([aria-pressed="true"]) { background:#f6f9fe; border-color:#cad9ef; }
#productsList .pml-table-wrap { border:1px solid #e8edf4; border-radius:14px; overflow-x:auto; }
#productsList .pml-row--expanded td { padding-bottom:8px !important; }
#productsList .pml-name-link { font-size:14px !important; font-weight:700 !important; }
@media(max-width:1250px) { .pml-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media(max-width:700px) { .pml-kpis { grid-template-columns:1fr !important; } #pmlCard[data-view="catalog"] .pml-quick { flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px; } #pmlCard[data-view="catalog"] .pml-qpill { flex:none; } }

/* Anúncios: apenas o painel e a linha têm contorno. */

/* A busca absorve o espaço livre da barra, sem um vão artificial entre grupos. */
#pmlCard[data-view="catalog"] .pml-toolbar-gap { display:none; }
#pmlCard[data-view="catalog"] .pml-search-wrap { flex:1 1 380px; max-width:none; }
#pmlCard[data-view="catalog"] .pml-toolbar { column-gap:10px; row-gap:10px; }
#pmlCard[data-view="catalog"] { padding:18px !important; box-sizing:border-box; }
#pmlCard[data-view="catalog"] .pml-toolbar { margin-bottom:18px !important; }

/* Ações do produto: largura real para o interruptor e dois botões de ícone. */
#productsList .pml-table .col-act { width:170px; padding-left:8px !important; padding-right:12px !important; text-align:right; }
#productsList .pml-actcell { display:inline-flex; align-items:center; justify-content:flex-end; gap:6px; width:100%; }
#productsList .pml-switch { display:inline-grid; place-items:center; flex:none; width:44px; height:40px; margin:0; }
.content #productsList .pml-actcell .pml-kebab-btn { display:inline-grid; place-items:center; flex:none; min-width:40px; width:40px; height:40px; padding:0; border:1px solid transparent; border-radius:9px; color:var(--ap-ink-2); }
.content #productsList .pml-actcell .pml-kebab-btn:hover { border-color:var(--ap-line); background:var(--ap-surface-2); color:var(--ap-accent); }
.content #productsList .pml-actcell .pml-kebab-btn:focus-visible { outline:2px solid var(--ap-accent); outline-offset:2px; }

/* Abertura dos anúncios: alinhada ao nome e com estado visual claro. */
#productsList .pml-name-wrap { align-items:center; }

/* Prévia da edição em massa de custos e margens. */
#afx_precos .pz-filter-dd { flex:none; }
#afx_precos .pz-filter-dd .afx-btn { white-space:nowrap; }
#afx_precos .pz-filter-panel { width:min(330px,calc(100vw - 32px)); max-height:min(72vh,560px); overflow-y:auto; }
#afxPainel_pricingAccount { right:0; left:auto; }
.pz-filter-group { min-width:0; margin:0; padding:10px 8px; border:0; }
.pz-filter-group legend { padding:0 2px; color:var(--ap-ink); font-size:13px; font-weight:700; }
.pz-filter-group legend span { color:var(--ap-accent); }
.pz-filter-search { width:100%; height:32px; margin:6px 0; padding:0 10px; border:1px solid var(--ap-line); border-radius:7px; font:inherit; font-size:12px; }
.pz-filter-search:focus-visible { outline:2px solid var(--ap-accent); outline-offset:1px; }
.pz-filter-options { display:grid; gap:2px; max-height:min(48vh,360px); overflow-y:auto; overscroll-behavior:contain; }
.pz-filter-option { display:flex; align-items:center; gap:9px; min-height:30px; padding:5px 7px; border-radius:7px; color:var(--ap-ink-2); font-size:12px; line-height:1.3; cursor:pointer; }
.pz-filter-option[hidden],.pz-filter-category[hidden] { display:none; }
.pz-filter-option:hover { background:var(--ap-surface-2); }
.pz-filter-option input { flex:none; width:15px; height:15px; margin:0; accent-color:var(--ap-accent); }
.pz-filter-option span { min-width:0; overflow-wrap:anywhere; }
.pz-filter-option--sub { padding-left:24px; color:var(--ap-ink-3); }
.pz-filter-category + .pz-filter-category { margin-top:5px; padding-top:5px; border-top:1px solid var(--ap-line); }
.pz-filter-channel { margin:6px 7px 2px; color:var(--ap-ink-3); font-size:11px; font-weight:700; }
.pz-filter-loading { display:block; padding:7px; color:var(--ap-ink-3); font-size:12px; }
@media(max-width:700px) { #afx_precos .pz-filter-panel { position:fixed; inset:auto 16px 16px; width:auto; max-height:60vh; } }
.pz-bulk-dialog .ap-modal-head { border-bottom:0 !important; padding:22px 26px 5px !important; }
.pz-bulk-dialog .ap-modal-body { padding:12px 26px 22px !important; }
.pz-bulk { display:grid; gap:18px; color:var(--ap-ink); font-size:13px; }
.pz-bulk > p { margin:0; line-height:1.5; color:var(--ap-ink-2); }
.pz-bulk-context { display:grid; gap:3px; }
.pz-bulk-context strong { color:var(--ap-ink); font-size:13px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pz-bulk-context span { color:var(--ap-ink-3); font-size:12px; }
.pz-bulk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
.pz-bulk-grid label { display:grid; gap:7px; font-size:12px; font-weight:600; color:var(--ap-ink-2); }
.pz-bulk-grid label[hidden] { display:none; }
.pz-bulk-grid :is(select,input) { width:100%; min-height:42px; padding:0 12px; border:0; border-radius:8px; background:var(--ap-surface-2); box-shadow:inset 0 -1px 0 rgba(17,17,18,.09); color:var(--ap-ink); font:inherit; font-size:13px; font-weight:550; }
.pz-bulk-grid :is(select,input):hover { background:#f0f2f5; }
.pz-bulk-grid :is(select,input):focus-visible { outline:0; box-shadow:inset 0 -2px 0 var(--ap-accent); background:var(--ap-surface-2); }
.pz-bulk-grid .pz-bulk-value-field { grid-column:1/-1; }
.pz-bulk-value { position:relative; display:block; }
.pz-bulk-value input { padding-right:44px; }
.pz-bulk-value > span { position:absolute; right:13px; top:50%; transform:translateY(-50%); color:var(--ap-ink-3); font-weight:600; pointer-events:none; }
.pz-bulk-hint { padding:0; color:var(--ap-ink-3) !important; font-size:12px; }
.pz-bulk-preview { padding:16px 18px; border:0; border-radius:10px; background:var(--ap-surface-2); line-height:1.6; }
.pz-bulk-preview[hidden] { display:none; }
.pz-bulk-empty { color:var(--ap-ink-3); }
.pz-bulk-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.pz-bulk-summary > div { display:grid; gap:1px; padding:0 12px; border-right:1px solid rgba(17,17,18,.08); }
.pz-bulk-summary > div:first-child { padding-left:0; }
.pz-bulk-summary > div:last-child { border-right:0; }
.pz-bulk-summary strong { font-size:20px; line-height:1.2; font-variant-numeric:tabular-nums; }
.pz-bulk-summary span,.pz-bulk-note { color:var(--ap-ink-3); font-size:12px; }
.pz-bulk-note { margin:10px 0 0; }
.pz-bulk-sample { margin-top:12px; border-top:1px solid var(--ap-line); font-variant-numeric:tabular-nums; }
.pz-bulk-sample-head { padding:10px 0 4px; font-size:12px; font-weight:700; color:var(--ap-ink-2); }
.pz-bulk-sample-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:8px 0; border-bottom:1px solid var(--ap-line); }
.pz-bulk-sample-row:last-child { border-bottom:0; }
.pz-bulk-sample-product { display:grid; min-width:0; line-height:1.35; }
.pz-bulk-sample-product b { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.pz-bulk-sample-product small { color:var(--ap-ink-3); }
.pz-bulk-sample-amount { flex:none; white-space:nowrap; }
.pz-bulk-sample-amount i { margin:0 5px; color:var(--ap-ink-3); font-size:10px; }
.pz-bulk-sample-amount b { color:var(--ap-ink); }
.pz-bulk-risk { margin-top:9px; color:var(--ap-danger); font-weight:650; }
.pz-bulk-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:2px; }
.pz-bulk-actions #pzBulkPlan { border:0 !important; background:transparent !important; box-shadow:none !important; }
.pz-bulk-actions #pzBulkPlan:hover:not(:disabled) { background:var(--ap-surface-2) !important; }
.pz-bulk-actions #pzBulkApply { border:0 !important; }
.pz-bulk-actions #pzBulkApply:disabled { background:var(--ap-surface-2) !important; color:var(--ap-ink-3) !important; box-shadow:none !important; cursor:not-allowed; opacity:1; }
@media(max-width:650px) { .pz-bulk-grid { grid-template-columns:1fr; } .pz-bulk-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } .pz-bulk-sample-row { align-items:flex-start; flex-direction:column; gap:4px; } .pz-bulk-actions > button { flex:1; } }
@media (max-width:760px) {
  #pmlCard[data-view="catalog"] { padding:12px !important; }
  .pml-catalog-intro h2 { font-size:19px; }
  #pmlCard[data-view="catalog"] .pml-toolbar { gap:8px; }
  #pmlCard[data-view="catalog"] .pml-search-wrap { min-width:0; }
}

/* Estados compartilhados: cor comunica ação sem substituir texto e ícones. */
.mlqa-passo { background: var(--ap-accent); border-color: var(--ap-accent); color: var(--ap-surface); }
.mlqa-ico { background: var(--ap-info-soft); color: var(--ap-info-ink); }
.mlqa-aviso { background: var(--ap-warn-soft); border-color: var(--ap-warn-line); }
.mlqa-stats { background: var(--ap-surface-2); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--ap-accent); }
:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 3px; }
::selection { background: var(--ap-accent); color: var(--ap-surface); }
input, textarea { caret-color: var(--ap-accent); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Páginas e mídia: superfície legível e tabela rolável dentro da tela. */
.content > .content-card:has(#contentTabContent) {
  background: var(--ap-surface) !important;
  border: 1px solid var(--ap-line);
  border-radius: var(--ap-r-card);
  padding: 20px !important;
}
#pagesList { max-width: 100%; overflow-x: auto; }
#pagesList table { min-width: 620px; }

/* Navegação escura Stelc: grupos recolhíveis e foco claro sobre o azul. */
.sidebar {
  background: linear-gradient(155deg, #0d2542 0%, #0a1b33 50%, #09172b 100%) !important;
  border-right: 1px solid #1b3554 !important;
  color: #ecf3ff;
}
.sidebar .app-sidebar-topbar {
  justify-content: flex-start !important;
  gap: 8px;
  padding: 0 16px !important;
  border-bottom-color: rgba(255,255,255,.07);
}
.sidebar .app-sidebar-brand { display:flex; align-items:center; gap:10px; min-width:0; margin:0 !important; }
.sidebar .app-sidebar-brand img { width:38px !important; height:38px !important; flex:none; box-shadow:none !important; }
.app-sidebar-brand-copy { display:flex; flex-direction:column; gap:2px; line-height:1.1; color:#fff; white-space:nowrap; }
.app-sidebar-brand-copy strong { font-size:13px; font-weight:750; letter-spacing:.01em; }
.app-sidebar-brand-copy small { font-size:10px; color:#9db0c9; }
.app-sidebar-brand-chevron { display:grid; place-items:center; width:28px; height:28px; flex:none; margin-left:auto; border:0; border-radius:7px; background:transparent; color:#a5b8d1; cursor:pointer; }
.app-sidebar-brand-chevron:hover { background:rgba(255,255,255,.08); color:#fff; }
.app-sidebar-brand-chevron i { font-size:10px; }
.sidebar .sidebar-menu { padding:10px 8px 20px !important; gap:1px; scrollbar-color:rgba(197,216,243,.25) transparent; }
.sidebar .sidebar-menu li a,
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle {
  min-height:37px !important; padding:0 11px !important; gap:10px !important;
  border:0 !important; border-radius:7px !important; background:transparent !important;
  color:#d3dfef !important; font-size:13px !important; font-weight:500 !important;
  box-shadow:none !important; transition:background-color .16s,color .16s !important;
}
.sidebar .sidebar-menu li a:hover,
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle:hover { background:rgba(255,255,255,.075) !important; color:#fff !important; padding-left:11px !important; }
.sidebar .sidebar-menu li a.active { background:#1254bb !important; color:#fff !important; font-weight:650 !important; box-shadow:0 2px 9px rgba(0,0,0,.14) !important; }
.sidebar .sidebar-menu li a > i:first-child,
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle > i:first-child { width:17px !important; flex:none; color:#bdcde2 !important; font-size:14px !important; text-align:center; opacity:1 !important; }
.sidebar .sidebar-menu li a.active > i:first-child,
.sidebar .sidebar-menu li a:hover > i:first-child,
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle:hover > i:first-child { color:#fff !important; }
.sidebar .sidebar-menu li a .notification-badge { min-width:20px; height:20px; padding:0 5px; background:#fff !important; color:#1752ac !important; border-radius:5px !important; font-size:11px !important; font-weight:750 !important; }
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle { display:flex !important; width:100%; align-items:center; text-align:left; cursor:pointer; pointer-events:auto; font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; }
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle > i:first-child { display:inline-block !important; }
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle .dropdown-arrow { display:inline-block !important; width:auto !important; margin-left:auto; color:#a5b8d1 !important; font-size:10px !important; opacity:1; }
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle.active { color:#fff !important; }
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle.active > i:first-child { color:#fff !important; }
.sidebar .sidebar-nav-group > .sidebar-submenu { display:none !important; height:auto !important; padding:2px 0 4px 20px !important; margin:0 !important; }
.sidebar .sidebar-nav-group.open > .sidebar-submenu { display:flex !important; }
.sidebar .sidebar-nav-group .sidebar-submenu li a { min-height:32px !important; padding:0 9px !important; font-size:12px !important; background:transparent !important; color:#c1d0e4 !important; }
.sidebar .sidebar-nav-group .sidebar-submenu li a:hover { background:rgba(255,255,255,.075) !important; color:#fff !important; padding-left:9px !important; }
.sidebar .sidebar-nav-group .sidebar-submenu li a.active { background:#1254bb !important; color:#fff !important; }
.sidebar .sidebar-submenu li a::before { display:none !important; }
.sidebar .sidebar-nav-group .sidebar-submenu .ap-market-icon { width:17px; height:17px; object-fit:contain; border-radius:4px; flex:none; }
.sidebar .sidebar-section > .sidebar-dropdown-toggle { display:block !important; padding:15px 11px 5px !important; min-height:0 !important; color:#879bb5 !important; font-size:10px !important; font-weight:650 !important; text-transform:uppercase !important; letter-spacing:.055em !important; background:none !important; cursor:default; pointer-events:none; }
.sidebar .sidebar-section > .sidebar-submenu { display:flex !important; padding:0 !important; }
.sidebar .sidebar-section .sidebar-submenu li a { padding:0 11px !important; }
.sidebar .sidebar-section .sidebar-submenu li a:hover { padding-left:11px !important; }
.sidebar .sidebar-menu li a:focus-visible,
.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle:focus-visible,
.sidebar .app-sidebar-brand-chevron:focus-visible { outline:2px solid #8fb9ff !important; outline-offset:-2px !important; }
@media(min-width:769px) {
  .sidebar:not(.is-collapsed) { width:248px !important; min-width:248px !important; }
  .sidebar.is-collapsed .app-sidebar-brand-copy,.sidebar.is-collapsed .app-sidebar-brand-chevron { display:none; }
  .sidebar.is-collapsed .app-sidebar-topbar { justify-content:center !important; padding:0 6px !important; }
  .sidebar.is-collapsed .sidebar-nav-group > .sidebar-dropdown-toggle { display:none !important; }
  .sidebar.is-collapsed .sidebar-nav-group > .sidebar-submenu { display:flex !important; padding:0 !important; }
  .sidebar.is-collapsed .sidebar-nav-group .sidebar-submenu li a { min-height:52px !important; }
}
@media(max-width:768px) {
  .sidebar .sidebar-menu { display:flex !important; flex-direction:column !important; align-items:stretch !important; padding:8px 10px 24px !important; }
  .sidebar .sidebar-menu > li { flex:none !important; width:100% !important; }
  .sidebar .sidebar-menu li a,.sidebar .sidebar-nav-group > .sidebar-dropdown-toggle { min-height:43px !important; font-size:14px !important; }
  .sidebar .sidebar-nav-group .sidebar-submenu li a { min-height:39px !important; font-size:13px !important; }
}
@media (max-width: 768px) {
  .content > .content-card:has(#contentTabContent) { padding: 16px !important; }
  #contentTabContent .adm-page-header { align-items: flex-start; text-align: left; gap: 12px; }
}

/* Lista de Pedidos: mesma leitura compacta de Últimos pedidos no dashboard. */
.ox-premium .ox-orders-table { border-collapse: separate; border-spacing: 0; }
.ox-premium .ox-orders-table th { height: 38px; padding: 0 12px; border-top: 0; font-weight: 600; }
.ox-premium .ox-orders-table td { height: 54px; padding: 8px 12px; white-space: nowrap; }
.ox-premium .ox-orders-table tbody tr:last-child td { border-bottom: 0; }
.ox-premium .ox-orders-table .ox-select { width: 38px; padding-left: 16px; padding-right: 4px; }
.ox-premium .ox-orders-table .ox-order-id { color: var(--ap-ink); font-weight: 700; font-variant-numeric: tabular-nums; }
.ox-premium .ox-orders-table .ox-date { color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }
.ox-premium .ox-orders-table .dx-r-person { max-width: 210px; }
.ox-premium .ox-orders-table .ox-docs { width: 1%; white-space: nowrap; text-align: right; }
.ox-premium .ox-orders-table .ox-next { padding-right: 16px; }
.ox-premium .ox-columns-menu { min-width: 190px; max-height: min(440px, 70vh); overflow-y: auto; }
.ox-premium .ox-orders-table input[type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.2 8 3.1 3.1 6.5-6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 14px 14px !important; }
.ox-premium .ox-orders-table input[type="checkbox"]:checked::after { content: none !important; }
.ox-premium .ox-orders-table .ox-product-cell { min-width: 220px; max-width: 290px; }
.ox-premium .ox-orders-table .ox-product-cell .t { max-width: 230px; }
.ox-premium .ox-orders-table .ox-product-cell .sub { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Pedidos: filtros e ações têm espaço próprio, inclusive ao personalizar colunas. */
.ox-premium .dx-orders-bar.ox-orders-toolbar { display:flex; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:14px 20px 12px !important; }
.ox-premium .ox-toolbar-filters { display:flex; align-items:center; gap:10px; min-width:0; padding-bottom:12px; }
.ox-premium .ox-toolbar-filters .dx-search { flex:1 1 380px; min-width:220px; margin:0; }
.ox-premium .ox-toolbar-filters .dx-select { flex:0 1 205px; min-width:145px; max-width:230px; margin:0; }
.ox-premium .ox-toolbar-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; padding-top:12px; border-top:1px solid var(--ap-line-soft); }
.ox-premium .ox-toolbar-bottom .ox-meta { margin:0; color:var(--ap-ink-3); font-size:12px; line-height:1.4; white-space:nowrap; }
.ox-premium .ox-toolbar-bottom .ox-meta b { color:var(--ap-ink); font-weight:650; }
.ox-premium .ox-toolbar-actions { display:flex; align-items:center; gap:8px; margin-left:auto; flex:none; }
.ox-premium .ox-toolbar-actions > .ap-btn, .ox-premium .ox-toolbar-actions > .ordx-dd > .ap-btn { min-height:36px; white-space:nowrap; }
.ox-premium .ox-columns-trigger { gap:7px; }
.ox-premium .ox-columns-count { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 4px; border-radius:999px; background:var(--ap-surface-2); color:var(--ap-ink-2); font-size:10px; font-weight:700; }
.ox-premium .ox-columns-menu { width:min(360px,calc(100vw - 24px)); min-width:0; max-height:min(390px,calc(100vh - 24px)); padding:0 !important; overflow-y:auto; }
.ox-columns-menu .ox-columns-head { display:flex; flex-direction:column; gap:3px; padding:15px 16px 12px; border-bottom:1px solid var(--ap-line-soft); }
.ox-columns-menu .ox-columns-head strong { color:var(--ap-ink); font-size:13px; font-weight:700; }
.ox-columns-menu .ox-columns-head small { color:var(--ap-ink-3); font-size:11px; }
.ox-columns-menu .ox-columns-group { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 4px; padding:8px 10px; }
.ox-columns-menu .ox-columns-group + .ox-columns-group { border-top:1px solid var(--ap-line-soft); }
.ox-columns-menu .ox-columns-group > span { grid-column:1/-1; display:block; padding:0 8px 5px; color:var(--ap-ink-3); font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.ox-columns-menu .ox-column-option { display:flex; align-items:center; gap:8px; min-height:30px; padding:4px 8px; border-radius:6px; color:var(--ap-ink-2); font-size:12px; font-weight:550; cursor:pointer; }
.ox-columns-menu .ox-column-option:hover { background:var(--ap-surface-2); }
.ox-columns-menu .ox-column-option input[type="checkbox"] { appearance:auto !important; flex:none; width:16px; height:16px; margin:0; accent-color:var(--ap-accent); cursor:pointer; }
.ox-columns-menu .ox-column-option input[type="checkbox"]:focus-visible { outline:2px solid var(--ap-accent); outline-offset:2px; }
.ox-columns-menu .ox-columns-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 16px; border-top:1px solid var(--ap-line-soft); color:var(--ap-ink-3); font-size:11px; }
.ox-columns-menu .ox-columns-foot button { display:inline; width:auto; padding:0; color:var(--ap-accent); font-size:11px !important; font-weight:650; }
.ox-columns-menu .ox-columns-foot button:hover { background:none; text-decoration:underline; text-underline-offset:2px; }
@media (max-width:1100px) { .ox-premium .ox-toolbar-filters { flex-wrap:wrap; } .ox-premium .ox-toolbar-filters .dx-search { flex-basis:100%; } .ox-premium .ox-toolbar-filters .dx-select { flex:1 1 150px; max-width:none; } }
@media (max-width:650px) { .ox-premium .dx-orders-bar.ox-orders-toolbar { padding:12px 14px !important; } .ox-premium .ox-toolbar-bottom { align-items:flex-start; flex-direction:column; gap:10px; } .ox-premium .ox-toolbar-actions { width:100%; margin:0; } .ox-premium .ox-toolbar-actions > .ap-btn { flex:1; } }
.ox-columns-menu .ox-column-option { box-sizing:border-box; }
.ox-premium .ox-toolbar-actions > .ordx-dd:first-child { flex:none; width:auto; min-width:0; }
.ox-premium .dx-orders-bar .ox-toolbar-actions .ox-columns-trigger { width:max-content; min-width:120px; max-width:none; flex:none; padding:0 12px; justify-content:center; }
@media (max-width:400px) { .ox-columns-menu .ox-columns-group { grid-template-columns:1fr; } }

/* ===== Kit DX — faixa de métricas, barra de ferramentas, lista e paginação =====
   Veio do <style> que o dashboard.js injetava em cada tela (const DX_CSS).
   Agora mora aqui: vale para todas as telas do painel, carregado uma vez só.
   Fica no fim do arquivo para manter a mesma cascata de quando era inline. */
/* Kit DX v2 (05/10/2026) — Painel, Pedidos, CRM, Marketing, WhatsApp, NF, Loja.
   Ativo = azul Stelc claro (fundo suave + texto azul), nunca bloco preto.
   Cor forte só em estado (atraso, erro) e no botão principal. */
.crm-tbl td{vertical-align:middle}.crm-tbl th:first-child,.crm-tbl td:first-child{width:40px;padding-right:0}
.crm-tbl input[type=checkbox]{width:16px;height:16px;accent-color:var(--ap-accent);cursor:pointer}
.crm-tbl tr.is-sel td{background:var(--ap-accent-08)}
.crm-bulk{display:none;align-items:center;gap:6px;padding:8px 12px 8px 16px;margin:0 20px 12px;border-radius:8px;background:var(--ap-accent-08);border:1px solid var(--ap-info-line);color:var(--ap-accent);font-size:13px;flex-wrap:wrap}
.crm-bulk.show{display:flex}.crm-bulk b{margin-right:8px;font-weight:600}
.crm-bulk button,.crm-bulk select{height:30px;border-radius:6px;border:1px solid var(--ap-info-line);background:#fff;color:var(--ap-accent);font:inherit;font-size:12px;font-weight:600;padding:0 10px;cursor:pointer}
.crm-bulk button:hover{border-color:var(--ap-accent)}
.crm-bulk select option{color:var(--ap-ink)}
.crm-bulk .x{margin-left:auto;border:0;background:none}
/* O kit nasceu dentro de .dx e usa nomes curtos para os tokens. Fora do painel
   (coluna Ações do catálogo, por exemplo) esses nomes não existiam e o botão
   saía sem moldura — por isso eles valem no admin inteiro. */
:root { --ink: var(--ap-ink); --mut: var(--ap-ink-3); --mut2: var(--ap-ink-4); --line: var(--ap-line); --soft: var(--ap-surface-2); --ok: var(--ap-ok); --bad: var(--ap-danger); }
.dx{--ink:var(--ap-ink);--mut:var(--ap-ink-3);--mut2:var(--ap-ink-4);--line:var(--ap-line);--soft:var(--ap-surface-2);--ok:var(--ap-ok);--bad:var(--ap-danger);
  max-width:none;margin:0;padding:24px 32px 56px;display:flex;flex-direction:column;gap:16px;color:var(--ink);font-size:14px;}
.dx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:36px;}
.dx-hello{font-size:22px;font-weight:600;letter-spacing:-.015em;margin:0;}
.dx-date{font-size:13px;color:var(--mut);}
.dx-head-r{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mut);}
.dx-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0;}
.dx-card h3{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:10px;}
.dx-card h3 a{font-size:13px;color:var(--ap-accent);text-decoration:none;font-weight:600;}
.dx-card h3 a:hover{text-decoration:underline}
/* KPIs: uma faixa só, divisórias finas — não quatro cartões soltos. */
.dx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.dx-kpis > .dx-card{border:0;border-radius:0;border-left:1px solid var(--line);}
.dx-kpis > .dx-card:first-child{border-left:0;}
.dx-kpi .dx-lbl{font-size:13px;color:var(--mut);font-weight:500;}
.dx-kpi .dx-val{font-size:28px;font-weight:600;letter-spacing:-.02em;margin:6px 0 2px;font-variant-numeric:tabular-nums;}
.dx-kpi .dx-sub{font-size:12px;color:var(--mut);}
/* O único bloco cheio da tela: o número principal, no azul da marca. */
.dx-kpi--dark{background:var(--ap-accent);color:#fff;}
.dx-kpi--dark .dx-lbl,.dx-kpi--dark .dx-sub{color:rgba(255,255,255,.72);}
.dx-grid2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;} .dx-grid2--rev{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);} .dx-donut-gi{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--ap-fill);color:var(--ap-ink-2);font-size:12px;vertical-align:middle;}
.dx-vsl{display:flex;flex-direction:column;} .dx-vs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--ap-fill);color:inherit;text-decoration:none;} .dx-vs:first-child{border-top:0;} .dx-vs:hover span b{color:var(--ap-accent);} .dx-vs span{display:flex;flex-direction:column;min-width:0;} .dx-vs b{font-size:13.5px;font-weight:600;} .dx-vs small{font-size:12px;color:var(--ap-ink-3);} .dx-vs em{font-style:normal;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;} .dx-vs.warn em{color:var(--ap-warn);} .dx-vs.ok em{color:var(--ap-ok-ink);} .dx-vs.bad em{color:var(--bad);}
.dx-grid2 > .dx-card:first-child{display:flex;flex-direction:column;} .dx-grid2 .dx-chart{flex:1;min-height:210px;height:auto;}
.dx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;} .dx-grid3.dx-fill{align-items:stretch;} .dx-grid3 > .dx-card{min-width:0;} .dx-grid3 > .dx-span2{grid-column:span 2;} .dx-grid3 > .dx-span3{grid-column:1/-1;} .dx-ct{display:flex;align-items:center;gap:10px;} .dx-ct > span{display:flex;flex-direction:column;gap:2px;min-width:0;} .dx-ct-s{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ap-ink-3);text-decoration:none;} .dx-ct-s i{width:7px;height:7px;border-radius:50%;background:var(--ap-ok);flex:none;} .dx-ct-s.off i{background:var(--ap-danger);} .dx-ct-s:hover{color:var(--ap-accent);} .dx-ct-wrap{overflow-x:auto;max-width:100%;} .dx-ct-f{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ap-fill);font-size:12.5px;color:var(--ap-ink-3);} .dx-ct-f b{color:var(--ink);margin-right:4px;} @media (max-width:1280px){.dx-grid3{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:760px){.dx-grid3{grid-template-columns:minmax(0,1fr);} .dx-grid3 > .dx-span2,.dx-grid3 > .dx-span3{grid-column:auto;}}
.dx-chart{display:flex;align-items:flex-end;gap:8px;height:210px;padding-top:6px;}
.dx-bar{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;}
.dx-bar-stack{width:100%;max-width:30px;display:flex;flex-direction:column-reverse;border-radius:4px 4px 2px 2px;overflow:hidden;background:var(--ap-fill);min-height:4px;}
.dx-bar-stack span{display:block;width:100%;}
.dx-bar-ml{background:var(--ap-accent);} .dx-bar-site{background:var(--ap-info-line);}
.dx-bar-lbl{height:14px;white-space:nowrap;font-size:11px;color:var(--mut);font-variant-numeric:tabular-nums;}
.dx-bar.is-today .dx-bar-lbl{color:var(--ap-accent);font-weight:600;}
/* Evolução das vendas: linha da métrica escolhida sobre barras da outra. */
.dx-evo{position:relative;flex:1;min-height:220px;}
.dx-evo-overview{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:3px 0 14px;}
.dx-evo-overview strong{font-size:25px;line-height:1.15;font-weight:700;letter-spacing:-.035em;color:var(--ap-ink);font-variant-numeric:tabular-nums;}
.dx-evo-overview span{font-size:12px;color:var(--ap-ink-3);}
.dx-evo-svg{display:block;width:100%;height:auto;overflow:visible;}
.dx-evo-grid{stroke:var(--ap-line-soft);stroke-width:1;}
.dx-evo-axis{fill:var(--mut);font-size:11px;font-variant-numeric:tabular-nums;}
.dx-evo-area{fill:url(#dxEvoFill);}
.dx-evo-line{fill:none;stroke:var(--ap-accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;}
.dx-evo-dot{fill:var(--ap-surface);stroke:var(--ap-accent);stroke-width:3;}
.dx-evo-hl{display:none;} .dx-evo-hl line{stroke:var(--ap-accent-24);stroke-width:1;stroke-dasharray:4 4;}
.dx-evo-tip{position:absolute;top:42px;z-index:2;display:none;min-width:150px;padding:8px 10px;border-radius:8px;background:var(--ap-accent);color:#fff;font-size:12px;line-height:1.5;pointer-events:none;white-space:nowrap;box-shadow:var(--ap-sh-2);}
.dx-evo-tip b{display:block;font-size:13px;} .dx-evo-tip span{display:block;opacity:.78;}
/* Indicadores: cartões separados, ícone, variação e tendência. */
.dx-k4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.dx-k4 > .dx-card{display:flex;align-items:center;gap:14px;padding:18px;}
.dx-k4-ic{width:48px;height:48px;border-radius:14px;background:var(--ap-accent-08);color:var(--ap-accent);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;}
.dx-k4-tx{flex:1;min-width:0;}
.dx-k4 .dx-lbl{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:6px;} .dx-k4 .dx-lbl i{font-size:11px;opacity:.7;cursor:help;}
.dx-k4 .dx-val{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2px 0 4px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.dx-k4-d{font-size:12px;color:var(--mut);display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .dx-k4-d .dx-delta{margin-left:0;}
/* Listas dos cartões novos */
.dx-h3-link{float:right;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ap-accent);text-decoration:none;} .dx-h3-link:hover{text-decoration:underline;}
.dx-chan{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;} .dx-chan img{width:22px;height:22px;border-radius:6px;object-fit:contain;} .dx-chan i{width:22px;text-align:center;color:var(--ap-accent);}
.dx-low{display:flex;flex-direction:column;gap:14px;}
.dx-low-r{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;} .dx-low-r:hover .dx-low-t b{color:var(--ap-accent);}
.dx-low-r img,.dx-low-ph{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--ap-fill);flex:none;}
.dx-low-t{flex:1;min-width:0;} .dx-low-t b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dx-low-t small{color:var(--mut);font-size:12px;}
.dx-low-q{height:26px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;background:var(--ap-ml-soft);color:var(--ap-ml-ink);}
.dx-low-q.crit{background:var(--ap-danger-soft);color:var(--ap-danger-ink);} .dx-low-q.warn{background:var(--ap-warn-soft);color:var(--ap-warn-ink);}
@media (max-width: 1100px){.dx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dx-grid2.dx-fill{align-items:stretch !important;} .dx-fill > .dx-card{display:flex;flex-direction:column;}
/* Pedidos recentes / marketplaces / tarefas: detalhes da referência. */
.dx-act{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;}
.dx-recent{padding:18px 20px 12px;}
.dx-recent h3{margin-bottom:12px;}
.dx-recent-scroll{overflow-x:auto;max-width:100%;}
.dx-recent-table{width:100%;min-width:830px;border-collapse:separate;border-spacing:0;font-size:12px;}
.dx-recent-table th{height:32px;padding:0 10px;text-align:left;background:var(--ap-surface-2);color:var(--ap-ink-3);font-size:11px;font-weight:600;white-space:nowrap;}
.dx-recent-table th:first-child{border-radius:8px 0 0 8px;}.dx-recent-table th:last-child{border-radius:0 8px 8px 0;}
.dx-recent-table td{height:44px;padding:4px 10px;border-bottom:1px solid var(--ap-line-soft);white-space:nowrap;color:var(--ap-ink-2);}
.dx-recent-table tbody tr:last-child td{border-bottom:0;}
.dx-recent-table tbody tr:hover td,.dx-recent-table tbody tr.is-selected td{background:var(--ap-accent-08);}
.dx-recent-table .dx-r-check{width:34px;padding-left:6px;padding-right:4px;}
.dx-recent-table input[type=checkbox]{width:17px;height:17px;cursor:pointer;vertical-align:middle;}
.dx-recent-table input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.2 8 3.1 3.1 6.5-6.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important;}
.dx-recent-table input[type=checkbox]:checked::after{content:none!important;}
.dx-recent-table input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8h9' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important;}
.dx-r-id{font-weight:700;color:var(--ap-ink);text-decoration:none;}.dx-r-id:hover{color:var(--ap-accent);text-decoration:underline;}
.dx-r-person{display:inline-flex;align-items:center;gap:8px;max-width:200px;}
.dx-r-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;flex:none;background:var(--ap-accent-08);color:var(--ap-accent);font-size:10px;font-weight:700;}
.dx-r-person-name{overflow:hidden;text-overflow:ellipsis;color:var(--ap-ink);}
.dx-r-channel{display:inline-flex;align-items:center;gap:6px;}.dx-r-channel img{width:18px;height:18px;object-fit:contain;border-radius:4px;}.dx-r-channel i{width:18px;text-align:center;}
.dx-r-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:6px;background:var(--ap-fill);color:var(--ap-ink-2);font-size:11px;font-weight:600;line-height:1.2;}
.dx-r-badge--info{background:var(--ap-info-soft);color:var(--ap-info-ink);}.dx-r-badge--warn{background:var(--ap-warn-soft);color:var(--ap-warn-ink);}
.dx-r-badge--ok{background:var(--ap-ok-soft);color:var(--ap-ok-ink);}.dx-r-badge--bad{background:var(--ap-danger-soft);color:var(--ap-danger-ink);}
.dx-r-money{font-weight:700;color:var(--ap-ink)!important;font-variant-numeric:tabular-nums;}.dx-r-date{color:var(--ap-ink-3)!important;font-variant-numeric:tabular-nums;}
.dx-r-menu{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--ap-ink-3);cursor:pointer;}.dx-r-menu:hover{background:var(--ap-fill);color:var(--ap-accent);}.dx-r-menu:focus-visible,.dx-recent-table input:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px;}
.dx-recent-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 6px 0;font-size:12px;color:var(--ap-ink-3);}.dx-recent-selection[hidden]{display:none;}.dx-recent-selection>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.dx-recent-selection button{border:0;background:none;color:var(--ap-accent);font:inherit;font-weight:600;cursor:pointer;}
.dx-sales-orders{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);}
@media(max-width:1500px){.dx-sales-orders{grid-template-columns:minmax(0,1fr);}}
.dx-insights-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
@media(max-width:1280px){.dx-insights-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:768px){.dx-recent{padding:16px 14px 12px;}.dx-recent-table{min-width:780px;}}

.dx-low-r img,.dx-low-ph{border:1px solid var(--line);background:#fff;}
.dx-tk{display:flex;flex-direction:column;gap:4px;}
.dx-tk a{display:flex;align-items:center;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px;} .dx-tk a:hover{background:var(--soft);}
.dx-tk-ic{width:32px;height:32px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--ap-info-soft);color:var(--ap-info);}
.dx-tk-ic.warn{background:var(--ap-warn-soft);color:var(--ap-warn);} .dx-tk-ic.danger{background:var(--ap-danger-soft);color:var(--ap-danger);} .dx-tk-ic.ok{background:var(--ap-ok-soft);color:var(--ap-ok);}
.dx-tk-t{flex:1;min-width:0;} .dx-tk-t small{display:block;color:var(--mut);font-size:12px;}
.dx-h3-link i{font-size:11px;margin-left:4px;}
.dx-top-r{display:flex;align-items:center;gap:12px;padding:9px 8px;margin:0 -8px;border-radius:10px;border:0;background:none;width:calc(100% + 16px);text-align:left;font:inherit;color:var(--ink);}
.dx-top-r[data-pid]{cursor:pointer;} .dx-top-r[data-pid]:hover{background:var(--soft);} .dx-top-r[data-pid]:hover .dx-top-t{color:var(--ap-accent);}
.dx-top-r img,.dx-top-r .dx-low-ph{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:#fff;flex:none;}
.dx-top-r .dx-top-t{flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dx-top-r small{display:block;color:var(--mut);font-size:12px;font-weight:400;}
.dx-top-r > b{text-align:right;white-space:nowrap;}
.dx-pd{display:grid;grid-template-columns:150px 1fr;gap:18px;} .dx-pd img,.dx-pd .dx-pd-ph{width:150px;height:150px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#fff;}
.dx-pd h4{margin:0 0 2px;font-size:16px;line-height:1.35;} .dx-pd small{color:var(--mut);}
.dx-pd-rows{margin-top:12px;display:flex;flex-direction:column;} .dx-pd-rows div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ap-line-soft);font-size:14px;} .dx-pd-rows div span{color:var(--mut);} .dx-pd-rows div b{text-align:right;}
@media (max-width: 560px){.dx-pd{grid-template-columns:1fr}.dx-pd img,.dx-pd .dx-pd-ph{width:100%;height:auto;aspect-ratio:1}}
.dx-evo-sel{display:inline-flex;gap:8px;float:right;margin-top:-6px;} .dx-evo-sel .dx-select{height:34px;}
.dx-legend{display:flex;gap:14px;font-size:12px;color:var(--mut);font-weight:500;}
.dx-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0;}
.dx-todo{display:flex;flex-direction:column;}
.dx-todo a{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:8px;text-decoration:none;color:var(--ink);}
.dx-todo a:hover{background:var(--soft);}
.dx-todo-n{min-width:40px;height:32px;padding:0 8px;border-radius:6px;background:var(--ap-fill);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;}
.dx-todo a.is-hot .dx-todo-n{background:var(--ap-danger-soft);color:var(--ap-danger-ink);}
.dx-todo-t{flex:1;min-width:0;} .dx-todo-t strong{display:block;font-size:14px;font-weight:600;} .dx-todo-t span{font-size:12px;color:var(--mut);}
.dx-todo i.fa-chevron-right{display:none;}
.dx-rows{display:flex;flex-direction:column;}
.dx-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--ap-line-soft);font-size:14px;}
.dx-row:first-child{border-top:0;padding-top:0;}
.dx-row > span:first-child{color:var(--mut);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dx-row b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;}
.dx-row > span.dx-top-t{color:var(--ink);font-weight:500;}
.dx-top-q{font-size:12px;color:var(--mut);font-weight:400;margin-left:6px;}
.dx-meter{height:4px;border-radius:999px;background:var(--ap-fill);overflow:hidden;margin-top:8px;}
.dx-meter span{display:block;height:100%;background:var(--ap-accent);border-radius:999px;}
.dx-empty{font-size:14px;color:var(--mut);padding:40px 20px;text-align:center;}
.dx-skel{height:120px;border-radius:10px;background:linear-gradient(90deg,var(--ap-fill),var(--ap-surface-2),var(--ap-fill));background-size:200% 100%;animation:dxs 1.2s infinite;}
@keyframes dxs{to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.dx-skel{animation:none}}
@media (max-width: 1100px){.dx-kpis{grid-template-columns:repeat(2,1fr)}.dx-kpis > .dx-card:nth-child(3){border-left:0}.dx-kpis > .dx-card:nth-child(n+3){border-top:1px solid var(--line)}.dx-grid2,.dx-grid3{grid-template-columns:1fr}}
@media (max-width: 768px){.dx{padding:16px 16px 40px}.dx-head{align-items:flex-start}}

.dx-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.dx-sec{display:flex;align-items:baseline;gap:10px;margin:8px 0 -6px;} .dx-sec h3{margin:0;font-size:15px;font-weight:600;} .dx-sec span{font-size:12px;color:var(--mut);}
/* Controle segmentado: trilho cinza, item ativo branco com texto azul. */
.dx-seg{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;border-radius:8px;background:var(--ap-fill);}
.dx-seg button{height:30px;padding:0 12px;border:0;border-radius:6px;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--ap-ink-2);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;}
.dx-seg button:hover{color:var(--ink);}
.dx-seg button[aria-pressed="true"]{background:#fff;color:var(--ap-accent);font-weight:600;box-shadow:var(--ap-sh-1);}
.dx-seg button b{font-weight:500;color:var(--mut);font-variant-numeric:tabular-nums;}
.dx-seg button[aria-pressed="true"] b{color:var(--ap-accent);}
.dx-seg button:disabled{opacity:.4;cursor:default;}
.dx-select{height:36px;padding:0 32px 0 12px;border:1px solid var(--line);border-radius:6px;background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23687080' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 10px center;appearance:none;font:inherit;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;}
.dx-select:hover{border-color:var(--ap-line-strong);}
.dx-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:1px 7px;border-radius:999px;margin-left:6px;}
.dx-delta.up{background:var(--ap-ok-soft);color:var(--ap-ok-ink);} .dx-delta.down{background:var(--ap-danger-soft);color:var(--ap-danger);}
.dx-kpi--dark .dx-delta.up,.dx-kpi--dark .dx-delta.down{background:rgba(255,255,255,.14);color:#fff;}
.dx-funnel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.dx-step{border:0;border-left:1px solid var(--line);border-radius:0;padding:16px 18px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--ink);}
.dx-step:first-child{border-left:0;}
.dx-step:hover{background:var(--soft);}
.dx-step[aria-pressed="true"]{background:var(--ap-accent-08);box-shadow:inset 0 -2px 0 var(--ap-accent);}
.dx-step b{display:block;font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:6px 0 2px;}
.dx-step span{font-size:13px;color:var(--mut);font-weight:500;}
.dx-step small{display:block;font-size:12px;color:var(--mut);}
.dx-step i{display:none;}
.dx-step.warn b{color:var(--ap-warn);} .dx-step.bad b{color:var(--bad);} .dx-step.ok b{color:var(--ap-ok);}

/* ── Pedidos ── */
.ox-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ox-meta{color:var(--mut);font-size:12px;font-weight:400;}
.ox-bar .ox-meta{margin-right:auto;}
.ox-queues{display:flex;gap:4px;flex-wrap:wrap;align-items:center;}
.ox-origin{display:flex;gap:8px;flex-wrap:wrap;min-width:0;}
.ox-fontes,.ox-contas{display:flex;width:max-content;max-width:100%;box-sizing:border-box;overflow-x:auto;}
.ox-fontes button,.ox-contas button{white-space:nowrap;}
/* Filas = abas sublinhadas no topo do cartão da lista. */
.ox-queues{gap:0;padding:0 12px;border-bottom:1px solid var(--line);overflow-x:auto;flex-wrap:nowrap;}
.ox-queues button{position:relative;border:0;background:none;color:var(--ap-ink-3);height:46px;padding:0 12px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;}
.ox-queues button:hover{color:var(--ink);}
.ox-queues button[aria-pressed="true"]{color:var(--ap-accent);font-weight:600;}
.ox-queues button[aria-pressed="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px;background:var(--ap-accent);}
.ox-queues b{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:500;color:var(--mut);background:var(--ap-fill);border-radius:999px;padding:1px 7px;font-size:12px;}
.ox-queues button[aria-pressed="true"] b{background:var(--ap-accent-08);color:var(--ap-accent);}
.ox-risk{font-size:12px;font-weight:500;color:var(--ap-warn);margin-top:3px;}
.ox-risk.bad{color:var(--ap-danger);}
.ox-table-scroll{overflow-x:auto;max-width:100%;}
.ox-table-scroll table{min-width:900px;}
.ox-list{padding:0;overflow:hidden;}
.ox-list .dx-orders-bar{padding:14px 20px 0;}
.ox-list .ox-table-scroll{padding:0;}
/* Ações principais do pedido ficam à vista; menu ⋯ mantém ações secundárias. */
.ox-next{white-space:nowrap;text-align:right;width:1%;}
.ox-table-scroll{position:relative;} .ox-table-scroll > .crm-bulk{position:absolute;top:0;left:0;right:0;height:39px;margin:0;padding:0 16px;z-index:6;border-bottom:1px solid var(--ap-fill);} .ox-table-scroll > .crm-bulk button{height:28px;} .ox-table-scroll > .crm-bulk{flex-wrap:nowrap;align-items:center;} .ox-table-scroll > .crm-bulk b{width:auto;min-width:0;} @media (max-width:760px){.ox-table-scroll > .crm-bulk{position:static;height:auto;flex-wrap:wrap;padding:10px 12px;} .ox-table-scroll > .crm-bulk b{width:100%;}}
.ox-next .ox-go{height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;vertical-align:middle;}
.ox-next .ox-go:hover{border-color:var(--ap-accent);color:var(--ap-accent);}
.ox-next .ox-go.warn{border-color:var(--ap-warn-line);color:var(--ap-warn-ink);background:var(--ap-warn-soft);}
.ox-next .ox-go i{font-size:12px;}
.ox-next .ox-done{font-size:12px;color:var(--mut);margin-right:6px;}
.ox-actions{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.ox-action-wrap{display:inline-flex}
.ox-action{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;color:var(--ap-ink-3);font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ox-action.is-go,.ox-action.is-warn{color:var(--ap-accent);border-color:var(--ap-accent-24);background:var(--ap-accent-08)}
.ox-action.is-done{color:var(--ap-ok-ink);background:#fff}
.ox-action{position:relative}
.ox-action.is-warn::after{content:'';position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--ap-warn-ink);border:2px solid #fff;box-sizing:content-box}

.ox-action:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}
.ox-action:disabled{cursor:help;opacity:.58}
.ox-action-wrap:has(.ox-action:disabled){cursor:help}
.ox-action-wrap .ox-action:disabled{pointer-events:none}
.ox-action.is-wait{opacity:1;color:var(--ap-ink-3);border-style:dashed;background:#fff}
.ox-liq{font-size:11.5px;color:var(--ap-ink-3)}
.ox-action:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}
.ox-premium .ox-action.ox-action--nf:not(:disabled){background:var(--ap-danger);border-color:var(--ap-danger);color:#fff}
.ox-premium .ox-action.ox-action--etiqueta:not(:disabled){background:var(--ap-info);border-color:var(--ap-info);color:#fff}
.ox-premium .ox-action.ox-action--cartao:not(:disabled){background:var(--ap-ok);border-color:var(--ap-ok);color:#fff}
.ox-premium .ox-action.ox-action--nf:is(.is-go,.is-warn):not(:disabled){background:#fff;border-color:var(--ap-danger);color:var(--ap-danger)}
.ox-premium .ox-action.ox-action--etiqueta:is(.is-go,.is-warn):not(:disabled){background:#fff;border-color:var(--ap-info);color:var(--ap-info)}
.ox-premium .ox-action.ox-action--nf.is-ready:not(:disabled){background:#fff0ee;border-color:#db9b91;color:#aa3023}
.ox-premium .ox-action.ox-action--etiqueta.is-ready:not(:disabled){background:#eef3ff;border-color:#9badde;color:#294a9d}
.ox-premium .ox-action.ox-action--nf.is-printed:not(:disabled){background:var(--ap-danger);border-color:var(--ap-danger);color:#fff}
.ox-premium .ox-action.ox-action--etiqueta.is-printed:not(:disabled){background:var(--ap-info);border-color:var(--ap-info);color:#fff}
.ox-action-wrap{position:relative}
.ox-print-mark{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:16px;height:16px;padding:0;border:1px solid var(--ap-line);border-radius:50%;background:#fff;color:var(--ap-ink-3);font-size:8px;cursor:pointer;z-index:1}
.ox-print-mark.is-printed{border-color:var(--ap-ok);background:var(--ap-ok);color:#fff}
.ox-print-mark:hover{transform:scale(1.15);border-color:var(--ap-ok);color:var(--ap-ok-ink)}
.ox-print-mark.is-printed:hover{color:#fff}
.ox-print-mark:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}
.ox-premium .ox-action.ox-action--nf:not(:disabled):focus-visible{outline-color:var(--ap-danger)}
.ox-premium .ox-action.ox-action--cartao:not(:disabled):focus-visible{outline-color:var(--ap-ok)}
.ox-kebab{width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:none;color:var(--ap-ink-3);cursor:pointer;vertical-align:middle;margin-left:0;}
.ox-kebab:hover{background:var(--ap-fill);color:var(--ink);}
.ox-menu{position:fixed;z-index:10020;min-width:240px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--ap-sh-3);display:flex;flex-direction:column;}
.ox-menu button{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;}
.ox-menu button:hover:not(:disabled){background:var(--ap-surface-2);}
.ox-menu button:disabled{color:var(--ap-ink-4);cursor:default;}
.ox-menu button i{width:16px;text-align:center;color:var(--ap-ink-3);}
.ox-menu small{display:block;color:var(--ap-ink-3);font-size:12px;line-height:1.35;white-space:normal;}
.ox-menu hr{border:0;border-top:1px solid var(--ap-line-soft);margin:4px 0;}
      @media (max-width: 768px){.ox-list .dx-orders-bar{padding:12px 12px 0}}

/* Aviso: faixa fina, fundo neutro, cor só no ícone. */
.dx-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ap-ink-2);}
.dx-alert i{color:var(--ap-warn);} .dx-alert b{color:var(--ink);font-weight:600;}
.dx-alert a{margin-left:auto;font-weight:600;color:var(--ap-accent);text-decoration:none;white-space:nowrap;} .dx-alert a:hover{text-decoration:underline}
.dx-alert.is-bad{border-color:var(--ap-danger-line);background:var(--ap-danger-soft);} .dx-alert.is-bad i{color:var(--ap-danger);}
.dx-acc{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;}
.dx-acc th{text-align:right;font-size:12px;font-weight:500;color:var(--mut);padding:0 12px 10px;border-bottom:1px solid var(--line);}
.dx-acc th:first-child,.dx-acc td:first-child{text-align:left;padding-left:0;}
.dx-acc td{padding:12px;border-bottom:1px solid var(--ap-line-soft);text-align:right;}
.dx-acc tr:last-child td{border-bottom:0;}
.dx-acc tr.is-click{cursor:pointer;} .dx-acc tr.is-click:hover td{background:var(--soft);}
.dx-orders-bar{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.dx-search{position:relative;flex:1;min-width:220px;}
.dx-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mut);font-size:13px;}
.dx-search input{width:100%;height:36px;box-sizing:border-box;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:13px;outline:none;}
.dx-search input:focus{border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-08);}
.dx-otable{width:100%;border-collapse:collapse;font-size:13px;}
.dx-otable th{text-align:left;font-size:12px;font-weight:500;color:var(--mut);padding:10px 12px;background:var(--ap-surface-2);border-bottom:1px solid var(--line);border-top:1px solid var(--line);white-space:nowrap;}
.dx-otable td{padding:12px;border-bottom:1px solid var(--ap-line-soft);vertical-align:middle;}
.dx-otable tr:last-child td{border-bottom:0;}
.dx-otable tr:hover td{background:var(--ap-surface-2);}
.dx-otable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.dx-otable .t{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.dx-otable .sub{font-size:12px;color:var(--mut);line-height:1.45;}
.dx-prod{display:flex;align-items:center;gap:12px;min-width:0;}
.dx-prod img,.dx-prod-ph{width:40px;height:40px;flex-shrink:0;border-radius:6px;border:1px solid var(--ap-line-soft);object-fit:contain;background:#fff;}
.dx-prod-ph{display:flex;align-items:center;justify-content:center;color:var(--ap-ink-4);}
.ox-row{cursor:pointer;}
.ox-tl{margin-top:12px;border-left:1px solid var(--line);padding-left:14px;display:flex;flex-direction:column;gap:10px;}
.ox-tl div{position:relative;display:flex;justify-content:space-between;gap:10px;font-size:13px;}
.ox-tl i{position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--ap-accent);}
.ox-tl small{color:var(--mut);font-variant-numeric:tabular-nums;}
.dx-sku{font-family:var(--ap-mono);font-size:11px;color:var(--ap-ink-2);background:var(--ap-fill);padding:1px 6px;border-radius:4px;}
.dx-st{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--ap-fill);color:var(--ap-ink-2);}
.dx-st i{width:6px;height:6px;border-radius:50%;background:currentColor;}
.dx-st.a_enviar{background:var(--ap-warn-soft);color:var(--ap-warn-ink);} .dx-st.em_transito{background:var(--ap-info-soft);color:var(--ap-info-ink);} .dx-st.entregue{background:var(--ap-ok-soft);color:var(--ap-ok-ink);}
.dx-st.cancelado,.dx-st.nao_entregue{background:var(--ap-danger-soft);color:var(--ap-danger-ink);}
.dx-otable a{color:var(--ink);font-weight:600;text-decoration:none;} .dx-otable a:hover{color:var(--ap-accent);text-decoration:underline}
.dx-more{margin-top:12px;text-align:center;}
.dx-orders-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);}
.dx-orders-pages{display:flex;align-items:center;gap:6px;}
.dx-orders-pages button{height:32px;min-width:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;}
.dx-orders-pages button:hover:not(:disabled){border-color:var(--ap-accent);color:var(--ap-accent);}
.dx-orders-pages button:disabled{opacity:.45;cursor:default;}
@media (max-width: 1100px){.dx-funnel{grid-template-columns:repeat(2,1fr)}.dx-otable .hide-md{display:none}}

/* ===== Catálogo: coluna Ações e os anúncios do produto ======================
   Dono único do desenho do detalhe. Antes havia seis camadas sobrepostas
   (gradiente, cartão dentro de cartão, três recuos à esquerda diferentes) e as
   colunas do cabeçalho não batiam com as das linhas. Aqui vale o mesmo que na
   lista de Pedidos: faixa de cabeçalho leve, linhas separadas por um fio e
   ações à direita. */
#productsList .col-act { width: 1%; white-space: nowrap; text-align: right; }


/* Cabeçalho e linha dividem a mesma grade — é o que faltava para as colunas baterem. */

/* Coluna Canais do catálogo, no desenho da coluna Marketplace de Pedidos:
   o canal com o ícone em cima, a conta embaixo. A conta e a sincronização
   viviam só dentro do detalhe expandido. */
#productsList .pmc-line { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 2px 0; white-space: normal; }
#productsList .pmc-line + .pmc-line { margin-top: 6px; }
#productsList .pmc-line .dx-r-channel { font-size: 13px; color: var(--ap-ink); }
#productsList :is(.col-mkt, .col-state) .sub { font-size: 12px; color: var(--ap-ink-3); line-height: 1.35; }
#productsList .col-state { white-space: nowrap; }
#productsList .col-state .pml-st { white-space: nowrap; }
#productsList .col-state .sub { margin-top: 3px; }

/* Coluna Produto do catálogo no desenho da coluna Produto de Pedidos: foto de
   40px com fio claro, nome em uma linha e o SKU logo abaixo. O recuo do SKU era
   do tempo em que havia uma seta de expandir antes do nome. */
#productsList :is(.pml-thumb, .pml-thumb-placeholder) { width: 36px !important; height: 36px !important; border-radius: 6px !important; border: 1px solid var(--ap-line-soft) !important; box-shadow: none !important; object-fit: contain; background: #fff; }
#productsList .pml-table .col-img { width: 56px; }
#productsList .pml-name-wrap { align-items: center; gap: 0; }
#productsList .pml-name-link { display: block !important; -webkit-line-clamp: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px !important; font-weight: 500 !important; }
#productsList .col-name .pml-meta { padding-left: 0; margin-top: 2px; max-width: 100%; font-size: 12px; color: var(--ap-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* A conta do anúncio na coluna Canais abre o painel do anúncio (tipo, frete e
   preço) — era o que o detalhe expandido oferecia ao clicar na linha. */
#productsList .pmc-link { padding: 0; border: 0; background: none; font: inherit; font-size: 12px; color: var(--ap-ink-3); text-align: left; cursor: pointer; }
#productsList .pmc-link:hover { color: var(--ap-accent); text-decoration: underline; text-underline-offset: 2px; }
#productsList .pmc-link:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; border-radius: 4px; }

/* Colunas de cadastro do catálogo: marca, categoria, EAN e última alteração.
   Ocupam o vão que sobrava entre o nome e os valores. */
#productsList .pml-table .col-atualizado { width: 104px; }
#productsList .col-atualizado {
  font-size: 12.5px; color: var(--ap-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#productsList .col-atualizado { color: var(--ap-ink-3); font-variant-numeric: tabular-nums; }

/* Volta do painel do anúncio para o do produto: um painel de cada vez. */
.mlp-voltar { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; padding: 0; border: 0; background: none; font: inherit; font-size: 12px; font-weight: 600; color: var(--ap-ink-3); cursor: pointer; }
.mlp-voltar:hover { color: var(--ap-accent); }
.mlp-voltar:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; border-radius: 4px; }

/* ===== Catálogo com a tipografia da lista de Pedidos ========================
   Medido na própria tela de Pedidos: cabeçalho 11px/600, célula com 12px de
   recuo, título do item 14px/500 e sublinha 12px. O catálogo usava 12px/650 no
   cabeçalho, 16px de recuo e 13,5px no título, e por isso parecia outra lista. */
#productsList .pml-table thead th { padding: 10px 12px !important; background: var(--ap-surface-2) !important; font-size: 11px !important; font-weight: 600 !important; color: var(--ap-ink-3) !important; }
#productsList .pml-table tbody td { padding: 8px 12px !important; }
#productsList .pml-table .col-ck { padding-left: 8px !important; padding-right: 0 !important; }
#productsList .pml-table .col-img { padding-right: 0 !important; }
#productsList .pml-name-link { font-size: 14px !important; line-height: 1.45; }
#productsList .col-name .pml-meta { font-size: 12px; line-height: 1.45; }
#productsList :is(.pml-thumb, .pml-thumb-placeholder) { width: 42px !important; height: 42px !important; }

/* Painel do produto: a identidade mora no cabeçalho, ao lado da foto. */
.mlp-prod-id { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.mlp-prod-id > div { min-width: 0; }
.mlp-prod-id :is(img, .dx-prod-ph) { width: 46px; height: 46px; flex: none; border-radius: 8px; border: 1px solid var(--ap-line-soft); object-fit: contain; background: var(--ap-surface); }
.mlp-prod-id .dx-prod-ph { display: grid; place-items: center; color: var(--ap-ink-4); }

/* Tipo, frete e preço ficam no detalhe do produto, logo depois de Canais. */
.pml-listing-details { display: grid; gap: 12px; }
.pml-listing-card { padding: 14px; border: 1px solid var(--ap-line-soft); border-radius: 10px; background: var(--ap-surface); }
.pml-listing-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 10px; margin-bottom: 14px; font-size: 13px; }
.pml-listing-heading .dx-sku { color: var(--ap-ink-3); font-size: 11px; }
.pml-listing-field + .pml-listing-field { margin-top: 14px; }
.pml-listing-field > span { display: block; margin-bottom: 6px; color: var(--ap-ink-3); font-size: 12px; font-weight: 600; }
.pml-listing-calc { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ap-line-soft); }
.pml-listing-calc h5 { margin: 0 0 8px; color: var(--ap-ink-3); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.pml-listing-calc .mlp-row { gap: 12px; }
.pml-listing-calc .mlp-row span:last-child { text-align: right; white-space: nowrap; }
.pml-listing-sim .ml-sim { width: 100%; table-layout: fixed; margin-top: 14px; border: 1px solid var(--ap-line-soft); border-radius: 8px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.pml-listing-sim .ml-sim th { padding: 8px; background: var(--ap-surface-2); font-size: 11px; }
.pml-listing-sim .ml-sim td { padding: 8px; border-top: 1px solid var(--ap-line-soft); font-size: 12px; vertical-align: top; }
.pml-listing-sim .ml-sim th:first-child { width: 42%; }
.pml-listing-sim .ml-sim th:nth-child(n+2), .pml-listing-sim .ml-sim td:nth-child(n+2) { text-align: right; }
.pml-listing-sim .ml-sim tr.is-atual td { background: var(--ap-surface-2); }

/* Estoque com a unidade, como a coluna Quantidade de Pedidos. */
#productsList .pml-stock-badge { padding: 2px 0 2px 4px; white-space: nowrap; }

/* ===== Qualidade no Mercado Livre ===========================================
   Veio do <style> que o dashboard.js injetava na primeira abertura do modal.
   Mora aqui como o resto do painel. O enquadramento segue o da tela de
   Pedidos: identidade, faixa de indicadores, ações em grade e seções. */
.mlq-modal { max-width:min(880px,96vw); width:100%; }
.mlq-section--roomy { padding:22px 24px; border-bottom:0; }
.mlq-section--roomy .mlq-section-head { margin-bottom:16px; }
.mlq-foot--bar { margin:0; padding:16px 24px; gap:10px; border-top:1px solid var(--ap-line-soft); }
.mlq-acc-list { display:flex; flex-direction:column; gap:10px; }
.mlq-acc { display:flex; align-items:center; gap:16px; padding:14px 16px; border:1px solid var(--ap-line); border-radius:12px; background:var(--ap-surface); cursor:pointer; transition:border-color .12s, background-color .12s; }
label.mlq-acc:hover { background:var(--ap-surface-2); }
label.mlq-acc:has(input:checked) { border-color:var(--ap-ink); box-shadow:0 0 0 1px var(--ap-ink); }
label.mlq-acc:has(input:focus-visible) { outline:2px solid var(--ap-accent); outline-offset:2px; }
.mlq-acc.is-done { cursor:default; background:var(--ap-surface-2); }
.mlq-acc-ico { flex:none; display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--ap-line); border-radius:11px; background:#fff; }
.mlq-acc-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.mlq-acc-txt b { font-size:14px; font-weight:650; color:var(--ap-ink); }
.mlq-acc-txt small { font-size:12px; color:var(--ap-ink-3); }
.mlq-acc-badge { flex:none; display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; background:var(--ap-ok-soft); color:var(--ap-ok-ink); font-size:12px; font-weight:650; }
.mlq-acc-check { flex:none; width:20px; height:20px; margin:0; accent-color:var(--ap-ink); cursor:pointer; }
.mlq-na { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; margin-top:6px; padding:4px 11px; border:1px solid var(--ap-line); border-radius:999px; background:var(--ap-surface); color:var(--ap-ink-3); font:inherit; font-size:12px; font-weight:600; cursor:pointer; transition:background-color .12s, color .12s, border-color .12s; }
.mlq-na i { font-size:11px; }
.mlq-na:hover { background:var(--ap-surface-2); color:var(--ap-ink); }
.mlq-na[aria-pressed="true"] { background:var(--ap-ink); border-color:var(--ap-ink); color:#fff; }
.mlq-na:focus-visible { outline:2px solid var(--ap-accent); outline-offset:2px; }
.mlq-body { max-height:80vh; overflow:auto; padding:0 !important; }
.mlq-hero { display:flex; gap:14px; align-items:center; padding:18px 22px; border-bottom:1px solid var(--ap-line-soft); background:var(--ap-surface); position:sticky; top:0; z-index:2; }
.mlq-hero img, .mlq-hero .mlq-ph { width:56px; height:56px; border-radius:8px; object-fit:contain; background:#fff; border:1px solid var(--ap-line-soft); flex:none; }
.mlq-hero-main { flex:1; min-width:0; }
.mlq-hero-title { font-size:15px; font-weight:700; color:var(--ap-ink); line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mlq-meta { font-size:12px; color:var(--ap-ink-3); margin-top:3px; display:flex; flex-wrap:wrap; gap:4px 12px; }
.mlq-meta a { color:var(--ap-ink-2); text-decoration:underline; text-underline-offset:2px; }
.mlq-content { padding:18px 22px 22px; display:flex; flex-direction:column; gap:16px; }
.mlq-card { border:1px solid var(--ap-line); border-radius:12px; background:#fff; overflow:hidden; }
.mlq-card-head { display:flex; align-items:center; gap:14px; padding:14px 16px; border-bottom:1px solid var(--ap-line-soft); flex-wrap:wrap; }
.mlq-score { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; font-size:18px; font-weight:800; flex:none; border:3px solid; }
.mlq-score--ok { color:var(--ap-ok-ink); border-color:var(--ap-ok-ink); background:var(--ap-fill); }
.mlq-score--mid { color:var(--ap-warn); border-color:var(--ap-warn); background:var(--ap-warn-soft); }
.mlq-score--low { color:var(--ap-danger); border-color:var(--ap-danger-line); background:var(--ap-danger-soft); }
.mlq-score--none { color:var(--ap-ink-3); border-color:var(--ap-line); background:var(--ap-surface-2); font-size:11px; font-weight:600; }
.mlq-acc { flex:1; min-width:200px; }
.mlq-acc-name { font-size:14px; font-weight:700; color:var(--ap-ink); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mlq-chip { display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 9px; border-radius:999px; font-size:11px; font-weight:600; background:var(--ap-surface-2); color:var(--ap-ink-2); border:1px solid var(--ap-line-soft); white-space:nowrap; }
.mlq-chip--danger { background:var(--ap-danger-soft); color:var(--ap-danger); border-color:var(--ap-danger-soft); }
.mlq-chip--ok { background:var(--ap-fill); color:var(--ap-ok-ink); border-color:var(--ap-ink-4); }
.mlq-toolbar { display:flex; gap:8px; flex-wrap:wrap; padding:12px 16px; border-bottom:1px solid var(--ap-line-soft); background:var(--ap-surface-2); }
.mlq-toolbar [hidden] { display:none !important; }
.mlq-section { padding:14px 16px; border-bottom:1px solid var(--ap-line-soft); }
.mlq-section:last-child { border-bottom:0; }
.mlq-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:10px; }
.mlq-section-title { font-size:11px; font-weight:700; letter-spacing:.06em; color:var(--ap-ink-3); }
.mlq-section-hint { font-size:12px; color:var(--ap-ink-3); line-height:1.45; margin:-4px 0 12px; }
.mlq-photos { display:flex; gap:8px; flex-wrap:wrap; }
.mlq-photo { width:72px; height:72px; border-radius:8px; border:1px solid var(--ap-line-soft); background:#fff; object-fit:contain; display:block; }
.mlq-obj { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--ap-line-soft); flex-wrap:wrap; }
.mlq-obj:first-of-type { border-top:0; padding-top:0; }
.mlq-obj-text { flex:1; min-width:240px; font-size:13px; line-height:1.45; color:var(--ap-ink); }
.mlq-obj-group { font-size:11px; color:var(--ap-ink-3); }
.mlq-obj-actions { display:flex; gap:6px; flex-wrap:wrap; }
.mlq-empty { font-size:12px; color:var(--ap-ink-3); display:flex; align-items:center; gap:6px; }
.mlq-alert { border:1px solid var(--ap-line); border-radius:8px; padding:12px 14px; background:var(--ap-surface-2); }
.mlq-alert--danger { border-color:var(--ap-danger-soft); background:var(--ap-danger-soft); }
.mlq-alert--ok { border-color:var(--ap-ok-line); background:var(--ap-ok-soft); color:var(--ap-ok-ink); }
.mlq-alert--warn { border-color:var(--ap-warn-line); background:var(--ap-warn-soft); color:var(--ap-warn-ink); }
.mlq-alert--ok, .mlq-alert--warn, .mlq-alert--danger { display:flex; gap:10px; align-items:flex-start; }
.mlq-row { display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; }
.mlq-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px 12px; }
@media (max-width: 768px) { .mlq-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 768px) { .mlq-grid { grid-template-columns:1fr; } }
.mlq-grid .ap-field > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mlq-foot { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
/* candidatos */
.mlq-match-search { display:flex; gap:8px; }
.mlq-match-search input { flex:1; min-width:0; height:40px; padding:0 14px; border:1px solid var(--ap-line); border-radius:var(--ap-r-field); font:inherit; background:var(--ap-surface); color:var(--ap-ink); }
.mlq-match-search input:focus { outline:none; border-color:var(--ap-accent); box-shadow:0 0 0 3px var(--ap-accent-08); }
.mlq-cand { display:flex; align-items:center; gap:12px; padding:12px 16px; border-top:1px solid var(--ap-line-soft); }
.mlq-cand:first-child { border-top:0; }
.mlq-cand.is-active { background:var(--ap-surface-2); }
.mlq-cand img, .mlq-cand .mlq-ph { width:48px; height:48px; border-radius:8px; object-fit:contain; background:#fff; border:1px solid var(--ap-line-soft); flex:none; }
.mlq-cand-main { flex:1; min-width:0; }
.mlq-cand-name { font-size:13px; font-weight:600; color:var(--ap-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mlq-reasons { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.mlq-pct { min-width:44px; height:24px; padding:0 8px; border-radius:999px; display:inline-grid; place-items:center; font-size:12px; font-weight:800; flex:none; }
.mlq-pct--ok { background:var(--ap-fill); color:var(--ap-ok-ink); } .mlq-pct--mid { background:var(--ap-warn-soft); color:var(--ap-warn); } .mlq-pct--low { background:var(--ap-danger-soft); color:var(--ap-danger); }
/* tabela de comparação */
.mlq-table { width:100%; border-collapse:collapse; font-size:13px; }
.mlq-table th { text-align:left; font-size:11px; font-weight:700; letter-spacing:.04em; color:var(--ap-ink-3); padding:8px 10px; border-bottom:1px solid var(--ap-line); background:var(--ap-surface-2); }
.mlq-table td { padding:9px 10px; border-bottom:1px solid var(--ap-line-soft); vertical-align:middle; color:var(--ap-ink); }
.mlq-table tr:last-child td { border-bottom:0; }
.mlq-table tr.is-rec td { background:var(--ap-surface-2); }
.mlq-table td.mlq-diff { color:var(--ap-warn); font-weight:600; }
.mlq-muted { color:var(--ap-ink-3); font-style:italic; }
.mlq-check { width:18px; height:18px; accent-color:var(--ap-ink); cursor:pointer; margin:0; display:block; }
.mlq-same { width:18px; height:18px; border-radius:50%; background:var(--ap-fill); color:var(--ap-ok-ink); display:grid; place-items:center; font-size:11px; }
/* fotos selecionáveis */
.mlq-pick { position:relative; width:96px; cursor:pointer; user-select:none; }
.mlq-pick input { position:absolute; opacity:0; pointer-events:none; }
.mlq-pick-img { width:96px; height:96px; border-radius:8px; border:1px solid var(--ap-line-soft); background:#fff; object-fit:contain; display:block; transition:border-color .15s ease, box-shadow .15s ease; }
.mlq-pick:hover .mlq-pick-img { border-color:var(--ap-ink-3); }
.mlq-pick-tick { position:absolute; top:6px; right:6px; width:22px; height:22px; border-radius:50%; background:#fff; border:1.5px solid var(--ap-line); display:grid; place-items:center; color:transparent; font-size:11px; box-shadow:var(--ap-sh-1); }
.mlq-pick input:checked ~ .mlq-pick-img { border-color:var(--ap-ink); box-shadow:0 0 0 3px rgba(17,17,18,.08); }
.mlq-pick input:checked ~ .mlq-pick-tick { background:var(--ap-ink); border-color:var(--ap-ink); color:#fff; }
.mlq-pick input:focus-visible ~ .mlq-pick-img { outline:2px solid var(--ap-ink); outline-offset:2px; }
.mlq-pick-label { font-size:11px; color:var(--ap-ink-3); text-align:center; margin-top:4px; }
.mlq-optin { display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border:1px solid var(--ap-line); border-radius:8px; cursor:pointer; font-size:13px; line-height:1.45; }
.mlq-optin.is-disabled { opacity:.55; cursor:default; }
.mlq-sticky-foot { position:sticky; bottom:0; background:var(--ap-surface); border-top:1px solid var(--ap-line-soft); padding:12px 22px; display:flex; align-items:center; justify-content:space-between; gap:10px; z-index:2; }
.mlq-sel-count { font-size:12px; color:var(--ap-ink-2); }

/* Qualidade no ML com o enquadramento da tela de Pedidos: identidade, faixa de
   indicadores com divisória, ações em grade de três e seções de mesmo recuo. */
#mlQualityOverlay .mlq-modal { max-width: min(760px, 96vw); }
#mlQualityOverlay .mlq-hero { align-items: center; gap: 14px; padding: 18px 24px; border-bottom: 1px solid var(--ap-line-soft); }
#mlQualityOverlay .mlq-hero :is(img, .mlq-ph) { width: 46px; height: 46px; flex: none; border-radius: 8px; border: 1px solid var(--ap-line-soft); object-fit: contain; background: var(--ap-surface); }
#mlQualityOverlay .mlq-hero-title { font-size: 15px; font-weight: 600; line-height: 1.35; }
/* Produto é só referência aqui — qualidade é o foco. Uma linha só: miniatura
   pequena, título truncado, SKU + chips de identidade na mesma linha. */
.mlq-hero--compact :is(img, .mlq-ph) { width: 36px; height: 36px; }
.mlq-hero--compact .mlq-hero-title { -webkit-line-clamp: 1; white-space: nowrap; }
.mlq-hero--compact .mlq-meta { flex-wrap: wrap; row-gap: 4px; }
.mlq-hero--compact .mlq-meta a { color: var(--ap-ink-2); text-decoration: underline; text-underline-offset: 2px; }
#mlqHeroChips { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#mlqHeroScore { display: contents; }
.mlq-hero--compact .mlq-score { width: 36px; height: 36px; font-size: 13px; border-width: 2px; }
#mlQualityOverlay .mlq-card { border: 0; border-radius: 0; background: transparent; padding: 0; }
#mlQualityOverlay .mlq-card-head { padding: 16px 24px 0; }
#mlQualityOverlay .mlq-acc-name { font-size: 14px; font-weight: 600; }
#mlQualityOverlay .mlq-toolbar { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-bottom: 1px solid var(--ap-line-soft); }
#mlQualityOverlay .mlq-toolbar .adm-btn { min-height: 40px; justify-content: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 160px; }
#mlQualityOverlay .mlq-toolbar .ordx-dd > .adm-btn { width: 100%; }
#mlQualityOverlay .mlq-section { padding: 18px 24px; }
#mlQualityOverlay .mlq-section-title { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ap-ink-3); }
@media (max-width: 680px) {
  #mlQualityOverlay .mlq-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #mlQualityOverlay :is(.mlq-hero, .mlq-card-head, .mlq-toolbar, .mlq-section) { padding-inline: 16px; }
}

/* A conta é uma linha de identificação, não um cartão dentro do modal. */
#mlQualityOverlay .mlq-acc { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 0; border: 0; border-radius: 0; background: transparent; }
#mlQualityOverlay .mlq-acc-name { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#mlQualityOverlay .mlq-card-head { padding: 14px 24px 0; }
#mlQualityOverlay .mlq-meta { gap: 10px; }

/* Menos réguas: entre a conta e os indicadores havia duas linhas coladas, e a
   barra de ações somava fundo cinza a mais uma linha. Fica uma divisória por
   troca de assunto, como na tela de Pedidos. */
#mlQualityOverlay .mlq-card-head { border-bottom: 0 !important; padding-bottom: 12px; }
#mlQualityOverlay .mlq-toolbar { background: transparent !important; }
#mlQualityOverlay .mlq-content { padding: 0 !important; gap: 0; }

/* Abas da qualidade: sublinhado, como as filas da lista de Pedidos. */
#mlQualityOverlay .mlq-abas { display: flex; gap: 0; padding: 0 24px; border-bottom: 1px solid var(--ap-line-soft); }
#mlQualityOverlay .mlq-abas button { position: relative; height: 42px; padding: 0 14px; border: 0; background: none; font: inherit; font-size: 13px; font-weight: 500; color: var(--ap-ink-3); cursor: pointer; white-space: nowrap; }
#mlQualityOverlay .mlq-abas button:hover { color: var(--ap-ink); }
#mlQualityOverlay .mlq-abas button[aria-selected="true"] { color: var(--ap-accent); font-weight: 600; }
#mlQualityOverlay .mlq-abas button[aria-selected="true"]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--ap-accent); }
#mlQualityOverlay .mlq-abas b { margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--ap-fill); color: var(--ap-ink-3); font-size: 12px; font-weight: 500; }
#mlQualityOverlay .mlq-abas button[aria-selected="true"] b { background: var(--ap-accent-08); color: var(--ap-accent); }

/* Contas: uma por vez, com a nota de cada uma à vista. */
#mlQualityOverlay .mlq-contas { display: flex; gap: 6px; padding: 12px 24px 0; flex-wrap: wrap; }
#mlQualityOverlay .mlq-contas button { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--ap-line); border-radius: 999px; background: var(--ap-surface); font: inherit; font-size: 13px; color: var(--ap-ink-2); cursor: pointer; }
#mlQualityOverlay .mlq-contas button[aria-selected="true"] { border-color: var(--ap-accent); background: var(--ap-accent-08); color: var(--ap-accent); font-weight: 600; }
#mlQualityOverlay .mlq-contas b { font-variant-numeric: tabular-nums; }

/* ===== Adicionar/editar produto: um passo, uma ação =======================
   O cartão tinha "Continuar" e o rodapé tinha "Próximo" fazendo a mesma coisa,
   com dois botões azuis na tela ao mesmo tempo. O avanço fica no rodapé, junto
   de Cancelar e Salvar.
   O cabeçalho do cartão repetia o nome e a descrição do item já marcado na
   navegação à esquerda.
   E o cartão media 321px numa área de 787px, deixando um buraco cinza embaixo:
   agora ele ocupa a altura disponível e a largura da coluna. */
#prodFormBody .pe-next { display: none; }
#prodFormBody .ds-card[id^="peSec"] > .ds-card-header { display: none; }
#prodFormBody .ds-card[id^="peSec"] { max-width: none; }
/* A navegação à esquerda é mais alta que o formulário da maioria dos passos.
   O cartão ocupa a mesma faixa de linhas dela, então o branco acompanha o
   trilho em vez de terminar no meio e deixar um buraco cinza. */
#prodFormBody .ds-card[id^="peSec"].is-on { display: flex; flex-direction: column; grid-row: 1 / span 40; align-self: stretch; }
#prodFormBody .ds-card[id^="peSec"].is-on > .ds-card-body { flex: 1; }

/* Preços e Categorias com a régua do Dashboard: mesmo tamanho de número, mesmo
   rótulo e mesmo raio de cartão. Eram 27-28px/600-700 e cantos de 16-20px ao
   lado dos 26px/700 e 14px do painel inicial — perto o bastante para parecer
   erro, longe o bastante para a tela parecer de outro sistema. */
.ap-kpi-val, .cx-metric strong { font-size: 26px; font-weight: 700; }
.ap-kpi-lbl, .cx-metric small { font-size: 13px; }
.cx-card, .pz-card, .cx-metric, .cx-panel, .cx-grid-view .cx-item { border-radius: 14px; }
@media (max-width: 760px) { .ap-kpi-val, .cx-metric strong { font-size: 20px; } }

/* Item com explicação: o rótulo sozinho não dizia o que cada caminho faz.
   Grade de duas colunas para a descrição ficar embaixo do próprio título, e
   não solta entre dois itens. */
.pml-kebab-menu > button:has(small) { min-width: 268px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0 10px; padding-top: 9px; padding-bottom: 9px; }
.pml-kebab-menu > button:has(small) > i { grid-row: 1 / span 2; }
.pml-kebab-menu > button:has(small) > b { grid-column: 2; grid-row: 1; font-weight: 550; }
.pml-kebab-menu > button small { grid-column: 2; grid-row: 2; margin-top: 1px; font-size: 11.5px; font-weight: 500; color: var(--ap-ink-3); }


/* ===== Qualidade no ML (/admin/aperfeicoamento) =====
   A tela tinha um <style> próprio dentro do JS, com fundo amarelo, botões e
   pílulas que não existiam em nenhum outro lugar do painel. Agora usa os
   mesmos cartões, tabela e paginador das outras telas; o que sobra aqui é só
   o que é desta tela: a barra de distribuição das notas e as pílulas. */
/* Botão do design desligado parecia ligado: mesma cor, só o clique não ia. */
.adm-btn:disabled, .adm-btn[disabled] { opacity: .5; cursor: not-allowed; }

.mlq-page { display: grid; gap: 16px; min-width: 0; }
/* Nada de rolagem dentro de rolagem: as duas tabelas da tela são paginadas,
   então crescem com a página em vez de abrir uma janelinha de 500px. */
.mlq-page .adm-table-wrap { max-height: none; }
.mlq-page .ap-card { padding: 18px 20px; border: 1px solid var(--ap-line); border-radius: 14px; background: var(--ap-surface); min-width: 0; }
.mlq-page .ap-kpis { margin: 0 0 12px; }
.ap-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.ap-card-head h3 { margin: 0 0 4px; font-size: 16px; }
.ap-card-head p { margin: 0; max-width: 95ch; }

.mlq-barra { display: grid; gap: 8px; }
.mlq-barra-track { display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--ap-fill); }
.mlq-barra-seg { height: 100%; }
.mlq-barra-seg.is-ok { background: var(--ap-ok); }
.mlq-barra-seg.is-warn { background: var(--ap-warn); }
.mlq-barra-seg.is-bad { background: var(--ap-danger); }
.mlq-barra-legenda { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.mlq-barra-legenda button { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: none; color: var(--ap-ink-2); font: inherit; font-size: 12.5px; cursor: pointer; }
.mlq-barra-legenda button:hover { color: var(--ap-ink); }
.mlq-barra-legenda .dx-sub { margin-left: auto; }
.mlq-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.mlq-dot.is-ok { background: var(--ap-ok); } .mlq-dot.is-warn { background: var(--ap-warn); }
.mlq-dot.is-bad { background: var(--ap-danger); } .mlq-dot.is-mut { background: var(--ap-ink-4); }

.mlq-robo-acao { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mlq-robo-dados { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px 20px; margin: 0; }
.mlq-robo-dados div { min-width: 0; }
.mlq-robo-dados-larga { grid-column: 1 / -1; }
.mlq-robo-dados dt { font-size: 12px; color: var(--ap-ink-3); }
.mlq-robo-dados dd { margin: 2px 0 0; font-size: 13px; color: var(--ap-ink); }

.mlq-cat-acoes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.mlq-filtros { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 12px; }
.mlq-filtros .ap-field { margin: 0; min-width: 0; }
.mlq-filtros .mlq-busca { grid-column: span 2; }
.mlq-recortes { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.mlq-aviso { padding: 12px 14px; margin-bottom: 14px; border-radius: 10px; background: var(--ap-surface-2); color: var(--ap-ink-2); font-size: 13px; line-height: 1.5; }
.mlq-aviso[hidden], .mlq-bulk[hidden] { display: none; }
.mlq-bulk { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 12px; margin: 0 0 12px; border-radius: 10px; background: var(--ap-surface-2); }
.mlq-bulk-n { margin-right: auto; font-size: 13px; color: var(--ap-ink); }
.mlq-table tr.is-sel td { background: var(--ap-surface-2) !important; }
.mlq-page :is(.mlq-barra-legenda button, .mlq-bulk button):focus-visible { outline: 2px solid var(--ap-ink); outline-offset: 2px; }

.mlq-prod { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mlq-prod .pml-thumb, .mlq-prod .pml-thumb-placeholder { width: 32px !important; height: 32px !important; flex: none; }
.mlq-prod span { display: flex; flex-direction: column; min-width: 0; }
.mlq-prod b { font-size: 13px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; }
.mlq-prod small { font-size: 11.5px; color: var(--ap-ink-3); }
.mlq-conta { font-size: 12.5px; color: var(--ap-ink-2); vertical-align: middle; }
.mlq-nota { font-size: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mlq-nota--ok { color: var(--ap-ok); } .mlq-nota--warn { color: var(--ap-warn-ink); }
.mlq-nota--bad { color: var(--ap-danger); } .mlq-nota--mut { color: var(--ap-ink-4); }
.mlq-table td .dx-sub, .mlq-cat-table td small { display: block; font-size: 11px; }
.mlq-cat-table td b { font-size: 13px; }
.mlq-pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 650; white-space: nowrap; }
.mlq-pill--ok { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.mlq-pill--warn { background: var(--ap-warn-soft); color: var(--ap-warn-ink); }
.mlq-pill--bad { background: var(--ap-danger-soft); color: var(--ap-danger); }
.mlq-pill--mut { background: var(--ap-fill); color: var(--ap-ink-3); }
.mlq-objs { display: flex; flex-wrap: nowrap; gap: 5px; max-width: 360px; overflow: hidden; }
.mlq-obj { display: inline-block; max-width: 230px; padding: 3px 9px; border-radius: 8px; background: var(--ap-fill); color: var(--ap-ink-2); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mlq-obj--mais { background: var(--ap-surface-2); color: var(--ap-ink-3); font-weight: 650; }
@media (max-width: 900px) { .mlq-filtros .mlq-busca { grid-column: 1 / -1; } .mlq-objs { max-width: none; } }

/* Categorias independentes por canal */
.cx-workspace { display:grid; gap:18px; }
.cx-workspace [hidden] { display:none !important; }

/* Busca, canal e filtros compartilhados na página de categorias */
.cx-unified-toolbar { display:flex; align-items:center; gap:12px; width:100%; }
.cx-unified-search { display:flex; align-items:center; gap:10px; flex:1; min-width:180px; height:42px; padding:0 14px; border:1px solid #d9e3f1; border-radius:10px; background:#fff; color:#7184a2; }
.cx-unified-search:focus-within { border-color:#5a7cc8; box-shadow:0 0 0 3px rgba(52,91,177,.09); }
.cx-unified-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#1b2d4a; font-size:13px; }
.cx-unified-actions { display:flex; align-items:center; gap:10px; flex:none; }
.cx-unified-actions .cx-control { min-height:42px; white-space:nowrap; }
.cx-workspace .cx-filters { margin-top:-6px; }
.cx-workspace .cx-filter-fields { display:flex; align-items:end; flex-wrap:wrap; gap:12px; }
.cx-workspace .cx-filter-fields[hidden] { display:none !important; }
.cx-toolbar--site { justify-content:flex-end; }
@media(max-width:760px) { .cx-unified-toolbar { flex-wrap:wrap; }.cx-unified-search { flex-basis:100%; }.cx-unified-actions { width:100%; justify-content:space-between; } }

/* Miniatura dos produtos na lista lateral de anúncios */

/* Correção da categoria do anúncio a partir da lista lateral */
.cx-category-editor-overlay { z-index:10040; align-items:center; justify-content:center; padding:18px; }
.cx-category-editor { display:flex; flex-direction:column; width:min(620px,100%); max-height:min(760px,calc(100dvh - 36px)); overflow:hidden; border:1px solid #dbe4f2; border-radius:17px; background:#fff; box-shadow:0 28px 90px rgba(13,34,70,.24); color:#213553; }
.cx-category-editor header { display:flex; align-items:center; gap:13px; padding:20px 24px; border-bottom:1px solid #e8edf5; }
.cx-category-editor-icon { display:grid; place-items:center; flex:none; width:39px; height:39px; border-radius:11px; background:#eaf1ff; color:#2455a2; }
.cx-category-editor header>div { flex:1; min-width:0; }.cx-category-editor header small { color:#6c7fa0; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }.cx-category-editor h2 { margin:4px 0 0; color:#183052; font-size:19px; line-height:1.25; }
.cx-category-editor header>button { flex:none; width:33px; height:33px; border:0; border-radius:8px; background:#f2f5f9; color:#667894; cursor:pointer; }
.cx-category-editor-body { display:grid; gap:13px; overflow:auto; padding:20px 24px; }.cx-category-editor-product { color:#152b4a; font-size:14px; }.cx-category-editor-body>p { margin:0; color:#637590; font-size:12px; line-height:1.5; }.cx-category-editor-body>label { margin-top:4px; color:#314867; font-size:12px; font-weight:700; }
.cx-category-editor-current { display:grid; gap:4px; padding:13px 15px; border:1px solid #e7edf5; border-radius:10px; background:#f7f9fc; }.cx-category-editor-current small,.cx-category-editor-selected small { color:#7487a1; font-size:10px; }.cx-category-editor-current strong,.cx-category-editor-selected strong { color:#213653; font-size:12px; line-height:1.4; }.cx-category-editor-current code,.cx-category-editor-selected code { color:#5b7398; font-size:10px; }
.cx-category-editor-search { display:flex; gap:8px; }.cx-category-editor-search input { flex:1; min-width:0; height:42px; padding:0 12px; border:1px solid #dce5f1; border-radius:9px; color:#203656; font-size:12px; }.cx-category-editor-search button { min-width:96px; border:0; border-radius:9px; background:#1b4088; color:#fff; font-size:11px; font-weight:700; cursor:pointer; }
.cx-category-editor-results { max-height:230px; overflow:auto; border:1px solid #e3eaf4; border-radius:10px; color:#71809a; font-size:12px; }.cx-category-editor-results:not(:has(button)) { padding:15px; }.cx-category-editor-results button { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; min-height:48px; padding:9px 13px; border:0; border-bottom:1px solid #edf1f7; background:#fff; text-align:left; cursor:pointer; }.cx-category-editor-results button:hover { background:#f4f8ff; }.cx-category-editor-results button span { display:grid; gap:3px; }.cx-category-editor-results button strong { color:#253a58; font-size:12px; }.cx-category-editor-results button small { color:#7183a0; font-size:10px; }
.cx-category-editor-selected { display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border:1px solid #bce6d2; border-radius:10px; background:#f0fbf5; color:#128056; }.cx-category-editor-selected span { display:grid; gap:3px; }.cx-category-editor-notice { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border-radius:8px; background:#fff8ed; color:#875d28 !important; }.cx-category-editor-message { min-height:16px; }.cx-category-editor-message.is-error { color:#b3332a !important; }
.cx-category-editor footer { display:flex; justify-content:flex-end; gap:8px; padding:14px 24px; border-top:1px solid #e8edf5; }.cx-category-editor footer button { min-height:37px; padding:0 14px; border:1px solid #dce5f1; border-radius:8px; background:#fff; color:#345071; font-size:12px; font-weight:700; cursor:pointer; }.cx-category-editor footer button.is-primary { border-color:#1b4088; background:#1b4088; color:#fff; }.cx-category-editor footer button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:650px) { .cx-category-editor-overlay { padding:8px; }.cx-category-editor { max-height:calc(100dvh - 16px); }.cx-category-editor header,.cx-category-editor-body,.cx-category-editor footer { padding-left:16px; padding-right:16px; } }

/* Revisão explícita das categorias de cada marketplace */

/* Canais (Mercado Livre, Shopee, Amazon): coluna única, uma faixa de números e a lista de contas. */
.mp-page{max-width:1080px;grid-template-columns:minmax(0,1fr)!important;gap:20px}
.mp-page>*{grid-column:1/-1!important;margin-top:0!important}
.mp-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border:1px solid var(--ap-line);border-radius:var(--ap-r-card);background:var(--ap-surface);overflow:hidden}
.mp-metrics:empty{display:none}
.mp-stat{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-left:1px solid var(--ap-line-soft);color:inherit;text-decoration:none;min-width:0}
.mp-stat:first-child{border-left:0}
a.mp-stat:hover{background:var(--ap-surface-2)}
a.mp-stat:focus-visible{outline:2px solid var(--ap-accent);outline-offset:-2px}
.mp-stat small{font-size:12px;color:var(--ap-ink-3)}
.mp-stat strong{font-size:22px;line-height:1.15;letter-spacing:-.02em;color:var(--ap-ink);font-variant-numeric:tabular-nums}
.mp-stat span{font-size:12px;color:var(--ap-ink-3)}
.mp-stat--warn strong{color:var(--ap-warn-ink)}
.mp-section-head{display:grid;gap:4px;margin:0 0 10px}
.mp-section-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--ap-ink)}
.mp-section-head p{margin:0;max-width:75ch;color:var(--ap-ink-3);font-size:13px;line-height:1.5}
.mp-list{display:grid;gap:10px}
.mp-acct-main{flex:1;min-width:180px;display:grid;gap:2px}
.mp-acct-main b{font-size:15px;color:var(--ap-ink)}
.mp-acct-main span{font-size:12px;color:var(--ap-ink-3)}
.mp-acct-main .mp-bad{color:var(--ap-danger-ink)}
.mp-acct-opt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ap-ink-2);cursor:pointer}
.mp-setup{margin-top:10px}
@media(max-width:760px){.mp-stat{border-left:0;border-top:1px solid var(--ap-line-soft)}.mp-stat:first-child{border-top:0}.mp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-stat:nth-child(2){border-top:0}.mp-stat:nth-child(even){border-left:1px solid var(--ap-line-soft)}}
.mp-acct-opts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end}
.mp-acct-tarifa{min-height:28px;padding:0 10px;border:1px solid var(--ap-line);border-radius:var(--ap-r-pill);background:var(--ap-surface);color:var(--ap-ink-2);font:inherit;font-size:12px;cursor:pointer}
.mp-acct-tarifa:hover{border-color:var(--ap-line-strong);color:var(--ap-ink)}
@media(max-width:760px){.mp-acct-opts{justify-content:flex-start;width:100%}}
/* Menu lateral 25% maior (pedido do usuário); recolhido fica no tamanho original para os ícones caberem. */
.sidebar:not(.is-collapsed) .sidebar-menu{zoom:1.25}
.mp-pub{display:grid;gap:12px}

/* Atendimento › Respostas automáticas (atendimento-admin.js, acfg*) */
.acfg{width:100%;max-width:880px;margin:0 auto;padding:24px 28px 48px;display:grid;gap:28px;overflow-y:auto;align-content:start}
.acfg-top{display:flex;align-items:flex-start;gap:14px}
.acfg-top h2{margin:0;font-size:20px;line-height:1.2;color:var(--ap-ink)}
.acfg-top p{margin:4px 0 0;font-size:13px;color:var(--ap-ink-3)}
.acfg-voltar{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ap-line);border-radius:var(--ap-r-btn);background:var(--ap-surface);color:var(--ap-ink-2);cursor:pointer}
.acfg-voltar:hover{background:var(--ap-surface-2);color:var(--ap-ink)}
.acfg-sec{display:grid;gap:10px;min-width:0}
.acfg-sec h3{margin:0;font-size:14px;font-weight:700;color:var(--ap-ink)}
.acfg-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}
.acfg-box{border:1px solid var(--ap-line);border-radius:var(--ap-r-card);background:var(--ap-surface);overflow:hidden}
.acfg-dim{font-size:12px;color:var(--ap-ink-3);line-height:1.45}
.acfg-nota{margin:0;padding:12px 18px;border-bottom:1px solid var(--ap-line-soft)}
.acfg-erro{margin:0;padding:16px 18px;color:var(--ap-danger-ink);font-size:13px}
.acfg-vazio{margin:0;padding:22px 18px;color:var(--ap-ink-3);font-size:13px;text-align:center}
.acfg-skel{height:64px;margin:14px 18px;border-radius:8px;background:var(--ap-surface-2)}
.acfg-num{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}
.acfg-wa{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--ap-ok-soft);color:var(--ap-ok-ink);font-size:20px}
.acfg-num-txt{flex:1;min-width:200px;display:grid;gap:2px}
.acfg-num-txt b{font-size:15px;color:var(--ap-ink);font-variant-numeric:tabular-nums}
.acfg-num-txt span{font-size:12px;color:var(--ap-ink-3)}
.acfg-box #waConnAt{padding:16px 18px}
.acfg-chave{font:inherit;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;cursor:pointer}
.acfg-chave+.acfg-chave{border-top:1px solid var(--ap-line-soft)}
.acfg-chave>div{display:grid;gap:4px;max-width:62ch}
.acfg-chave b{font-size:14px;color:var(--ap-ink)}
.acfg-chave span{font-size:12.5px;color:var(--ap-ink-3);line-height:1.5}
.acfg-et+.acfg-et{border-top:1px solid var(--ap-line-soft)}
.acfg-et-l{display:flex;align-items:center;gap:14px;padding:12px 18px}
.acfg-et-txt{flex:1;min-width:0;display:grid;gap:2px}
.acfg-et-txt b{font-size:13.5px;color:var(--ap-ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acfg-et-txt span{font-size:12px;color:var(--ap-ink-3)}
.acfg-et-n{font-size:12px;color:var(--ap-ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.acfg-et.aberta{background:var(--ap-surface-2)}
.acfg-tag{padding:1px 8px;border-radius:var(--ap-r-pill);background:var(--ap-violet-soft);color:var(--ap-violet-ink);font-size:11px;font-weight:600}
.acfg-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:4px 18px 18px}
.acfg-ed-col{display:grid;gap:8px;align-content:start;min-width:0}
.acfg-lbl{margin:0;font-size:12px;font-weight:600;color:var(--ap-ink-2)}
.acfg-ed textarea{width:100%;min-height:180px;padding:10px 12px;border:1px solid var(--ap-line);border-radius:var(--ap-r-field);background:var(--ap-surface);color:var(--ap-ink);font:inherit;font-size:13px;line-height:1.5;resize:vertical}
.acfg-ed textarea:focus{outline:2px solid var(--ap-accent);outline-offset:-1px}
.acfg-vars{display:flex;flex-wrap:wrap;gap:6px}
.acfg-vars button{padding:3px 8px;border:1px solid var(--ap-line);border-radius:var(--ap-r-pill);background:var(--ap-surface);color:var(--ap-ink-2);font-family:var(--ap-mono);font-size:11px;cursor:pointer}
.acfg-vars button:hover{border-color:var(--ap-accent);color:var(--ap-ink)}
.acfg-ed-acoes{display:flex;gap:8px;margin-top:4px}
.acfg-chat{padding:14px;border-radius:var(--ap-r-field);background:var(--ap-ok-soft)}
.acfg-bolha{max-width:92%;padding:9px 12px;border-radius:10px 10px 10px 2px;background:var(--ap-surface);box-shadow:var(--ap-sh-1);color:var(--ap-ink);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.acfg-bolha mark{background:var(--ap-danger-soft);color:var(--ap-danger-ink);border-radius:3px}
.acfg-lista{list-style:none;margin:0;padding:0;max-height:520px;overflow-y:auto}
.acfg-lista li{padding:10px 18px;display:grid;gap:6px}
.acfg-lista li+li{border-top:1px solid var(--ap-line-soft)}
.acfg-li-h{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;font-size:13px}
.acfg-li-h b{color:var(--ap-ink)}
.acfg-lista summary{font-size:12px;color:var(--ap-ink-3);cursor:pointer;width:max-content}
.acfg-lista details[open] summary{margin-bottom:6px}
.acfg-pill{padding:1px 8px;border-radius:var(--ap-r-pill);background:var(--ap-info-soft);color:var(--ap-info-ink);font-size:11px;font-weight:600}
.acfg-st{font-size:11px;font-weight:600}
.acfg-st--ok{color:var(--ap-ok-ink)}.acfg-st--warn{color:var(--ap-warn-ink)}.acfg-st--bad{color:var(--ap-danger-ink)}.acfg-st--mut{color:var(--ap-ink-3)}
.acfg-vc>summary{display:flex;align-items:baseline;gap:12px;cursor:pointer;list-style:none}
.acfg-vc>summary::-webkit-details-marker{display:none}
.acfg-vc-add{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px}
.acfg-vc-add .adm-input{flex:1;min-width:180px}
.acfg-pares{list-style:none;margin:0;padding:0 18px 12px;display:grid;gap:6px}
.acfg-par{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ap-ink-2)}
.acfg-par>i{color:var(--ap-ink-4);font-size:10px}
.acfg-par .adm-btn{margin-left:auto}
.acfg-vc .acfg-lbl{padding:0 18px}
@media(max-width:760px){.acfg{padding:16px 16px 40px}.acfg-ed{grid-template-columns:1fr}.acfg-et-l{flex-wrap:wrap}.acfg-et-n{order:3;width:100%;padding-left:52px}}

/* Clientes (crm-admin.js): mesmo vocabulário do Painel — dx-k4, dx-card, dx-select, dx-search */
.crm-lista{display:grid;gap:12px}
.crm-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crm-bar .dx-search{flex:1 1 320px;min-width:240px}
.crm-bar .dx-select{flex:0 1 auto;min-width:150px}
.crm-bar-acoes{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.crm-tot{margin:0;font-size:12px;color:var(--ap-ink-3)}
@media(max-width:1100px){.dx-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.crm-bar .dx-select{flex:1 1 45%}.crm-bar-acoes{margin-left:0}}
.mlp-sec a{color:var(--ap-ink);font-weight:600;text-decoration:none}
.mlp-sec a:hover{text-decoration:underline;text-underline-offset:2px}

/* CRM › Funil (kanban) e Indicadores */
.crm-funil-top{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;margin-bottom:12px}
.crm-funil-top .dx-search{flex:0 1 420px;min-width:240px}
.crm-kanban{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}
.crm-col{display:flex;flex-direction:column;min-height:200px;max-height:calc(100dvh - 260px);border:1px solid var(--ap-line);border-radius:var(--ap-r-card);background:var(--ap-surface-2)}
.crm-col.is-over{border-color:var(--ap-accent);box-shadow:inset 0 0 0 1px var(--ap-accent)}
.crm-col>header{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:12px 14px 10px;border-bottom:1px solid var(--ap-line-soft)}
.crm-col>header b{font-size:13px;color:var(--ap-ink)}
.crm-col>header span{font-size:12px;font-weight:700;color:var(--ap-ink-3);font-variant-numeric:tabular-nums}
.crm-col>header small{grid-column:1/-1;font-size:11.5px;color:var(--ap-ink-3)}
.crm-col-b{display:grid;gap:8px;padding:10px;overflow-y:auto;align-content:start}
.crm-card{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--ap-line);border-radius:10px;background:var(--ap-surface);cursor:grab;box-shadow:var(--ap-sh-1)}
.crm-card:hover{border-color:var(--ap-line-strong)}
.crm-card:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}
.crm-card b{font-size:13px;color:var(--ap-ink);overflow-wrap:anywhere}
.crm-card span,.crm-card small{font-size:12px;color:var(--ap-ink-3)}
.crm-card-t{color:var(--ap-ink-4)!important}
.crm-col-vazia{margin:6px 2px;font-size:12px;color:var(--ap-ink-3)}
.crm-funil-resumo{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:0 0 12px;padding:0;list-style:none;overflow-x:auto}
.crm-funil-resumo li{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--ap-line);border-radius:var(--ap-r-card);background:var(--ap-surface);border-top:3px solid var(--crm-st)}
.crm-funil-resumo span{font-size:12px;color:var(--ap-ink-3)}
.crm-funil-resumo b{font-size:22px;font-weight:700;color:var(--ap-ink);font-variant-numeric:tabular-nums}
.crm-funil-resumo small{font-size:11.5px;color:var(--ap-ink-3)}
[data-st="novo"]{--crm-st:var(--ap-accent)}[data-st="em_contato"]{--crm-st:var(--ap-warn)}[data-st="cliente"]{--crm-st:var(--ap-ok)}[data-st="recorrente"]{--crm-st:var(--ap-ok)}[data-st="perdido"]{--crm-st:var(--ap-ink-4)}
.crm-col{border-top:3px solid var(--crm-st)}
.crm-col-k{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.crm-col-k:empty{display:none}
.crm-col-k em{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--ap-surface);border:1px solid var(--ap-line-soft);color:var(--ap-ink-2);font-variant-numeric:tabular-nums}
.crm-col-k em.is-alerta{color:var(--ap-warn);border-color:currentColor}
.crm-card-h{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}
.crm-card-h>div{display:grid;min-width:0}
.crm-card-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ap-accent);color:var(--ap-surface);font-size:12px;font-weight:700}
.crm-card-f{display:flex;align-items:center;gap:8px;margin-top:4px}
.crm-card-f .crm-card-t{flex:1}
.crm-card-f>b{font-size:12px;font-variant-numeric:tabular-nums}
.crm-card-f .dx-ico-btn{width:26px;height:26px;color:var(--ap-ok)}
.crm-card.is-parado{border-left:3px solid var(--ap-warn)}
.crm-card.is-parado .crm-card-t{color:var(--ap-warn)!important}
.crm-ind{margin-top:16px}
.crm-ind h3{margin:0 0 14px}
.crm-barras{display:flex;align-items:flex-end;gap:3px;height:160px}
.crm-barra{flex:1;height:100%;display:flex;align-items:flex-end;border-radius:3px}
.crm-barra:hover{background:var(--ap-surface-2)}
.crm-barra i{display:block;width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--ap-accent)}
.crm-barras-eixo{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--ap-ink-3)}
@media(max-width:760px){.crm-kanban{grid-template-columns:repeat(5,82vw)}}
.crm-bar--2{justify-content:flex-start}
.crm-bar-lbl{font-size:12px;font-weight:600;color:var(--ap-ink-3)}
.crm-ind-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:16px}
.crm-ind-grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.crm-ind-grid .crm-ind{margin-top:0}
.crm-rank h3{margin:0 0 10px}
.crm-rank ol{list-style:none;margin:0;padding:0;display:grid}
.crm-rank li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--ap-line-soft);font-size:13px;color:var(--ap-ink-2)}
.crm-rank li:first-child{border-top:0}
.crm-rank li b{font-variant-numeric:tabular-nums;color:var(--ap-ink)}
.crm-canais{width:100%;border-collapse:collapse;font-size:13px}
.crm-canais th{text-align:left;font-size:11px;font-weight:600;color:var(--ap-ink-3);padding:0 0 8px}
.crm-canais td{padding:9px 0;border-top:1px solid var(--ap-line-soft);color:var(--ap-ink-2);font-variant-numeric:tabular-nums}
.crm-canais .num{text-align:right}
.crm-canais tbody tr{cursor:pointer}.crm-canais tbody tr:hover td{color:var(--ap-ink)}
@media(max-width:1000px){.crm-ind-grid{grid-template-columns:1fr}}
.crm-ind-grid--1{grid-template-columns:1fr}

/* Relatórios operacionais (dashboard.js, rg*) e atalho "Relatório" no topo das páginas */
.rg-card{display:grid;gap:12px;margin-top:16px}
.rg-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rg-bar .dx-search{flex:0 1 420px;min-width:220px}
.rg-tot{font-size:12px;color:var(--ap-ink-3)}
.rg-scroll{overflow-x:auto}
.rg-t th button{border:0;background:none;padding:0;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}
.rg-t th button:hover{color:var(--ap-ink)}
.rg-t td{max-width:420px;overflow:hidden;text-overflow:ellipsis}
.sidebar-sep{height:1px;margin:6px 14px;background:rgba(255,255,255,.12);list-style:none}
.app-header-rel{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid var(--ap-line);border-radius:var(--ap-r-btn);color:var(--ap-ink-2);font-size:13px;font-weight:600;text-decoration:none;background:var(--ap-surface)}
.app-header-rel:hover{border-color:var(--ap-line-strong);color:var(--ap-ink)}
@media(max-width:760px){.app-header-rel span{display:none}}
.rg-t td.rg-dt{white-space:nowrap}
/* CRM › Clientes: tabela */
.crm-scroll{overflow-x:auto}
.crm-tbl--cli td{padding-top:10px!important;padding-bottom:10px!important;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.crm-cli{display:flex;align-items:center;gap:10px;min-width:0}
.crm-av{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--ap-surface-2);color:var(--ap-ink-2);font-size:13px;font-weight:700}
.crm-orig{display:inline-flex;gap:4px;align-items:center}
.crm-nw{white-space:nowrap}
.crm-mail{max-width:220px}
.crm-mail a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ap-ink-2);text-decoration:none;font-size:13px}
.crm-mail a:hover{color:var(--ap-ink);text-decoration:underline}

/* Indicadores das telas de marketplace (mpStat): cartão-link sem sublinhado, igual ao Dashboard. */
a.dx-card.mp-k{text-decoration:none;color:inherit;transition:border-color .15s}
a.dx-card.mp-k:hover{border-color:var(--ap-line-strong)}
a.dx-card.mp-k *{text-decoration:none}

/* ── Tabelas do admin (dx-recent-table): alinhamento padrão ───────────────────────────
   Cabeçalho alinha igual à célula; número e ação à direita; tudo centrado na vertical;
   texto secundário (.sub) numa linha só com reticências, para as linhas terem a mesma altura. */
.dx-recent-table td{vertical-align:middle}
.dx-recent-table th.num,.dx-recent-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.dx-recent-table th.c,.dx-recent-table td.c{text-align:center}
.dx-recent-table th.acoes,.dx-recent-table td.acoes{text-align:right;white-space:nowrap}
.dx-recent-table td.acoes > :not(.pml-kebab-menu){display:inline-flex;gap:6px;justify-content:flex-end;align-items:center}
.dx-recent-table .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dx-recent-table td.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table th.ox-next{text-align:right}

/* Produtos: uma linha por produto, cada dado na sua coluna (2026-10-14). */
#productsList .pml-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 8px !important; padding-bottom: 8px !important; vertical-align: middle; }
#productsList .pml-row > .col-name { min-height: 0; }
#productsList .pml-table .col-name { min-width: 0; width: auto; }
#productsList .pml-table .col-name .pml-name-link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#productsList .pml-table .col-sku { width: 120px; }
#productsList .pml-table .col-price { width: 120px; }
#productsList .pml-table .col-stock { width: 80px; }
#productsList .pml-table .col-mkt { width: 170px; }
#productsList .pml-table .col-state { width: 120px; }
#productsList .pml-table .col-act { width: 172px; }
#productsList .pml-table .col-marca { width: 110px; }
#productsList .pml-table .col-cat { width: 140px; }
#productsList .pml-table .col-custo { width: 104px; text-align: right; }
#productsList .pml-mkt { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; overflow: hidden; }
#productsList .pmc-line { display: inline-flex; flex-direction: row; align-items: center; gap: 4px; padding: 0; white-space: nowrap; }
#productsList .pmc-line + .pmc-line { margin-top: 0; }
#productsList .pml-flags:empty { display: none; }
#pmlCard.pml-sem-custo .col-custo { display: none; }

/* Pedidos: uma linha por pedido (SKU, conta, envio e nota fiscal em colunas próprias). */
.ox-premium .ox-orders-table td { height: auto; overflow: hidden; text-overflow: ellipsis; max-width: 260px; }
.ox-premium .ox-orders-table .ox-product-cell .dx-prod { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ox-premium .ox-orders-table .ox-product-cell .t { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ox-premium .ox-orders-table .ox-mais { flex: none; }
.ox-premium .ox-orders-table .ox-nf { max-width: 220px; }
.ox-premium .ox-orders-table .ox-nf .ap-btn { padding: 0 8px; height: 26px; margin-right: 6px; }
.ox-premium .ox-orders-table .ox-nf-t { font-weight: 600; color: var(--ap-warn-ink); }
.ox-premium .ox-orders-table .ox-product-cell { min-width: 0; max-width: 240px; }
.ox-premium .ox-orders-table .ox-product-cell :is(img, .dx-prod-ph) { width: 32px; height: 32px; }
.ox-premium .ox-orders-table td:not(.ox-product-cell) { max-width: 150px; }

.mlq-table tbody td { white-space: nowrap; padding-top: 8px !important; padding-bottom: 8px !important; }
.pub-table td, .pub-prods .adm-table td { white-space: nowrap; padding-top: 8px !important; padding-bottom: 8px !important; }
.pub-prods .adm-table td.trunc { max-width: 380px; overflow: hidden; text-overflow: ellipsis; }
.mlq-table td.trunc { max-width: 260px; overflow: hidden; text-overflow: ellipsis; }

/* Marketplaces: o cartão das contas conectadas tinha padding 0 (texto colado na borda). */
.ml-wrap .ml-pane.dx-card { padding: 20px !important; }
.ml-wrap .ml-pane .mp-section-head { margin-bottom: 14px; }
.mp-page .ml-account-card { padding: 12px 16px; }

/* Financeiro: seletor de contas (seleção múltipla). */
.fx-contas { width: 280px; gap: 2px; padding: 8px; max-height: 420px; overflow: auto; }
.fx-contas .fx-op { flex-direction: row; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; font-size: 13px; font-weight: 500; color: var(--ap-ink); text-transform: none; letter-spacing: 0; cursor: pointer; }
.fx-contas .fx-op:hover { background: var(--ap-surface-2); }
.fx-contas .fx-op--todas, .fx-contas .fx-op--canal { font-weight: 650; }
.fx-contas .fx-op--conta { padding-left: 34px; }
.fx-contas .fx-grupo { border-top: 1px solid var(--ap-line-soft); padding-top: 2px; margin-top: 2px; }
.fx-contas input { margin: 0; accent-color: var(--ap-accent); }
.fx-contas-btn { min-width: 190px; text-align: left; cursor: pointer; }
.fx-h3-dir { display: flex; gap: 8px; align-items: center; }


/* Estoque: desenho do Painel; a quantidade é editada na própria linha (− campo +). */
.st-bar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.st-bar .dx-search { flex: 1 1 200px; min-width: 180px; }
.st-bar .dx-select { flex: 0 1 auto; max-width: 190px; }
.st-k { text-align: left; font: inherit; cursor: pointer; }
.st-k.is-on { border-color: var(--ap-accent); box-shadow: 0 0 0 3px var(--ap-accent-08); }
.st-tbl { min-width: 900px !important; table-layout: fixed; }
.st-tbl td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 8px !important; padding-bottom: 8px !important; }
.st-tbl .dx-prod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.st-tbl .dx-prod :is(img, .dx-prod-ph) { width: 36px; height: 36px; flex: none; }
.st-tbl .dx-prod .t { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-tbl .dx-prod .sub { font-size: 12px; color: var(--ap-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-tbl tr.is-mod td { background: var(--ap-accent-08) !important; }
.st-canais { display: inline-flex; gap: 6px; align-items: center; }
.st-qtd { width: 72px; height: 32px; padding: 0 10px; border: 1px solid transparent; border-radius: 8px; background: var(--ap-surface-2); text-align: right; font: inherit; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ap-ink); cursor: text; }
.st-qtd:hover { border-color: var(--ap-line); }
.st-qtd:focus { outline: none; border-color: var(--ap-accent); background: var(--ap-surface); box-shadow: 0 0 0 3px var(--ap-accent-08); }
.st-tbl tr.is-mod .st-qtd { border-color: var(--ap-accent); color: var(--ap-accent); }

/* ===== Chat da equipe (js/equipe-chat.js): estilo Messenger ===== */
.eq-av { position: relative; flex: none; width: var(--t); height: var(--t); border-radius: 50%; display: inline-grid; place-items: center; font-size: calc(var(--t) * .38); font-weight: 700; line-height: 1; }
.eq-av--info { background: var(--ap-info-soft); color: var(--ap-info-ink); }
.eq-av--ok { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.eq-av--warn { background: var(--ap-warn-soft); color: var(--ap-warn-ink); }
.eq-av--danger { background: var(--ap-danger-soft); color: var(--ap-danger-ink); }
.eq-av--accent { background: var(--ap-accent); color: var(--ap-surface); }
.eq-dot { position: absolute; right: -1px; bottom: -1px; width: 30%; height: 30%; min-width: 9px; min-height: 9px; border-radius: 50%; background: var(--ap-line-strong); box-shadow: 0 0 0 2px var(--ap-surface); }
.eq-dot.on { background: var(--ap-ok); }
.eq-av-grupo { position: relative; flex: none; width: var(--t); height: var(--t); }
.eq-av-grupo > .eq-av:first-child { position: absolute; left: 0; top: 0; }
.eq-av-grupo > .eq-av:nth-child(2) { position: absolute; right: 0; bottom: 0; box-shadow: 0 0 0 2px var(--ap-surface); }
.eq-av-grupo > .eq-dot { right: -1px; bottom: -1px; }
.eq-n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--ap-danger); color: var(--ap-surface); font-size: 11px; font-weight: 700; display: inline-grid; place-items: center; }
.eq-ico { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--ap-info); cursor: pointer; flex: none; }
.eq-ico:hover { background: var(--ap-surface-2); }

.eq-lanca { position: fixed; right: 20px; bottom: 20px; z-index: 900; width: 54px; height: 54px; border: 0; border-radius: 50%; background: var(--ap-accent); color: var(--ap-surface); font-size: 22px; cursor: pointer; box-shadow: var(--ap-card-sh), 0 6px 18px rgba(17,17,18,.18); }
.eq-lanca .eq-n { position: absolute; top: -2px; right: -2px; box-shadow: 0 0 0 2px var(--ap-surface); }
.eq-painel { position: fixed; right: 20px; bottom: 84px; z-index: 901; width: 360px; max-height: min(620px, calc(100vh - 110px)); display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 16px; background: var(--ap-surface); box-shadow: 0 12px 40px rgba(17,17,18,.22); }
.eq-painel[hidden] { display: none; }
.eq-painel #eqPainelLista { overflow: auto; min-height: 0; }
.eq-pag-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.eq-pag-h h3 { margin: 0; font-size: 20px; }
.eq-online { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 8px; }
.eq-online-p { display: flex; flex-direction: column; align-items: center; gap: 4px; border: 0; background: none; cursor: pointer; font: inherit; font-size: 11px; color: var(--ap-ink-2); width: 52px; }
.eq-online-p span { max-width: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-lista { display: flex; flex-direction: column; }
.eq-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px; border: 0; border-radius: 10px; background: none; text-align: left; font: inherit; cursor: pointer; color: var(--ap-ink); }
.eq-item:hover { background: var(--ap-surface-2); }
.eq-item.is-on { background: var(--ap-info-soft); }
.eq-item-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.eq-item-tx b { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-item-tx small { font-size: 12.5px; color: var(--ap-ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-item.is-nova b, .eq-item.is-nova small { font-weight: 700; color: var(--ap-ink); }
.eq-mudo { color: var(--ap-ink-4); font-size: 12px; }
.eq-sep { margin: 10px 8px 4px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--ap-ink-4); }
.eq-vazio { padding: 24px 12px; text-align: center; color: var(--ap-ink-3); font-size: 13px; }

.eq-doca { position: fixed; right: 88px; bottom: 0; z-index: 899; display: flex; flex-direction: row-reverse; align-items: flex-end; gap: 10px; pointer-events: none; }
.eq-doca > * { pointer-events: auto; }
.eq-bolhas { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.eq-bolha { position: relative; border: 0; background: none; padding: 0; cursor: pointer; border-radius: 50%; box-shadow: 0 4px 12px rgba(17,17,18,.18); }
.eq-bolha .eq-n { position: absolute; top: -4px; right: -4px; }
.eq-jan { width: 328px; height: 455px; display: flex; flex-direction: column; background: var(--ap-surface); border-radius: 12px 12px 0 0; box-shadow: 0 8px 30px rgba(17,17,18,.22); overflow: hidden; }
.eq-jan.is-mini { height: auto; }
.eq-jan.is-nova .eq-jan-h { background: var(--ap-info-soft); }
.eq-jan-h { display: flex; align-items: center; gap: 8px; padding: 8px 6px 8px 10px; border-bottom: 1px solid var(--ap-line-soft); cursor: pointer; flex: none; }
.eq-jan-h button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: none; color: var(--ap-info); cursor: pointer; }
.eq-jan-h button:hover { background: var(--ap-surface-2); }
.eq-jan-t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
.eq-jan-t b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-jan-t small { font-size: 11.5px; color: var(--ap-ink-3); }
.eq-msgs { flex: 1; overflow-y: auto; padding: 10px 10px 4px; display: flex; flex-direction: column; gap: 2px; }
.eq-topo { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 8px 18px; text-align: center; }
.eq-topo b { font-size: 15px; } .eq-topo small { font-size: 12px; color: var(--ap-ink-3); }
.eq-mais { text-align: center; color: var(--ap-ink-4); padding: 6px; }
.eq-dia, .eq-sis { align-self: center; margin: 10px 0 6px; font-size: 11.5px; color: var(--ap-ink-3); text-align: center; }
.eq-m { display: flex; align-items: flex-end; gap: 6px; max-width: 100%; }
.eq-m-av { width: 28px; flex: none; }
.eq-m-c { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; max-width: 78%; }
.eq-m--eu { justify-content: flex-end; }
.eq-m--eu .eq-m-c { align-items: flex-end; }
.eq-m-nome { font-size: 11.5px; color: var(--ap-ink-3); margin: 6px 0 2px 10px; }
.eq-m-l { display: flex; align-items: center; gap: 4px; max-width: 100%; }
.eq-m--eu .eq-m-l { flex-direction: row-reverse; }
.eq-b { padding: 7px 12px; border-radius: 18px; background: var(--ap-surface-2); color: var(--ap-ink); font-size: 14px; line-height: 1.38; overflow-wrap: anywhere; }
.eq-b a { color: inherit; text-decoration: underline; }
.eq-m--eu .eq-b { background: var(--ap-accent); color: var(--ap-surface); }
.eq-b--apagada { background: none !important; border: 1px solid var(--ap-line); color: var(--ap-ink-3) !important; font-style: italic; }
.eq-ed { opacity: .7; font-size: 11px; }
.eq-m-ref { margin: 4px 0 -6px; padding: 5px 10px 10px; border-radius: 14px; background: var(--ap-surface-2); color: var(--ap-ink-3); font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .85; }
.eq-img { border: 0; padding: 0; background: none; cursor: zoom-in; border-radius: 14px; overflow: hidden; display: block; }
.eq-img img { display: block; max-width: 220px; max-height: 240px; min-width: 80px; min-height: 60px; object-fit: cover; background: var(--ap-surface-2); }
.eq-arq { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--ap-line); border-radius: 14px; background: var(--ap-surface); cursor: pointer; text-align: left; font: inherit; max-width: 230px; }
.eq-arq i { font-size: 20px; color: var(--ap-info); }
.eq-arq span { display: flex; flex-direction: column; min-width: 0; }
.eq-arq b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-arq small { font-size: 11px; color: var(--ap-ink-3); }
.eq-acoes { display: none; gap: 0; flex: none; }
.eq-m-l:hover .eq-acoes { display: inline-flex; }
.eq-acoes button { width: 26px; height: 26px; border: 0; border-radius: 50%; background: none; color: var(--ap-ink-3); cursor: pointer; font-size: 12px; }
.eq-acoes button:hover { background: var(--ap-surface-2); color: var(--ap-ink); }
.eq-reac { display: flex; gap: 2px; margin-top: -6px; z-index: 1; }
.eq-reac button { border: 0; border-radius: 999px; padding: 1px 6px; background: var(--ap-surface); box-shadow: 0 1px 4px rgba(17,17,18,.18); font-size: 12px; cursor: pointer; }
.eq-reac button.is-eu { background: var(--ap-info-soft); }
.eq-m-hora { font-size: 10.5px; color: var(--ap-ink-4); margin: 2px 6px 6px; }
.eq-visto { display: flex; justify-content: flex-end; gap: 2px; margin: -2px 2px 4px; }
.eq-dig { flex: none; min-height: 0; padding: 0 12px; font-size: 12px; color: var(--ap-ink-3); display: flex; align-items: center; gap: 6px; }
.eq-dig:not(:empty) { min-height: 22px; }
.eq-dots { display: inline-flex; gap: 3px; padding: 6px 9px; border-radius: 12px; background: var(--ap-surface-2); }
.eq-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--ap-ink-3); animation: eqPulo 1.2s infinite; }
.eq-dots i:nth-child(2) { animation-delay: .15s; } .eq-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes eqPulo { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
.eq-resp { flex: none; display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 12px; border-top: 1px solid var(--ap-line-soft); font-size: 12px; }
.eq-resp[hidden] { display: none; }
.eq-resp span { flex: 1; min-width: 0; display: flex; flex-direction: column; color: var(--ap-ink-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.eq-resp b { color: var(--ap-ink); }
.eq-pe { flex: none; display: flex; align-items: flex-end; gap: 4px; padding: 8px; }
.eq-campo-w { flex: 1; display: flex; align-items: flex-end; min-width: 0; border-radius: 18px; background: var(--ap-surface-2); }
.eq-campo { flex: 1; min-width: 0; border: 0; background: none; resize: none; padding: 8px 4px 8px 12px; font: inherit; font-size: 14px; line-height: 1.35; max-height: 120px; color: var(--ap-ink); }
.eq-campo:focus { outline: none; }
.eq-emo-btn { width: 32px; height: 34px; }
.eq-env { color: var(--ap-accent); }
.eq-flut { position: fixed; z-index: 2000; display: flex; flex-wrap: wrap; gap: 2px; padding: 6px; border-radius: 999px; background: var(--ap-surface); box-shadow: 0 6px 24px rgba(17,17,18,.2); }
.eq-flut button { width: 34px; height: 34px; border: 0; border-radius: 50%; background: none; font-size: 20px; cursor: pointer; transition: transform .1s; }
.eq-flut button:hover { transform: scale(1.2); background: var(--ap-surface-2); }
.eq-flut--emo { width: 232px; border-radius: 14px; }
.eq-zoom { position: fixed; inset: 0; z-index: 3000; background: rgba(17,17,18,.82); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.eq-zoom img { max-width: 92vw; max-height: 82vh; border-radius: 8px; }
.eq-escolha { display: flex; flex-direction: column; gap: 2px; max-height: 320px; overflow: auto; }
.eq-membro { display: flex; align-items: center; gap: 10px; padding: 6px 4px; font-size: 14px; cursor: pointer; }
.eq-membro span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Página /admin/chat */
.eq-pag { display: grid; grid-template-columns: 340px minmax(0, 1fr) 280px; gap: 16px; height: calc(100vh - 120px); min-height: 480px; }
.eq-pag > .dx-card { min-height: 0; display: flex; flex-direction: column; gap: 10px; padding: 14px; overflow: hidden; }
.eq-pag-l #eqPagLista { overflow: auto; min-height: 0; flex: 1; }
.eq-pag-c { padding: 0 !important; }
.eq-jan--pag { width: 100%; height: 100%; border-radius: inherit; box-shadow: none; }
.eq-jan--pag .eq-jan-h { cursor: default; padding: 12px 16px; }
.eq-jan--pag .eq-m-c { max-width: 62%; }
.eq-jan--pag .eq-img img { max-width: 320px; max-height: 320px; }
.eq-info { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; overflow: auto; }
.eq-info > b { font-size: 16px; } .eq-info > small { color: var(--ap-ink-3); font-size: 12.5px; }
.eq-info-acoes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin: 8px 0; }
.eq-info .eq-sep { align-self: stretch; text-align: left; }
.eq-info .eq-membro { align-self: stretch; text-align: left; cursor: default; }
.eq-sair { color: var(--ap-danger) !important; margin-top: 6px; }
.eq-vazio--grande { margin: auto; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.eq-vazio--grande i { font-size: 40px; color: var(--ap-line-strong); }
.eq-vazio--grande b { font-size: 16px; color: var(--ap-ink); }
@media (max-width: 1180px) { .eq-pag { grid-template-columns: 300px minmax(0, 1fr); } .eq-pag-r { display: none !important; } }
@media (max-width: 760px) {
  .eq-pag { grid-template-columns: 1fr; height: auto; } .eq-pag-c { height: 70vh; }
  .eq-doca { right: 0; left: 0; justify-content: flex-start; } .eq-jan { width: 100vw; height: 70vh; } .eq-painel { left: 8px; right: 8px; width: auto; }
}
.eq-n[hidden] { display: none; }
.eq-pag .dx-search, .eq-painel .dx-search { flex: none; }
.eq-pag-r:empty { display: none; }
.eq-pag:has(.eq-pag-r:empty) { grid-template-columns: 340px minmax(0, 1fr); }
.eq-emo { font-size: 17px; line-height: 1; filter: grayscale(.2); }
/* Usuários: cartão da empresa */
.emp-l { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.emp-ico { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--ap-info-soft); color: var(--ap-info-ink); font-size: 18px; flex: none; }
.emp-tx { flex: 1; min-width: 200px; display: flex; flex-direction: column; }
.emp-tx b { font-size: 17px; } .emp-tx small { font-size: 13px; color: var(--ap-ink-3); }
.emp-n { display: flex; flex-direction: column; align-items: flex-end; padding: 0 8px; }
.emp-n b { font-size: 20px; font-variant-numeric: tabular-nums; } .emp-n small { font-size: 12px; color: var(--ap-ink-3); }
.dx-recent-table td.acoes > .pml-kebab-menu.open { display: block; }

/* Chat da equipe — refinamento visual (2026-10-14) */
.eq-membro > span:not(.eq-av):not(.eq-av-grupo) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eq-membro > .eq-av { flex: none; }
.eq-escolha .eq-membro { padding: 8px 10px; border-radius: 10px; }
.eq-escolha .eq-membro:hover { background: var(--ap-surface-2); }
.eq-escolha .eq-membro:has(input:checked) { background: var(--ap-info-soft); }
.eq-escolha input { accent-color: var(--ap-accent); width: 16px; height: 16px; margin: 0; }

.eq-lanca { transition: transform .15s, box-shadow .15s; box-shadow: 0 8px 24px rgba(30,51,112,.35); }
.eq-lanca:hover { transform: scale(1.06); }

.eq-jan { border-radius: 14px 14px 0 0; box-shadow: 0 12px 40px rgba(17,17,18,.24); border: 1px solid var(--ap-line-soft); border-bottom: 0; max-height: calc(100vh - 16px); }
.eq-jan-h { padding: 10px 6px 10px 12px; border-bottom: 0; box-shadow: 0 1px 0 var(--ap-line-soft), 0 2px 6px rgba(17,17,18,.04); position: relative; z-index: 1; }
.eq-jan-h:hover { background: var(--ap-surface-2); }
.eq-jan--pag .eq-jan-h:hover { background: none; }
.eq-jan-t b { font-size: 14.5px; font-weight: 700; }
.eq-jan-h button { color: var(--ap-accent); }
.eq-msgs { padding: 12px 12px 6px; gap: 1px; }
.eq-topo { padding: 22px 8px 26px; }
.eq-topo b { font-size: 16px; margin-top: 4px; }
.eq-b { padding: 8px 13px; border-radius: 20px; font-size: 14.5px; }
.eq-m:not(.eq-m--eu):not(.is-pri) .eq-b { border-top-left-radius: 6px; }
.eq-m:not(.eq-m--eu):not(.is-ult) .eq-b { border-bottom-left-radius: 6px; }
.eq-m--eu:not(.is-pri) .eq-b { border-top-right-radius: 6px; }
.eq-m--eu:not(.is-ult) .eq-b { border-bottom-right-radius: 6px; }
.eq-m.is-pri { margin-top: 6px; }
.eq-m--eu .eq-b { background: linear-gradient(180deg, var(--ap-info), var(--ap-accent)); }
.eq-m-hora { margin-bottom: 4px; }
.eq-dia { font-weight: 600; text-transform: capitalize; }
.eq-pe { padding: 8px 10px 10px; gap: 2px; align-items: center; }
.eq-campo-w { align-items: center; border: 1px solid transparent; transition: border-color .12s, background .12s; }
.eq-campo-w:focus-within { background: var(--ap-surface); border-color: var(--ap-info-line); }
.eq-emo { font-size: 18px; }

/* Mensagem de voz */
.eq-aud { display: flex; align-items: center; gap: 8px; width: 220px; padding: 6px 12px 6px 6px; border-radius: 20px; background: var(--ap-surface-2); color: var(--ap-ink); }
.eq-m--eu .eq-aud { background: linear-gradient(180deg, var(--ap-info), var(--ap-accent)); color: var(--ap-surface); }
.eq-aud-p { width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--ap-surface); color: var(--ap-accent); cursor: pointer; display: grid; place-items: center; flex: none; font-size: 12px; }
.eq-aud-bar { flex: 1; height: 4px; border-radius: 4px; background: rgba(17,17,18,.15); cursor: pointer; position: relative; overflow: hidden; }
.eq-m--eu .eq-aud-bar { background: rgba(255,255,255,.35); }
.eq-aud-bar i { position: absolute; inset: 0 auto 0 0; width: 0; background: currentColor; border-radius: 4px; transition: width .2s linear; }
.eq-aud-t { font-size: 12px; font-variant-numeric: tabular-nums; min-width: 32px; text-align: right; opacity: .85; }
.eq-gravando { flex: none; display: flex; align-items: center; gap: 6px; padding: 8px 10px 10px; }
.eq-grav-v { flex: 1; display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 14px; border-radius: 18px; background: linear-gradient(180deg, var(--ap-info), var(--ap-accent)); color: var(--ap-surface); }
.eq-grav-v b { font-size: 13px; font-variant-numeric: tabular-nums; }
.eq-grav-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ap-danger-soft); animation: eqPisca 1s infinite; flex: none; }
.eq-grav-ondas { flex: 1; display: flex; align-items: center; gap: 3px; height: 18px; overflow: hidden; }
.eq-grav-ondas i { flex: 1; max-width: 4px; border-radius: 2px; background: rgba(255,255,255,.8); animation: eqOnda 1s ease-in-out infinite; }
.eq-grav-ondas i:nth-child(3n) { animation-delay: .2s; } .eq-grav-ondas i:nth-child(3n+1) { animation-delay: .45s; } .eq-grav-ondas i:nth-child(4n) { animation-delay: .7s; }
@keyframes eqPisca { 50% { opacity: .3; } }
@keyframes eqOnda { 0%, 100% { height: 4px; } 50% { height: 16px; } }
.eq-pe[hidden] { display: none; }

.eq-painel { border: 1px solid var(--ap-line-soft); }
.eq-item { padding: 9px 10px; }
.eq-item.is-nova small { color: var(--ap-accent); }
.eq-pag > .dx-card { padding: 16px; }
/* Pedidos: devolução do Mercado Livre */
.ox-dev { cursor: pointer; gap: 5px; }
.ox-dev i { font-size: 10px; }
.ox-dev-modal { width: min(640px, 96vw); max-width: none; }
.ox-dev-corpo { display: flex; flex-direction: column; gap: 14px; }
.ox-dev-prod { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--ap-line-soft); border-radius: 14px; background: var(--ap-surface-2); }
.ox-dev-prod img, .ox-dev-ph { width: 72px; height: 72px; border-radius: 12px; object-fit: contain; background: var(--ap-surface); flex: none; display: grid; place-items: center; color: var(--ap-ink-4); font-size: 22px; box-shadow: inset 0 0 0 1px var(--ap-line-soft); }
.ox-dev-prod-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ox-dev-prod-tx > b { font-size: 14.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ox-dev-prod-tx > span { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 12px; }
.ox-dev-prod-v { display: flex; flex-direction: column; align-items: flex-end; flex: none; }
.ox-dev-prod-v b { font-size: 17px; font-variant-numeric: tabular-nums; } .ox-dev-prod-v small { font-size: 12px; color: var(--ap-ink-3); }
.ox-dev-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.ox-dev-chips .dx-r-badge i { font-size: 10px; margin-right: 3px; }
.ox-dev-passos { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 4px 0 0; padding: 0; position: relative; }
.ox-dev-passos li { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--ap-ink-4); position: relative; text-align: center; }
.ox-dev-passos li::before { content: ''; position: absolute; top: 16px; left: -50%; width: 100%; height: 3px; background: var(--ap-line); z-index: 0; }
.ox-dev-passos li:first-child::before { display: none; }
.ox-dev-passos li span { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--ap-surface-2); color: var(--ap-ink-4); position: relative; z-index: 1; box-shadow: 0 0 0 4px var(--ap-surface); font-size: 13px; }
.ox-dev-passos li.is-ok, .ox-dev-passos li.is-atual { color: var(--ap-ink); font-weight: 600; }
.ox-dev-passos li.is-ok::before, .ox-dev-passos li.is-atual::before { background: var(--ap-accent); }
.ox-dev-passos li.is-ok span { background: var(--ap-accent); color: var(--ap-surface); }
.ox-dev-passos li.is-atual span { background: var(--ap-surface); color: var(--ap-accent); box-shadow: 0 0 0 4px var(--ap-surface), inset 0 0 0 2px var(--ap-accent); }
.ox-dev-passos.is-falhou li.is-atual span { color: var(--ap-danger); box-shadow: 0 0 0 4px var(--ap-surface), inset 0 0 0 2px var(--ap-danger); }
.ox-dev-acao { display: flex; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--ap-info-soft); color: var(--ap-info-ink); font-size: 13px; line-height: 1.5; }
.ox-dev-acao > i { margin-top: 3px; }
.ox-dev-acao div { display: flex; flex-direction: column; gap: 2px; }
.ox-dev-acao.is-fim { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.ox-dev-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ox-dev-grid section { padding: 12px 14px; border: 1px solid var(--ap-line-soft); border-radius: 12px; }
.ox-dev-grid h4 { margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ap-ink-4); }
.ox-dev-grid dl { display: grid; grid-template-columns: auto 1fr; gap: 7px 12px; margin: 0; font-size: 13px; }
.ox-dev-grid dt { color: var(--ap-ink-3); } .ox-dev-grid dd { margin: 0; text-align: right; font-weight: 600; overflow-wrap: anywhere; }
.ox-dev-modal .ap-modal-foot { justify-content: space-between; }
@media (max-width: 640px) { .ox-dev-grid { grid-template-columns: 1fr; } .ox-dev-prod { flex-wrap: wrap; } }

.eq-nova { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 3000; display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; border-radius: 14px; background: var(--ap-ink); color: var(--ap-surface); font-size: 13px; box-shadow: 0 10px 30px rgba(17,17,18,.3); }
/* Devolução: conversa com comprador e Mercado Livre ao lado */
.ox-dev-modal { width: min(1080px, 96vw); padding: 0; overflow: hidden; }
.ox-dev-cols { display: grid; grid-template-columns: minmax(0, 1fr) 400px; max-height: calc(100vh - 60px); }
.ox-dev-esq { display: flex; flex-direction: column; min-width: 0; overflow: auto; }
.ox-conv { display: flex; flex-direction: column; min-height: 0; background: var(--ap-surface-2); border-left: 1px solid var(--ap-line-soft); }
.ox-conv-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 16px 12px; }
.ox-conv-h b { font-size: 15px; }
.ox-conv-h .dx-seg small { margin-left: 4px; padding: 0 6px; border-radius: 999px; background: var(--ap-line); font-size: 11px; }
.ox-conv-acoes { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 16px 10px; padding: 10px 12px; border-radius: 12px; background: var(--ap-warn-soft); font-size: 12px; }
.ox-conv-acoes b { width: 100%; color: var(--ap-warn-ink); }
.ox-conv-lista { flex: 1; min-height: 240px; overflow: auto; padding: 4px 16px 12px; display: flex; flex-direction: column; gap: 10px; }
.ox-conv-vazio { margin: auto; padding: 24px; text-align: center; color: var(--ap-ink-3); font-size: 13px; }
.ox-conv-dia { align-self: center; font-size: 11px; font-weight: 600; color: var(--ap-ink-4); text-transform: uppercase; letter-spacing: .04em; }
.ox-conv-m { display: flex; flex-direction: column; gap: 3px; max-width: 88%; }
.ox-conv-m--eu { align-self: flex-end; align-items: flex-end; }
.ox-conv-de { font-size: 11px; color: var(--ap-ink-3); }
.ox-conv-b { padding: 9px 12px; border-radius: 14px; background: var(--ap-surface); font-size: 13px; line-height: 1.5; box-shadow: 0 1px 2px rgba(17,17,18,.06); overflow-wrap: anywhere; }
.ox-conv-m--ml .ox-conv-b { background: var(--ap-ml-soft); border: 1px solid var(--ap-ml-line); }
.ox-conv-m--eu .ox-conv-b { background: var(--ap-accent); color: var(--ap-surface); }
.ox-conv-anexo { display: block; margin-top: 6px; font-size: 12px; opacity: .85; }
.ox-conv-hist { font-size: 12px; color: var(--ap-ink-3); }
.ox-conv-hist summary { cursor: pointer; font-weight: 600; }
.ox-conv-hist div { padding: 4px 0; } .ox-conv-hist span { font-variant-numeric: tabular-nums; margin-right: 6px; }
.ox-conv-pe { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 16px; border-top: 1px solid var(--ap-line-soft); background: var(--ap-surface); }
.ox-conv-pe textarea { resize: vertical; min-height: 70px; font-size: 13px; }
.ox-conv-pe-b { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ox-conv-pe-b label span { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; }
.ox-conv-bloq { display: flex; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--ap-line-soft); background: var(--ap-surface); font-size: 12.5px; color: var(--ap-ink-3); line-height: 1.45; }
.ox-conv-bloq i { margin-top: 2px; }
@media (max-width: 900px) { .ox-dev-cols { grid-template-columns: 1fr; max-height: none; } .ox-conv { border-left: 0; border-top: 1px solid var(--ap-line-soft); } }
.ox-msg-modal { width: min(520px, 96vw); max-width: none; padding: 0; overflow: hidden; display: flex; flex-direction: column; max-height: calc(100vh - 60px); }
.ox-msg-modal .ox-conv { border-left: 0; flex: 1; min-height: 420px; }
.ox-conv-h[hidden] { display: none; }
.ox-dev-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ox-dev-fiscal.is-bad { border-color: var(--ap-danger-line); background: var(--ap-danger-soft); }
.ox-dev-fiscal.is-warn { border-color: var(--ap-warn-line); }
.ox-dev-fiscal.is-ok { border-color: var(--ap-ok-line); }
.ox-dev-fiscal-tx { margin: 10px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--ap-ink-2); display: flex; gap: 6px; }
.ox-dev-fiscal-tx i { margin-top: 3px; }
.ox-copiar { border: 0; background: none; color: var(--ap-ink-3); cursor: pointer; padding: 0 2px; font-size: 11px; }
.ox-conv-acoes .ap-btn small { font-weight: 400; opacity: .8; margin-left: 4px; }
.rg-t td { white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
/* Devolução v3: cabeçalho, linha do tempo com datas, ações e blocos de informação */
.ox-dev-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 22px 0; }
.ox-dev-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--ap-ink-3); }
.ox-dev-eyebrow i { color: var(--ap-warn); font-size: 11px; }
.ox-dev-top h3 { margin: 2px 0 0; font-size: 20px; letter-spacing: -.01em; }
.ox-dev-corpo { padding: 16px 22px 22px; }
.ox-dev-passos li { gap: 3px; }
.ox-dev-passos li b { font-size: 12px; font-weight: 600; margin-top: 3px; }
.ox-dev-passos li small { font-size: 11px; color: var(--ap-ink-3); font-weight: 400; min-height: 14px; font-variant-numeric: tabular-nums; }
.ox-dev-acao > div { flex: 1; min-width: 0; }
.ox-dev-acao b { font-size: 13px; }
.ox-dev-botoes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ox-dev-botoes .ap-btn small { font-weight: 400; opacity: .8; margin-left: 4px; }
.ox-dev-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.ox-dev-info section { padding: 14px 16px; border: 1px solid var(--ap-line-soft); border-radius: 14px; background: var(--ap-surface); }
.ox-dev-info h4 { display: flex; align-items: center; gap: 7px; margin: 0 0 6px; font-size: 13px; font-weight: 700; color: var(--ap-ink); text-transform: none; letter-spacing: 0; }
.ox-dev-info h4 i { color: var(--ap-ink-4); font-size: 12px; }
.ox-dev-info .ox-dev-l { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 7px 0; border-bottom: 1px dashed var(--ap-line-soft); font-size: 13px; }
.ox-dev-info .ox-dev-l:last-of-type { border-bottom: 0; }
.ox-dev-info .ox-dev-l span { color: var(--ap-ink-3); flex: none; }
.ox-dev-info .ox-dev-l b { text-align: right; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.ox-dev-info .ox-dev-l .dx-sku { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom; }
.ox-dev-info .ox-dev-fiscal.is-bad { background: var(--ap-surface); border-color: var(--ap-danger-line); box-shadow: inset 3px 0 0 var(--ap-danger); }
.ox-dev-info .ox-dev-fiscal.is-warn { box-shadow: inset 3px 0 0 var(--ap-warn); }
.ox-dev-info .ox-dev-fiscal.is-ok { box-shadow: inset 3px 0 0 var(--ap-ok); }
.ox-dev-rodape { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-top: 4px; }
.ox-conv-anexo { display: flex; align-items: center; gap: 8px; margin-top: 8px; padding: 6px; border: 1px solid var(--ap-line-soft); border-radius: 10px; background: var(--ap-surface); color: var(--ap-ink-2); font: inherit; font-size: 12px; cursor: pointer; max-width: 100%; }
.ox-conv-anexo img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; background: var(--ap-surface-2); }
.ox-conv-anexo span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ox-dev-modal { max-height: calc(100vh - 40px); }
.ox-dev-botoes .ap-btn { width: auto; flex: none; }
.ox-conv-cont { font-size: 11px; color: var(--ap-ink-4); text-align: right; margin-top: -4px; }
/* Pedidos v5: colunas agrupadas (produto+SKU+pedido, valor+qtd, situação+pagamento, canal+conta, documentos+NF) */
.ox-premium .ox-orders-table td { vertical-align: middle; max-width: none; }
.ox-premium .ox-orders-table .ox-product-cell { max-width: 360px; }
.ox-prod-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ox-prod-tx .t { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ox-prod-tx small { display: flex; align-items: center; gap: 8px; font-size: 12px; min-width: 0; }
.ox-prod-tx .ox-order-id { font-size: 12px; font-weight: 600; color: var(--ap-accent); text-decoration: none; }
.ox-prod-tx .ox-order-id:hover { text-decoration: underline; }
.ox-sub { display: block; margin-top: 3px; font-size: 11.5px; color: var(--ap-ink-3); font-weight: 500; white-space: nowrap; }
.ox-sub--warn, .ox-sub--bad { color: var(--ap-warn-ink); }
.ox-sub--link { cursor: pointer; color: var(--ap-info); }
.ox-sub--link i { font-size: 10px; }
.ox-canal { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.ox-canal > span { display: flex; flex-direction: column; min-width: 0; }
.ox-canal b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 170px; }
.ox-canal small { font-size: 11.5px; color: var(--ap-ink-3); }
.ox-premium .ox-orders-table td.ox-docs { text-align: right; }
.ox-docs .ox-actions { justify-content: flex-end; }
.ox-docs-nf { text-align: right; }
.ox-premium .ox-orders-table tbody td { padding-top: 10px !important; padding-bottom: 10px !important; }

.ox-premium .ox-orders-table td.ox-docs { white-space: nowrap; }
.ox-docs .ox-actions { display: inline-flex; vertical-align: middle; }
.ox-docs .ox-docs-nf { display: inline-block; margin: 0 8px 0 0; vertical-align: middle; }
.mlp-dev h4 { display: flex; align-items: center; gap: 7px; }
.mlp-dev.is-aberta { background: var(--ap-warn-soft); border-radius: 0; }
.mlp-dev.is-aberta h4 { color: var(--ap-warn-ink); }
/* Pedidos v6: colunas compactas, documentos inteiros, alinhamento central nas colunas curtas */
.ox-premium .ox-orders-table { table-layout: auto; width: 100%; }
.ox-premium .ox-orders-table th.ox-c, .ox-premium .ox-orders-table td.ox-c { text-align: center; }
.ox-premium .ox-orders-table th.ox-docs, .ox-premium .ox-orders-table td.ox-docs { text-align: center; width: 1%; white-space: nowrap; padding-left: 8px !important; padding-right: 8px !important; }
.ox-premium .ox-orders-table td.ox-docs .ox-actions { display: inline-flex; gap: 6px; justify-content: center; }
.ox-premium .ox-orders-table td.ox-docs .ox-docs-nf { display: block; margin: 4px 0 0; text-align: center; }
.ox-premium .ox-orders-table td.ox-next, .ox-premium .ox-orders-table th.ox-next { width: 1%; text-align: center; }
.ox-premium .ox-orders-table td.ox-date { width: 1%; white-space: nowrap; }
.ox-premium .ox-orders-table td:nth-child(n+3):not(.ox-product-cell) { width: 1%; white-space: nowrap; }
.ox-premium .ox-orders-table .ox-product-cell { width: auto; max-width: 380px; }
/* Situação e Canal mostram o texto inteiro (não cortam). */
.ox-premium .ox-orders-table td:not(.ox-product-cell) { max-width: none; overflow: visible; }
.ox-premium .ox-orders-table .ox-canal b { max-width: none; overflow: visible; }
.ox-premium .ox-orders-table .dx-r-badge { white-space: nowrap; }
/* Relatórios: célula de produto com foto */
.rg-t td:has(.rg-prod) { max-width: 360px; }
.rg-prod { display: flex; align-items: center; gap: 10px; min-width: 240px; }
.rg-prod img, .rg-prod-ph { width: 40px; height: 40px; border-radius: 8px; object-fit: contain; background: var(--ap-surface); box-shadow: inset 0 0 0 1px var(--ap-line-soft); flex: none; display: grid; place-items: center; color: var(--ap-ink-4); }
.rg-prod-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rg-prod-tx b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rg-prod-tx small { align-self: flex-start; font-size: 11px; }
.rg-chave { display: inline-flex; align-items: center; gap: 4px; font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; }
.rg-t td:has(.rg-chave) { max-width: none; }

.rg-prod-tx small.rg-prod-sub { display: flex; align-items: center; gap: 8px; font-size: 11.5px; }
.rg-ped { font-weight: 600; color: var(--ap-accent); font-variant-numeric: tabular-nums; }
.rg-pessoa { display: flex; flex-direction: column; min-width: 0; max-width: 240px; }
.rg-pessoa b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rg-pessoa small, .rg-t .ox-canal small { font-size: 11.5px; color: var(--ap-ink-3); }
.rg-t td:has(.ox-canal), .rg-t td:has(.rg-pessoa) { max-width: none; }
/* Financeiro › Pedidos do período: produto+SKU+pedido, canal+conta, dinheiro+previsão */
.fx-ped td { white-space: nowrap; vertical-align: middle; }
.fx-ped td.fx-prod-c { max-width: 340px; width: 100%; }
.fx-prod { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fx-prod img, .fx-prod-ph { width: 36px; height: 36px; border-radius: 8px; object-fit: contain; background: var(--ap-surface); box-shadow: inset 0 0 0 1px var(--ap-line-soft); flex: none; display: grid; place-items: center; color: var(--ap-ink-4); }
.fx-prod-tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fx-prod-tx b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fx-prod-tx small { display: flex; gap: 8px; align-items: center; font-size: 11.5px; }
.fx-ped-n { font-weight: 600; color: var(--ap-accent); }
.fx-sub { display: block; margin-top: 3px; font-size: 11.5px; color: var(--ap-ink-3); }
.fx-nw { white-space: nowrap; }
.fx-ped .ox-canal b { font-size: 13px; }
.fx-ped .ox-canal small { font-size: 11.5px; color: var(--ap-ink-3); }
.fx-ped .fx-menos { color: var(--ap-ink-3); }
.dx-k4.fx-k5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1280px) { .dx-k4.fx-k5 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .dx-k4.fx-k5 { grid-template-columns: 1fr 1fr; } }
.fx-fora { padding: 1px 7px; border-radius: 999px; background: var(--ap-warn-soft); color: var(--ap-warn-ink); font-size: 10.5px; font-weight: 600; }
.dx-filters .dx-seg small { margin-left: 3px; opacity: .7; font-weight: 500; }
/* Seletor de contas com seleção múltipla (adminCampoConta) */
.adm-ms-btn { min-width: 190px; text-align: left; cursor: pointer; }
.adm-ms .fx-contas { left: 0; right: auto; }
.adm-vazio { padding: 10px; font-size: 13px; color: var(--ap-ink-3); }
/* Semelhantes no ML: grupos por confiança e estado vazio explicado */
.mlq-grupo { display: flex; flex-direction: column; }
.mlq-grupo + .mlq-grupo { margin-top: 6px; }
.mlq-grupo-h { display: flex; align-items: center; gap: 8px; padding: 12px 16px 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ap-ink-3); }
.mlq-grupo-h span { padding: 1px 8px; border-radius: 999px; background: var(--ap-surface-2); font-size: 11px; }
.mlq-grupo-h--ok { color: var(--ap-ok-ink); } .mlq-grupo-h--mid { color: var(--ap-warn-ink); }
.mlq-cand-top { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mlq-cand-top .mlq-cand-name { flex: 1; min-width: 0; }
.mlq-chip--ok { background: var(--ap-ok-soft) !important; color: var(--ap-ok-ink) !important; }
.mlq-vazio { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 36px 24px; text-align: center; color: var(--ap-ink-3); font-size: 13px; line-height: 1.5; }
.mlq-vazio i { font-size: 26px; color: var(--ap-line-strong); margin-bottom: 4px; }
.mlq-vazio b { font-size: 15px; color: var(--ap-ink); }
.mlq-vazio span { max-width: 520px; }
.mlq-descartados { margin: 10px 16px 14px; font-size: 12px; color: var(--ap-ink-4); }
/* Qualidade › objetivos pendentes: lista com ícone, texto inteiro e ação à direita */
.mlq-objetivo { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--ap-line-soft); border-radius: 12px; background: var(--ap-surface); }
.mlq-objetivo + .mlq-objetivo { margin-top: 8px; }
.mlq-objetivo-ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--ap-info-soft); color: var(--ap-info); flex: none; font-size: 14px; }
.mlq-objetivo-tx { flex: 1; min-width: 0; font-size: 13px; line-height: 1.45; }
.mlq-objetivo-tx .mlq-obj-head { display: block; font-weight: 650; color: var(--ap-ink); }
.mlq-objetivo-tx .mlq-obj-sub { font-size: 12.5px; color: var(--ap-ink-3); margin-top: 2px; }
.mlq-objetivo-acoes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; flex: none; }
.mlq-objetivo-acoes .adm-btn { white-space: nowrap; }
@media (max-width: 640px) { .mlq-objetivo { flex-wrap: wrap; } .mlq-objetivo-acoes { width: 100%; justify-content: flex-start; } }
/* Robô de qualidade: resumo do rodapé numa linha, botões juntos à direita */
.mlqa-foot .mlqa-sumline { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mlqa-foot .mlqa-sumline b { font-size: 13.5px; font-weight: 600; line-height: 1.35; }
.mlqa-foot .mlqa-sumline small { font-size: 12px; color: var(--ap-ink-3); }
.mlqa-foot .ap-btn { white-space: nowrap; flex: none; }
@media (max-width: 720px) { .mlqa-foot .mlqa-sumline { flex-basis: 100%; } }
.mlqa-foot { flex-wrap: wrap; row-gap: 12px; }
.mlqa-foot .mlqa-sumline { flex: 1 1 calc(100% - 60px); }
.mlqa-foot .mlqa-sumline + .ap-btn { margin-left: auto; }
/* Assistente de qualidade v2: passo a passo, um por vez */
.mlqa-head { align-items: flex-start; }
.mlqa-head-tx h3 { margin: 0; font-size: 19px; }
.mlqa-head-tx p { margin: 4px 0 0; font-size: 13px; color: var(--ap-ink-3); }
.mlqa-passos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; margin: 0; padding: 0 24px 4px; }
.mlqa-passos button { width: 100%; display: flex; align-items: center; gap: 8px; padding: 10px 0 8px; border: 0; border-bottom: 3px solid var(--ap-line); background: none; font: inherit; font-size: 13px; font-weight: 600; color: var(--ap-ink-4); cursor: pointer; text-align: left; }
.mlqa-passos button span { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--ap-surface-2); font-size: 11px; flex: none; }
.mlqa-passos .is-on button { color: var(--ap-ink); border-color: var(--ap-accent); }
.mlqa-passos .is-on button span { background: var(--ap-accent); color: var(--ap-surface); }
.mlqa-passos .is-ok button { color: var(--ap-ink-2); border-color: var(--ap-ok); }
.mlqa-passos .is-ok button span { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.mlqa-body { display: flex; flex-direction: column; gap: 14px; padding-top: 18px !important; min-height: 300px; }
.mlqa-intro { margin: 0; font-size: 13.5px; color: var(--ap-ink-2); line-height: 1.5; }
.mlqa-campo { display: flex; flex-direction: column; gap: 6px; }
.mlqa-rot { font-size: 12px; font-weight: 700; color: var(--ap-ink-3); text-transform: uppercase; letter-spacing: .04em; }
.mlqa-ajuda { font-size: 12px; color: var(--ap-ink-4); }
.mlqa-campo .dx-select { max-width: 360px; }
.mlqa-contas2 { display: flex; flex-direction: column; border: 1px solid var(--ap-line-soft); border-radius: 12px; overflow: hidden; }
.mlqa-conta2 { display: flex; align-items: center; gap: 12px; padding: 11px 14px; cursor: pointer; }
.mlqa-conta2 + .mlqa-conta2 { border-top: 1px solid var(--ap-line-soft); }
.mlqa-conta2:hover { background: var(--ap-surface-2); }
.mlqa-conta2 span, .mlqa-item span { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.mlqa-conta2 b, .mlqa-item b { font-size: 14px; font-weight: 600; }
.mlqa-conta2 small, .mlqa-item small { font-size: 12.5px; color: var(--ap-ink-3); }
.mlqa-conta2 input, .mlqa-item input { width: 17px; height: 17px; accent-color: var(--ap-accent); margin: 0; flex: none; }
.mlqa-total { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--ap-info-soft); color: var(--ap-info-ink); font-size: 14px; }
.mlqa-caixa { padding: 12px 14px; border-radius: 12px; background: var(--ap-surface-2); font-size: 13.5px; }
.mlqa-item { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--ap-line-soft); border-radius: 12px; cursor: pointer; }
.mlqa-item:has(input:checked) { border-color: var(--ap-info-line); background: var(--ap-info-soft); }
.mlqa-item em { font-style: normal; font-size: 12px; font-weight: 600; color: var(--ap-ink-3); white-space: nowrap; }
.mlqa-avancado { border: 1px dashed var(--ap-line); border-radius: 12px; padding: 0 14px; }
.mlqa-avancado summary { padding: 12px 0; cursor: pointer; font-size: 13.5px; font-weight: 600; }
.mlqa-avancado summary span { font-weight: 400; color: var(--ap-warn-ink); font-size: 12px; margin-left: 6px; }
.mlqa-avancado[open] { padding-bottom: 14px; }
.mlqa-avancado .mlqa-campo + .mlqa-campo { margin-top: 12px; }
.mlqa-resumo { display: flex; flex-direction: column; border: 1px solid var(--ap-line-soft); border-radius: 12px; }
.mlqa-resumo > div { display: flex; gap: 16px; padding: 11px 14px; font-size: 13.5px; }
.mlqa-resumo > div + div { border-top: 1px solid var(--ap-line-soft); }
.mlqa-resumo span { width: 90px; flex: none; color: var(--ap-ink-3); }
.mlqa-resumo b { font-weight: 600; line-height: 1.45; }
.mlqa-resumo .is-aviso { background: var(--ap-warn-soft); color: var(--ap-warn-ink); }
.mlqa-num { max-width: 120px; }
.mlqa-foot .mlqa-sumline { flex: 1 1 auto !important; }
.mlqa-foot { flex-wrap: nowrap; }
/* Qualidade de um anúncio v2: ação no topo e 3 passos empilhados (padrão do painel de Pedidos) */
.mlq-card--v2 { display: flex; flex-direction: column; gap: 12px; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; }
.mlq-acoes-top { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mlq-acoes-top .adm-btn { justify-content: center; height: 40px; }
.mlq-passo { border: 1px solid var(--ap-line-soft); border-radius: 14px; background: var(--ap-surface); overflow: hidden; }
.mlq-passo > header { display: flex; align-items: center; gap: 12px; padding: 14px 16px; }
.mlq-passo > header > div:first-of-type { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mlq-passo > header b { font-size: 14.5px; font-weight: 700; color: var(--ap-ink); }
.mlq-passo > header small { font-size: 12.5px; color: var(--ap-ink-3); }
.mlq-passo-n { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--ap-accent); color: var(--ap-surface); font-size: 12.5px; font-weight: 700; flex: none; }
.mlq-passo.is-ok .mlq-passo-n { background: var(--ap-ok-soft); color: var(--ap-ok-ink); }
.mlq-passo-acoes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.mlq-passo-corpo { padding: 0 16px 16px; }
.mlq-passo.is-ok .mlq-passo-corpo:has(.mlq-empty) { display: none; }
.mlq-passo-corpo .mlq-photos { display: flex; gap: 8px; flex-wrap: wrap; }
.mlq-passo-corpo .mlq-photo { width: 72px; height: 72px; object-fit: contain; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--ap-line-soft); background: var(--ap-surface); }
.mlq-passo-corpo .mlq-objetivo { border: 0; border-top: 1px solid var(--ap-line-soft); border-radius: 0; padding: 12px 0; }
.mlq-passo-corpo .mlq-objetivo:first-child { border-top: 0; padding-top: 0; }
.mlq-passo-corpo .mlq-objetivo + .mlq-objetivo { margin-top: 0; }
.mlq-passo-corpo .mlq-objetivo-ic { width: 30px; height: 30px; font-size: 12px; background: var(--ap-surface-2); color: var(--ap-ink-3); }
.mlq-passo-corpo .mlq-section-hint { margin: 0 0 10px; font-size: 12.5px; color: var(--ap-ink-3); }
.mlq-passo-corpo .mlq-foot { margin-top: 12px; display: flex; justify-content: flex-end; }
@media (max-width: 640px) { .mlq-passo > header { flex-wrap: wrap; } .mlq-passo-acoes { width: 100%; justify-content: flex-start; } .mlq-acoes-top { grid-template-columns: 1fr; } }
.mlq-modal .mlq-content { padding: 16px 20px 20px; display: flex; flex-direction: column; gap: 12px; }
#mlQualityOverlay .mlq-body .mlq-content { padding: 16px 20px 20px !important; gap: 12px; }

/* Reputação por conta de marketplace (painel Visão geral) */

/* ---------------------------------------------------------------- Financeiro (financeiro-v2.js) */
.fx2-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin-bottom: 16px; }
.fx2-kpi { display: flex; flex-direction: column; gap: 2px; padding: 16px 16px 10px; min-width: 0; }
.fx2-kpi .dx-lbl { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ap-ink-3); }
.fx2-kpi .dx-lbl i { color: var(--ap-accent); font-size: 13px; }
.fx2-kpi .dx-val { font-size: clamp(17px, 1.5vw, 22px); font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ap-ink); white-space: nowrap; }
.fx2-kpi--neg .dx-val { color: var(--ap-danger); }
.fx2-sub { font-size: 11.5px; color: var(--ap-ink-3); min-height: 16px; }
.fx2-spark { width: 100%; height: 34px; margin-top: 8px; display: block; }
.fx2-grid { display: grid; gap: 16px; margin-bottom: 16px; align-items: start; }
.fx2-grid--21 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.fx2-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) { .fx2-grid--21, .fx2-grid--3 { grid-template-columns: 1fr; } }
.fx2-grid > .dx-card, .fx2-grid + .dx-card, .fx2-kpis + .fx2-grid { min-width: 0; }
#financePanelContent > .dx-card { margin-bottom: 16px; }
.fx2-chart { width: 100%; height: auto; display: block; }
.fx2-chart text { font-size: 10.5px; fill: var(--ap-ink-3); font-family: var(--ap-body); }
.fx2-grade { stroke: var(--ap-line-soft); }
.fx2-hoje { stroke: var(--ap-ink-3); stroke-dasharray: 3 3; }
.fx2-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px 0 8px; vertical-align: middle; }
.fx2-dot--linha { width: 14px; height: 3px; border-radius: 2px; }
.fx2-leg, .fx2-lista { list-style: none; margin: 0; padding: 0; width: 100%; }
.fx2-leg li, .fx2-lista li { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--ap-line-soft); font-size: 13px; }
.fx2-leg li:last-child, .fx2-lista li:last-child { border-bottom: 0; }
.fx2-leg .fx2-dot { margin: 0; flex: none; }
.fx2-leg span, .fx2-lista span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fx2-leg span b, .fx2-lista span b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.fx2-leg small, .fx2-lista small { font-size: 11.5px; color: var(--ap-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx2-lista > li > i { width: 18px; text-align: center; color: var(--ap-ink-3); flex: none; }
.fx2-leg .num, .fx2-lista .num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx2-link { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: var(--ap-accent); cursor: pointer; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx2-link:hover { text-decoration: underline; }
.fx2-link:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.fx2-dre td:first-child { white-space: nowrap; }
.fx2-dre td.num, .fx2-t td.num { white-space: nowrap; font-variant-numeric: tabular-nums; }
.fx2-dre--total td, .fx2-t .fx2-total td { background: var(--ap-surface-2); font-weight: 600; }
.fx2-dre--final td { border-top: 2px solid var(--ap-ink); font-weight: 700; font-size: 14px; }
.fx2-dre--final td:nth-child(2) b { color: var(--ap-ok-ink); }
.fx2-dre--final.neg td:nth-child(2) b, .fx2-dre--final.neg td { color: var(--ap-danger); }

/* Financeiro — gráficos */
.fx2-kpi { transition: border-color .15s, box-shadow .15s; }
.fx2-kpi:hover { border-color: var(--ap-line-strong); box-shadow: var(--ap-sh-1); }
.fx2-kpi .dx-lbl i { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: var(--ap-accent-08); font-size: 12px; }
.fx2-var { font-weight: 700; padding: 1px 6px; border-radius: var(--ap-r-pill); margin-right: 2px; }
.fx2-var.is-ok { color: var(--ap-ok-ink); background: var(--ap-ok-soft); } .fx2-var.is-bad { color: var(--ap-danger-ink); background: var(--ap-danger-soft); }
.fx2-chart .fx2-zero { stroke: var(--ap-line-strong); }
.fx2-chart .fx2-eixo-m { fill: var(--ap-warn-ink); }
.fx2-chart .fx2-rot { fill: var(--ap-ink-2); font-weight: 600; font-size: 10px; }
.fx2-faixa { fill: transparent; }
.fx2-col:hover .fx2-faixa { fill: var(--ap-accent-08); }
.fx2-col path { transition: opacity .15s; }
.fx2-chart:hover .fx2-col path { opacity: .55; } .fx2-chart:hover .fx2-col:hover path { opacity: 1; }
.fx2-pt { fill: var(--ap-surface); stroke: var(--ap-warn); stroke-width: 2; }
.fx2-futuro { fill: var(--ap-info-soft); opacity: .45; }
.fx2-hoje { stroke: var(--ap-info); stroke-dasharray: 3 3; } .fx2-chart .fx2-hoje-t { fill: var(--ap-info-ink); font-weight: 600; }
.fx2-dot--tracejado { width: 14px; height: 0; border-radius: 0; border-top: 2px dashed var(--ap-ink-2); background: none; }
.fx2-tip { position: fixed; left: 0; top: 0; z-index: 9999; pointer-events: none; min-width: 190px; padding: 10px 12px; border-radius: 10px; background: var(--ap-ink); color: var(--ap-surface); font-size: 12px; box-shadow: var(--ap-sh-3); display: flex; flex-direction: column; gap: 4px; }
.fx2-tip[hidden] { display: none; }
.fx2-tip > b { font-size: 12px; margin-bottom: 2px; text-transform: capitalize; }
.fx2-tip span { display: flex; align-items: center; gap: 8px; opacity: .92; }
.fx2-tip i { width: 8px; height: 8px; border-radius: 2px; flex: none; }
.fx2-tip em { margin-left: auto; padding-left: 14px; font-style: normal; font-weight: 700; font-variant-numeric: tabular-nums; }
.fx2-rosca-box { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.fx2-rosca { position: relative; width: 184px; height: 184px; flex: none; }
.fx2-rosca svg { width: 100%; height: 100%; display: block; }
.fx2-arco { transition: stroke-width .15s; cursor: default; } .fx2-arco:hover { stroke-width: 26; }
.fx2-rosca > div { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; }
.fx2-rosca b { font-size: 17px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } .fx2-rosca small { font-size: 11px; color: var(--ap-ink-3); }
.fx2-share { font-style: normal; font-weight: 600; font-size: 11px; color: var(--ap-ink-3); margin-left: 4px; }
.fx2-leg small b { font-weight: 600; }
.fx2-vazio { padding: 36px 12px; text-align: center; color: var(--ap-ink-3); font-size: 13px; }
.fx2-prox td small, .fx2-prox td span small { display: block; font-size: 11px; color: var(--ap-ink-3); font-weight: 400; }
.fx2-prox .dx-r-channel > span { display: flex; flex-direction: column; min-width: 0; }
.fx2-clica { cursor: pointer; } .fx2-clica:hover > td { background: var(--ap-accent-08); }
.fx2-lista small a { color: var(--ap-accent); }
.fx2-nota { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 12px 0 0; font-size: 12px; }
.fx2-prox td.num small { display: block; font-size: 11px; color: var(--ap-ink-3); font-weight: 400; }
.fx2-prox { table-layout: auto; width: 100%; }
.fx2-prox td:nth-child(2) b { display: block; max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx2-trunc { max-width: 420px; }
.fx2-trunc b, .fx2-trunc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fx2-trunc .dx-r-channel > span { display: flex; flex-direction: column; min-width: 0; }
.fx2-trunc small { font-size: 11px; color: var(--ap-ink-3); }

.dx-rep{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;}
.dx-rep-c{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--ap-line);border-radius:var(--ap-r-lg);background:var(--ap-surface);box-shadow:var(--ap-sh-1);overflow:hidden;transition:box-shadow .2s,transform .2s;}
.dx-rep-c:hover{box-shadow:var(--ap-sh-2);transform:translateY(-1px);}
.dx-rep-c::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--ap-ok);} .dx-rep-c.warn::before{background:var(--ap-warn);} .dx-rep-c.bad::before{background:var(--ap-danger);}
.dx-rep-h{display:flex;align-items:center;gap:12px;padding:18px 18px 0;}
.dx-rep-ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--ap-r-card);background:var(--ap-surface-2);border:1px solid var(--ap-line-soft);}
.dx-rep-n{display:flex;flex-direction:column;min-width:0;flex:1;} .dx-rep-n b{font-size:14px;color:var(--ap-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dx-rep-n small{font-size:11.5px;color:var(--ap-ink-3);}
.dx-rep-pill{flex:none;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--ap-r-pill);background:var(--ap-ok-soft);color:var(--ap-ok-ink);border:1px solid var(--ap-ok-line);white-space:nowrap;}
.dx-rep-c.warn .dx-rep-pill{background:var(--ap-warn-soft);color:var(--ap-warn-ink);border-color:var(--ap-warn-line);} .dx-rep-c.bad .dx-rep-pill{background:var(--ap-danger-soft);color:var(--ap-danger-ink);border-color:var(--ap-danger-line);}
.dx-rep-hero{padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;}
.dx-rep-score{display:flex;align-items:baseline;gap:8px;} .dx-rep-score b{font-family:var(--ap-display);font-size:26px;line-height:1;letter-spacing:-.02em;color:var(--ap-ink);} .dx-rep-score span{font-size:12px;color:var(--ap-ink-3);}
.dx-rep-medal{margin-left:auto;font-size:11px;font-weight:600;color:var(--ap-warn-ink);display:inline-flex;gap:5px;align-items:center;}
.dx-rep-termo{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;} .dx-rep-termo i{height:6px;border-radius:var(--ap-r-pill);background:var(--ap-fill);}
.dx-rep-termo i.on.n1{background:var(--ap-danger);} .dx-rep-termo i.on.n2,.dx-rep-termo i.on.n3{background:var(--ap-warn);} .dx-rep-termo i.on.n4,.dx-rep-termo i.on.n5{background:var(--ap-ok);}
.dx-rep-m{margin:0 18px;padding:4px 0;border-top:1px solid var(--ap-line-soft);font-size:12.5px;} .dx-rep-m > div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--ap-line-soft);} .dx-rep-m > div:last-child{border-bottom:0;}
.dx-rep-m dt{color:var(--ap-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;} .dx-rep-m dd{margin:0;font-weight:600;color:var(--ap-ink);white-space:nowrap;font-variant-numeric:tabular-nums;} .dx-rep-m dd small{font-weight:400;color:var(--ap-ink-4);font-size:11px;margin-left:6px;} .dx-rep-m .bad dd{color:var(--ap-danger-ink);}
.dx-rep-a{margin:6px 18px 0;font-size:11.5px;line-height:1.45;color:var(--ap-warn-ink);background:var(--ap-warn-soft);border:1px solid var(--ap-warn-line);border-radius:var(--ap-r-sm);padding:8px 10px;display:flex;gap:8px;} .dx-rep-a i{margin-top:2px;} .dx-rep-a.bad{color:var(--ap-danger-ink);background:var(--ap-danger-soft);border-color:var(--ap-danger-line);}
.dx-rep-t{margin-top:auto;padding:12px 18px;font-size:11px;color:var(--ap-ink-4);display:flex;align-items:center;gap:6px;} .dx-rep-a + .dx-rep-t,.dx-rep-m + .dx-rep-t{margin-top:auto;}
.dx-rep-c > :last-child.dx-rep-t{border-top:0;}.dx-rep-px{margin:8px 18px 0;padding:12px;border:1px solid var(--ap-line-soft);border-radius:var(--ap-r-card);background:var(--ap-surface-2);}
.dx-rep-px-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;} .dx-rep-px-h > span:last-child{display:flex;flex-direction:column;min-width:0;} .dx-rep-px-h b{font-size:12.5px;color:var(--ap-ink);} .dx-rep-px-h small{font-size:11px;color:var(--ap-ink-3);}
.dx-rep-ring{--p:0;width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ap-accent) calc(var(--p) * 1%),var(--ap-fill) 0);} .dx-rep-ring b{width:30px;height:30px;border-radius:50%;background:var(--ap-surface-2);display:grid;place-items:center;font-size:10.5px;}
.dx-rep-px ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:12px;} .dx-rep-px li{display:flex;align-items:center;gap:7px;color:var(--ap-ink);} .dx-rep-px li i{color:var(--ap-danger);font-size:12px;} .dx-rep-px li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .dx-rep-px li b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.dx-rep-px li.ok{color:var(--ap-ink-3);} .dx-rep-px li.ok i{color:var(--ap-ok);} .dx-rep-px li.ok b{font-weight:400;}
.dx-acc td:not(:first-child){white-space:nowrap;}
.dx-stack{display:flex;flex-direction:column;gap:16px;min-width:0;} .dx-stack > .dx-card{flex:1;}
/* Linha da reputação: a coluna da reputação é a mais larga, com as contas em 2 colunas. */
.dx-rep-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);} .dx-rep-row #dxRep .dx-rep{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:1280px){.dx-rep-row{grid-template-columns:minmax(0,1fr);}} @media(max-width:760px){.dx-rep-row #dxRep .dx-rep{grid-template-columns:minmax(0,1fr);}}

/* Menu recolhido: selo com o número, separadores iguais e balão com o nome (admin-shell.js). */
@media (min-width:769px){
  .sidebar.is-collapsed .sidebar-menu li a .notification-badge{top:3px !important;right:calc(50% - 22px) !important;min-width:17px !important;height:17px !important;padding:0 4px !important;font-size:10px !important;font-weight:700;line-height:17px;border-radius:var(--ap-r-pill) !important;background:var(--ap-danger) !important;color:var(--ap-surface) !important;box-shadow:0 0 0 2px var(--ap-ink);justify-content:center;align-items:center;}
  .sidebar.is-collapsed .sidebar-sep{margin:8px 16px;}
  .sidebar.is-collapsed .sidebar-dropdown + .sidebar-dropdown > .sidebar-submenu,
  .sidebar.is-collapsed .sidebar-dropdown + li:not(.sidebar-dropdown),
  .sidebar.is-collapsed li:not(.sidebar-dropdown) + .sidebar-dropdown > .sidebar-submenu{border-top-color:rgba(255,255,255,.12) !important;}
  .sidebar.is-collapsed .sidebar-sep + li, .sidebar.is-collapsed .sidebar-sep + li > .sidebar-submenu{border-top:0 !important;margin-top:0 !important;padding-top:0 !important;}
}
.sb-tip{position:fixed;z-index:10000;pointer-events:none;padding:5px 10px;border-radius:var(--ap-r-sm);background:var(--ap-ink);color:var(--ap-surface);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:var(--ap-sh-2);}
.sb-tip[hidden]{display:none;}
/* Funil: barra de ferramentas e cartão com menu (crm-admin.js crmFunilRender). */
.crm-funil-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.crm-funil-top .dx-search{flex:1 1 320px;max-width:460px}
.crm-funil-top .crm-tot{flex:1;margin:0;font-size:12.5px;color:var(--ap-ink-3)}
.crm-card-h{grid-template-columns:28px minmax(0,1fr) auto auto !important}
.crm-card-h b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-card-o:empty{display:none}
.crm-card-m{width:26px;height:26px;color:var(--ap-ink-3);opacity:.6}
.crm-card:hover .crm-card-m,.crm-card-m:focus-visible{opacity:1}
.crm-card.is-drag{opacity:.45}
.crm-col-b{min-height:80px}
/* Dados da loja: cartões em duas colunas, largura toda (padrão das telas do admin). */
.lj-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.lj-grid > .dx-card:nth-of-type(2){grid-row:span 2}
.lj-grid > .lj-salvar{grid-column:1/-1}
@media(max-width:1100px){.lj-grid{grid-template-columns:minmax(0,1fr)}.lj-grid > .dx-card:nth-of-type(2){grid-row:auto}}

/* ===== Loja virtual: Aparência e Páginas do site (loja-admin.js) =====
   Só tokens --ap-*; quebras 768/1100 do sistema. */
.lv-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.lv-topo p{margin:0;color:var(--ap-ink-3);font-size:13px;max-width:72ch}
.lv-topo-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lv-pend{font-size:12px;font-weight:600;color:var(--ap-warn-ink);background:var(--ap-warn-soft);border-radius:999px;padding:4px 10px}
.lv-tema{display:grid;grid-template-columns:minmax(380px,460px) minmax(0,1fr);gap:16px;align-items:start}
.lv-tema-ctrl{display:flex;flex-direction:column;gap:16px;min-width:0}
/* Abas Computador / Celular */
.lv-abas{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--ap-fill)}
.lv-aba{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:0;border-radius:8px;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ap-ink-3);cursor:pointer}
.lv-aba:hover{color:var(--ap-ink)}
.lv-aba.is-on{background:var(--ap-surface);color:var(--ap-accent);box-shadow:var(--ap-card-sh)}
.lv-aba-n:empty{display:none}
.lv-aba-n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ap-accent-08);color:var(--ap-accent);font-size:11px;line-height:18px;text-align:center}
.lv-aviso{margin:0 0 16px;font-size:13px;color:var(--ap-ink-2);background:var(--ap-accent-08);border-radius:12px;padding:10px 14px}
/* Passo a passo: lista de partes + uma parte por vez */
.lv-passos{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--ap-surface);border-radius:12px;box-shadow:var(--ap-card-sh)}
.lv-passos button{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ap-ink-2);cursor:pointer;text-align:left}
.lv-passos button:hover{background:var(--ap-surface-2)}
.lv-passos button.is-on{background:var(--ap-accent-08);color:var(--ap-accent)}
.lv-passos button > span:nth-child(2){flex:1}
.lv-passo-n{width:22px;height:22px;flex:0 0 22px;border-radius:999px;background:var(--ap-fill);color:var(--ap-ink-3);font-size:12px;display:flex;align-items:center;justify-content:center}
.lv-passos .is-on .lv-passo-n{background:var(--ap-accent);color:var(--ap-surface)}
.lv-passo-nav{display:flex;justify-content:space-between;gap:8px}
.lv-sec{padding:0}
.lv-sec-head{display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-bottom:1px solid var(--ap-line)}
.lv-sec-head b{font-size:15px;color:var(--ap-ink)}
.lv-sec-head small{font-size:12px;color:var(--ap-ink-3)}
.lv-sec-n{font-size:12px;font-weight:600;color:var(--ap-accent);white-space:nowrap}
.lv-sec > .lv-row{margin:0 20px}
.lv-sec > .lv-row:last-child{margin-bottom:8px}
.lv-herda{font-style:normal;font-weight:500;font-size:11px;color:var(--ap-ink-4);background:var(--ap-fill);border-radius:999px;padding:1px 8px}
.lv-num{width:80px}
.lv-un{font-size:12px;color:var(--ap-ink-3)}
.lv-cor .ds-select{width:200px}
.lv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--ap-line)}
.lv-sec-head + .lv-row{border-top:0}
.lv-row-tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.lv-row-tx b{font-size:13px;font-weight:600;color:var(--ap-ink);display:flex;align-items:center;gap:6px}
.lv-row-tx small{font-size:12px;color:var(--ap-ink-3);line-height:1.35}
.lv-mudou{width:6px;height:6px;border-radius:999px;background:var(--ap-accent);display:none}
.lv-row.is-mudou .lv-mudou{display:inline-block}
.lv-cor{display:flex;align-items:center;gap:6px}
.lv-cor input[type=color]{width:40px;height:40px;padding:3px;border:1px solid var(--ap-line-strong);border-radius:8px;background:var(--ap-surface);cursor:pointer}
.lv-cor .ds-input{width:96px;font-family:var(--ap-mono, monospace);font-size:13px;text-transform:lowercase}
.lv-row .ds-select{width:200px}
.lv-amostra{grid-column:1/-1;font-size:18px;color:var(--ap-ink);margin:-2px 0 0;line-height:1.3}
.lv-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lv-logo-img{width:72px;height:72px;border:1px solid var(--ap-line);border-radius:12px;background:var(--ap-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.lv-logo-img img{max-width:100%;max-height:100%;object-fit:contain}
.lv-prev{display:flex;flex-direction:column;gap:12px;min-width:0}
.lv-prev-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lv-prev-head h3{margin:0 auto 0 0}
.lv-prev-head .ds-select{width:auto;min-width:170px}
.lv-palco{position:relative;height:calc(100vh - 230px);min-height:520px;border-radius:12px;background:var(--ap-fill);overflow:hidden}
.lv-palco iframe{position:absolute;top:0;left:0;border:0;background:var(--ap-surface);transform-origin:0 0}
.lv-palco[data-disp="celular"] iframe{left:50%;top:16px;width:390px;height:calc(100% - 32px);transform:translateX(-50%);border-radius:24px;box-shadow:var(--ap-card-sh);outline:8px solid var(--ap-ink)}
.lv-palco-msg{position:absolute;inset:auto 12px 12px auto;font-size:12px;color:var(--ap-ink-3);background:var(--ap-surface);border-radius:999px;padding:4px 10px;box-shadow:var(--ap-card-sh)}
@media (max-width:1100px){.lv-tema{grid-template-columns:minmax(0,1fr)}.lv-palco{height:70vh}}
@media (max-width:768px){.lv-row{grid-template-columns:minmax(0,1fr)}.lv-row .ds-select{width:100%}}

/* Páginas do site */
.lv-pags{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.lv-pag{display:flex;flex-direction:column;gap:10px}
.lv-pag-top{display:flex;align-items:flex-start;gap:12px}
.lv-pag-ico{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:var(--ap-accent-08);color:var(--ap-accent);display:flex;align-items:center;justify-content:center;font-size:16px}
.lv-pag-top h3{margin:0;font-size:15px}
.lv-pag-top > div{min-width:0}
.lv-pag-top a.lv-url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ap-ink-3);text-decoration:none;font-family:var(--ap-mono, monospace)}
.lv-pag-top a.lv-url:hover{color:var(--ap-accent)}
.lv-pag p{margin:0;font-size:13px;color:var(--ap-ink-2);line-height:1.45;flex:1}
.lv-pag-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lv-pag-acoes .lv-tag{font-size:12px;color:var(--ap-ink-3);margin-left:auto}
.lv-grupo{margin:24px 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ap-ink-3)}
.lv-grupo:first-child{margin-top:0}
.lv-editor .lv-palco{height:calc(100vh - 210px)}

/* Banner: imagem opcional para celular em cada bloco (dashboard.js tplMobileHtml) */
.tpl-mobile{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px;border-radius:8px;background:var(--ap-surface-2);border:1px dashed var(--ap-line-strong)}
.tpl-mobile-thumb{width:40px;height:40px;flex:0 0 40px;border-radius:6px;background:var(--ap-fill);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ap-ink-3)}
.tpl-mobile-thumb img{width:100%;height:100%;object-fit:cover}
.tpl-mobile-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tpl-mobile-tx b{font-size:12px;color:var(--ap-ink)}
.tpl-mobile-tx b span{font-weight:400;color:var(--ap-ink-3)}
.tpl-mobile-tx small{font-size:11px;color:var(--ap-ink-3);line-height:1.35}
.lv-atalho{padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.lv-atalho p{margin:0;font-size:13px;line-height:1.5;color:var(--ap-ink-2)}

/* ===== Banners: editor único (loja-admin.js bn*) ===== */
.bn-modal .ap-modal-head h3{display:flex;align-items:center;gap:10px}
.bn-modal .ap-modal-head h3 > i{color:var(--ap-accent)}
.bn-modal .ap-modal-body{max-height:min(70vh,720px);overflow:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}
.bn-modal .ap-modal-foot{display:flex;justify-content:flex-end}
.bn-cont{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--ap-accent-08);color:var(--ap-accent);font-size:12px;line-height:22px;text-align:center}
.bn-passo{margin:0;font-size:13px;color:var(--ap-ink-2)}
/* mini desenho do formato */
.bn-mini{display:flex;gap:3px;width:100%;height:40px;padding:4px;border-radius:8px;background:var(--ap-fill)}
.bn-mini i,.bn-mini-col i{display:block;flex:1;border-radius:4px;background:var(--ap-accent-40)}
.bn-tipo.is-on .bn-mini i,.bn-tipo.is-on .bn-mini-col i{background:var(--ap-accent)}
.bn-mini-col{flex:1;display:flex;flex-direction:column;gap:3px}
.bn-mini--car{position:relative}
.bn-mini--car::after{content:'• • •';position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:8px;letter-spacing:2px;color:var(--ap-accent)}
/* passo 1 */
.bn-tipos{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.bn-tipo{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid var(--ap-line-strong);border-radius:12px;background:var(--ap-surface);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bn-tipo:hover{border-color:var(--ap-accent-40)}
.bn-tipo.is-on{border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-14)}
.bn-tipo b{font-size:14px;color:var(--ap-ink);margin-top:4px}
.bn-tipo small{font-size:12px;color:var(--ap-ink-3);line-height:1.35}
.bn-tipo em{font-style:normal;font-size:11px;color:var(--ap-ink-4)}
/* passo 2 */
.bn-topo{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.bn-tipo-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 6px;border-radius:999px;background:var(--ap-accent-08);color:var(--ap-accent);font-size:13px;font-weight:600}
.bn-tipo-chip .bn-mini{width:44px;height:28px;padding:3px;background:var(--ap-surface)}
.bn-nome{flex:1;min-width:220px;margin:0}
.bn-bloco{border:1px solid var(--ap-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--ap-surface)}
.bn-bloco > header{display:flex;align-items:center;justify-content:space-between}
.bn-bloco > header b{font-size:14px}
.bn-lados{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;align-items:start}
.bn-lados--1{grid-template-columns:minmax(0,1fr)}
.bn-lado-tit{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ap-ink-2);margin-bottom:6px}
.bn-lado-tit em{font-style:normal;font-weight:400;color:var(--ap-ink-4)}
.bn-drop{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-height:260px;border:1.5px dashed var(--ap-line-strong);border-radius:12px;background:var(--ap-surface-2);overflow:hidden;cursor:pointer;transition:border-color .15s,background .15s}
.bn-drop:hover,.bn-drop.is-over{border-color:var(--ap-accent);background:var(--ap-accent-08)}
.bn-drop.tem{border-style:solid;border-color:var(--ap-line)}
.bn-drop img{width:100%;height:100%;object-fit:cover;display:block}
.bn-drop.is-enviando{opacity:.5;pointer-events:none}
.bn-drop-vazio{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;text-align:center;color:var(--ap-ink-3)}
.bn-drop-vazio i{font-size:20px;color:var(--ap-accent)}
.bn-drop-vazio b{font-size:12px;color:var(--ap-ink-2)}
.bn-drop-vazio small{font-size:11px}
.bn-drop-acoes{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s}
.bn-drop:hover .bn-drop-acoes,.bn-drop:focus-within .bn-drop-acoes{opacity:1}
.bn-bloco .ap-field{margin:0}
.bn-mais{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:1.5px dashed var(--ap-line-strong);border-radius:12px;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ap-accent);cursor:pointer}
.bn-mais:hover{background:var(--ap-accent-08);border-color:var(--ap-accent)}
/* lista */
.bn-lista{display:flex;flex-direction:column;gap:8px}
.bn-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--ap-line);border-radius:12px;background:var(--ap-surface)}
.bn-item.is-off{opacity:.65}
.bn-item-thumb{width:120px;height:44px;flex:0 0 120px;border-radius:8px;overflow:hidden;background:var(--ap-fill)}
.bn-item-thumb img{width:100%;height:100%;object-fit:cover}
.bn-item-thumb .bn-mini{height:100%}
.bn-item-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bn-item-tx b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-item-tx small{font-size:12px;color:var(--ap-ink-3)}
.bn-ok{color:var(--ap-ok-ink)}
.bn-vazio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;text-align:center}
.bn-vazio-ico{width:52px;height:52px;border-radius:999px;background:var(--ap-accent-08);color:var(--ap-accent);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:6px}
.bn-vazio b{font-size:15px}
.bn-vazio small{font-size:13px;color:var(--ap-ink-3);max-width:44ch}
@media (max-width:768px){.bn-lados{grid-template-columns:minmax(0,1fr)}.bn-item{flex-wrap:wrap}.bn-item-thumb{flex-basis:100%;width:100%;height:60px}}

/* Personalizar loja: um espaço de trabalho para Visual, Páginas e Dados da loja.
   Painel e prévia na altura da tela; o painel rola por dentro, a página não. */
.lv-ws{display:flex;flex-direction:column;gap:16px}
.lv-ws-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lv-nav{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--ap-fill)}
.lv-nav a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;color:var(--ap-ink-3)}
.lv-nav a:hover{color:var(--ap-ink)}
.lv-nav a.is-on{background:var(--ap-surface);color:var(--ap-accent);box-shadow:var(--ap-card-sh)}
.lv-ws-grid{display:grid;grid-template-columns:minmax(360px,420px) minmax(0,1fr);gap:16px;height:calc(100vh - 190px);min-height:560px}
.lv-painel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;padding:2px 6px 16px 2px;overscroll-behavior:contain}
.lv-ws .lv-prev{min-height:0;height:100%}
.lv-ws .lv-palco{flex:1;height:auto;min-height:0}
.lv-prev-head .lv-abas{margin-right:auto}
.lv-prev-head .lv-aba{height:32px;padding:0 12px;font-size:13px}
.lv-aviso{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:12px;line-height:1.45;padding:10px 12px}
.lv-aviso i{margin-top:2px;color:var(--ap-accent)}
.lv-voltar{font-size:13px;font-weight:600;color:var(--ap-accent);text-decoration:none;padding:2px 0}
.lv-voltar:hover{text-decoration:underline}
/* Páginas: lista agrupada; a selecionada abre na prévia */
.lv-lista{padding:6px}
.lv-lista-grupo{margin:10px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ap-ink-4)}
.lv-lista-grupo:first-child{margin-top:6px}
.lv-li{border-radius:12px}
.lv-li.is-on{background:var(--ap-accent-08)}
.lv-li-btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:12px;background:none;font:inherit;text-align:left;cursor:pointer}
.lv-li:not(.is-on) .lv-li-btn:hover{background:var(--ap-surface-2)}
.lv-li-ico{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:var(--ap-fill);color:var(--ap-ink-3);display:flex;align-items:center;justify-content:center;font-size:14px}
.lv-li.is-on .lv-li-ico{background:var(--ap-accent);color:var(--ap-surface)}
.lv-li-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.lv-li-tx b{font-size:14px;color:var(--ap-ink)}
.lv-li-tx small{font-size:12px;color:var(--ap-ink-4);font-family:var(--ap-mono, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-li-st{font-size:11px;font-weight:600;color:var(--ap-ink-4);white-space:nowrap}
.lv-li-st.is-on{color:var(--ap-accent)}
.lv-li-det{padding:0 12px 12px 52px;display:flex;flex-direction:column;gap:10px}
.lv-li-det p{margin:0;font-size:13px;line-height:1.45;color:var(--ap-ink-2)}
.lv-pag-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* Dados da loja: um dado por linha; os selos dizem para onde ele vai */
.lv-campos{display:flex;flex-direction:column;gap:16px;padding:16px 20px 20px}
.lv-dados .lv-sec-head{padding:14px 20px;border-bottom:0}
.lv-dados .lv-sec-head + .lv-campos{padding-top:0}
.lv-campo{display:flex;flex-direction:column;gap:6px}
.lv-campo-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.lv-campo-top label{font-size:13px;font-weight:600;color:var(--ap-ink)}
.lv-destinos{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.lv-dest{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--ap-fill);font-size:11px;font-weight:500;color:var(--ap-ink-3);white-space:nowrap}
.lv-dest--tg{border:0;font:inherit;font-size:11px;font-weight:600;cursor:pointer;color:var(--ap-ink-4);text-decoration:line-through;transition:background .15s,color .15s}
.lv-dest--tg.is-on{background:var(--ap-accent-08);color:var(--ap-accent);text-decoration:none}
.lv-dest--tg:hover{box-shadow:0 0 0 1px var(--ap-accent-40)}
.lv-dest--tg i{font-size:10px}
.lv-input{position:relative}
.lv-input > i, .lv-input > svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;font-size:14px;color:var(--ap-ink-4);pointer-events:none;text-align:center}
.lv-input .ds-input{width:100%;padding-left:38px;text-overflow:ellipsis}
.lv-input:focus-within > i, .lv-input:focus-within > svg{color:var(--ap-accent)}
.lv-campo-dica{font-size:12px;color:var(--ap-ink-4);line-height:1.4}
/* Editor de textos */
.lv-dicas{margin:0;padding:16px 20px 4px 40px;font-size:13px;line-height:1.5;color:var(--ap-ink-2);display:flex;flex-direction:column;gap:6px}
.lv-dicas-rod{margin:0;padding:8px 20px 16px;font-size:12px;color:var(--ap-ink-3);line-height:1.45}
@media (max-width:1100px){.lv-ws-grid{grid-template-columns:minmax(0,1fr);height:auto}.lv-painel{overflow:visible}.lv-ws .lv-palco{height:70vh;flex:none}}

/* Editor de seções (Página inicial / Lista de produtos) dentro do painel */
#lvEditorHost .upload-section, #lvEditorHost .upload-section-content{padding:0;margin:0;border:0;box-shadow:none;background:none}
#lvEditorHost .upload-subsection-title{flex-wrap:wrap;gap:8px}
#lvEditorHost .hp-sections-count{font-size:12px;line-height:1.4}
#lvEditorHost .section-order-item{gap:8px;padding:8px 10px}
#lvEditorHost .section-order-info h5{font-size:13px;white-space:normal}
#lvEditorHost .section-order-info span{white-space:normal;line-height:1.35}
#lvEditorHost .section-order-number{display:none}