/* Minha loja v2: o desenho que o Fabiano mandou no WhatsApp em 07/10/2026 às 21h.
   Vale só dentro das 7 telas de "Minha loja". Aplicado em 08/10/2026. */

/* cabeçalho: título + subtítulo cinza à esquerda, período ou botões à direita */
.view-head.lj-head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2px 16px;margin-bottom:18px}
.view-head.lj-head h2{grid-column:1;font-size:22px}
.lj-subt{grid-column:1;margin:0;font-size:14px;color:var(--text-dim)}
.lj-head-dir{grid-column:2;grid-row:1 / span 2;display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.lj-head-dir:empty{display:none}
.lj-per-sel{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--panel);color:var(--text)}
.lj-per-sel .lj-ico{width:16px;height:16px;color:var(--text-dim)}
.lj-per-sel select{border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--text);padding:10px 4px;cursor:pointer}

/* números com fonte normal, alinhados (o desenho não usa fonte de máquina de escrever) */
#view-painel .num,#view-meusprodutos .num,#view-financeiro .num,#view-saude .num,#view-catalogos .num,#view-radar .num,#view-ferramentas .num,
#view-painel .lj-donut text,#view-financeiro .lj-donut text{font-family:inherit;font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* botões */
.btn.lj-btn-azul{background:var(--k-acao);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.btn.lj-btn-azul:hover{background:var(--k-acao-forte)}
.btn.lj-btn-sec{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.btn.lj-btn-sec:hover{background:var(--panel-2)}
.btn .lj-ico{width:16px;height:16px}
.lj-btn-largo{width:100%;justify-content:center;padding:13px 16px !important;font-size:15px}

/* painel: meta e gráfico com eixos */
.lj-meta{display:flex;flex-direction:column;align-items:center;gap:4px}
.lj-meta small{font-size:12px;color:var(--text-dim)}
.lj-graf-tit{margin:16px 0 4px;font-size:14px;color:var(--text)}
.lj-graf{width:100%;height:auto;display:block}

/* cartão com tabela + barra de filtros */
.lj-card-tab{padding:0;overflow:hidden}
.lj-card-tab > .lj-card-cab{padding:16px 18px 0}
.lj-card-tab .tbl{border:0;border-radius:0;margin:0}
.lj-filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 16px;border-bottom:1px solid var(--line)}
.lj-busca{flex:1 1 260px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--panel)}
.lj-busca .lj-ico{width:16px;height:16px;color:var(--text-faint)}
.lj-busca input{flex:1;border:0;background:transparent;font:inherit;font-size:14px;color:var(--text);padding:10px 0;outline:none;min-width:0}
.lj-filtro{display:flex;flex-direction:column;gap:3px;min-width:150px}
.lj-filtro span{font-size:11.5px;font-weight:700;color:var(--text-dim)}
.lj-filtro select{font:inherit;font-size:13.5px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 10px}
.lj-filtro-cab{margin-left:auto;min-width:0}
.lj-rodape-tab{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--text-dim)}
.lj-pgs{display:flex;gap:4px}
.lj-pg{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;font-weight:600}
.lj-pg.on{background:var(--k-acao);border-color:var(--k-acao);color:#fff}
.lj-porpag{display:flex;align-items:center;gap:8px}
.lj-porpag select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--panel);color:var(--text)}

/* produtos: coluna SKU nova, custo como botão azul */
.lj-tbl-prod2 .tr{grid-template-columns:2.4fr .75fr .55fr .75fr 1fr 1fr .55fr 1fr}
.lj-tbl-prod2 .tr > div:nth-child(n),.lj-tbl-prod2 .tr.head > div:nth-child(n){text-align:left}
.lj-tbl-prod2 .tr > div:nth-child(4),.lj-tbl-prod2 .tr > div:nth-child(5),.lj-tbl-prod2 .tr > div:nth-child(7),.lj-tbl-prod2 .tr > div:nth-child(8),
.lj-tbl-prod2 .tr.head > div:nth-child(4),.lj-tbl-prod2 .tr.head > div:nth-child(5),.lj-tbl-prod2 .tr.head > div:nth-child(7),.lj-tbl-prod2 .tr.head > div:nth-child(8){text-align:right}
.lj-sku{font-size:12.5px;color:var(--text-dim)}
.lj-tbl-prod2 .lj-custo-btn{border:1.5px solid var(--ml-blue);background:var(--ml-blue-soft);border-radius:8px}
.lj-tbl-prod2 .lj-custo-btn.vazio{background:none;border-style:dashed}
.lj-mini small{display:block;font-size:11.5px;color:var(--text-faint);margin-top:2px}

/* modal de novo produto */
.lj-modal-grade{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:12px 0}
.lj-modal-grade label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:var(--text-dim)}
.lj-modal-grade label:first-child{grid-column:1 / -1}
.lj-modal-grade input{font:inherit;font-size:14px;font-weight:400;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 10px}
.lj-modal-acoes{display:flex;justify-content:flex-end;gap:8px}
.lj-erro{color:var(--red);font-size:13px;font-weight:600;margin:0 0 8px}
.lj-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:95;background:#14161A;color:#fff;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:min(560px,92vw)}

/* financeiro */
.lj-fin-kpi{position:relative}
.lj-fin-kpi small .lj-delta{margin-right:4px}
.lj-fin-donut{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.lj-dre-pct{font-style:normal;font-size:12px;font-weight:800;background:var(--k-lucro-suave);color:var(--k-lucro);border-radius:999px;padding:2px 8px;margin-left:6px}
.lj-card-cab h3 .lj-icobox{width:30px;height:30px}

/* competição: plataformas */
.lj-plats{display:flex;gap:5px}
.lj-plat{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:10.5px;font-weight:800;color:#fff}
.lj-plat.ml{background:#FFE600;color:#2D3277}.lj-plat.sh{background:#EE4D2D}.lj-plat.am{background:#232F3E}.lj-plat.mg{background:#0086FF}.lj-plat.tt{background:#111}
.lj-plat.off{opacity:.28;filter:grayscale(1)}
.lj-tbl-cat .tr > div:last-child .lj-badge{margin-top:3px}

/* ferramentas */
.lj-card-sub{margin:-6px 0 12px;font-size:13px;color:var(--text-dim)}
.lj-ean-grade{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;margin-top:14px;align-items:start}
.lj-ean-box{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel)}
.lj-ean-box .lj-ean{width:100%;max-width:300px;height:auto}
.lj-ean-hist{background:var(--panel-2);border-radius:12px;padding:12px}
.lj-ean-hist h4{margin:0 0 8px;font-size:13px}
.lj-ean-hist .lj-hist-l{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line)}

@media (max-width:900px){
  .view-head.lj-head{grid-template-columns:1fr}
  .lj-head-dir{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:8px}
  .lj-ean-grade{grid-template-columns:1fr}
  .lj-fin-donut{position:static;transform:none;margin-top:8px}
}
@media (max-width:760px){
  .lj-tbl-prod2 .tr{grid-template-columns:repeat(2,1fr)}
  .lj-tbl-prod2 .tr .p-name{grid-column:1 / -1}
  .lj-filtro{min-width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}
  .lj-modal-grade{grid-template-columns:1fr}
  .lj-rodape-tab{justify-content:center}
}
.lj-ean-hist .lj-hist-l > span:last-child{grid-column:1 / -1;font-size:11.5px;color:var(--text-faint)}
/* DRE no celular: a linha "Resultado (lucro operacional)" com o selo de % empurrava o cartão para 426px */
.lj-2col > *{min-width:0}
@media (max-width:760px){
  .lj-2col-dre{grid-template-columns:minmax(0,1fr) !important}
  .lj-dre-linha{flex-wrap:wrap;gap:4px 8px}
  .lj-dre-form{flex-wrap:wrap}
  .lj-dre-form input{min-width:0;flex:1 1 120px}
}

/* 08/10 tarde: caixinha + menu "⋮" de Ações (Produtos e Competição), como no desenho do Fabiano */
.lj-tbl-prod2 .tr{grid-template-columns:28px 2.3fr .7fr .5fr .7fr .95fr 1fr .5fr .95fr 44px}
.lj-tbl-prod2 .tr > div:nth-child(n),.lj-tbl-prod2 .tr.head > div:nth-child(n){text-align:left}
.lj-tbl-prod2 .tr > div:nth-child(5),.lj-tbl-prod2 .tr > div:nth-child(6),.lj-tbl-prod2 .tr > div:nth-child(8),.lj-tbl-prod2 .tr > div:nth-child(9),
.lj-tbl-prod2 .tr.head > div:nth-child(5),.lj-tbl-prod2 .tr.head > div:nth-child(6),.lj-tbl-prod2 .tr.head > div:nth-child(8),.lj-tbl-prod2 .tr.head > div:nth-child(9){text-align:right}
.lj-tbl-prod2 .tr > div:last-child,.lj-tbl-prod2 .tr.head > div:last-child{text-align:center}
.lj-tbl-cat2 .tr{grid-template-columns:28px 2fr .8fr .95fr .9fr 1.25fr .95fr 44px}
.lj-tbl-cat2 .tr > div:nth-child(5),.lj-tbl-cat2 .tr.head > div:nth-child(5){text-align:left}
.lj-tbl-cat2 .tr > div:nth-child(6),.lj-tbl-cat2 .tr.head > div:nth-child(6){text-align:right}
.lj-tbl-cat2 .tr > div:last-child,.lj-tbl-cat2 .tr.head > div:last-child{text-align:center}
.lj-ck input,.tr.head input[type=checkbox]{width:16px;height:16px;accent-color:var(--k-acao);cursor:pointer}
.lj-acoes{position:relative;display:inline-block}
.lj-acoes-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:18px;line-height:1;cursor:pointer}
.lj-acoes-btn:hover,.lj-acoes.on .lj-acoes-btn{background:var(--panel-2)}
.lj-acoes-menu{display:none;position:absolute;right:0;top:36px;z-index:20;min-width:200px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.16);padding:6px}
.lj-acoes.on .lj-acoes-menu{display:block}
.lj-acoes-menu button{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:13.5px;color:var(--text);padding:8px 10px;border-radius:7px;cursor:pointer}
.lj-acoes-menu button:hover{background:var(--panel-2)}
.lj-selbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--k-acao-suave);border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600}
.lj-selbar[hidden]{display:none}
.lj-link-acao{border:0;background:none;color:var(--k-acao);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;margin-left:12px}
@media (max-width:760px){
  .lj-tbl-prod2 .tr,.lj-tbl-cat2 .tr{grid-template-columns:repeat(2,1fr)}
  .lj-tbl-prod2 .tr > .lj-ck,.lj-tbl-cat2 .tr > .lj-ck,.lj-tbl-prod2 .tr.head,.lj-tbl-cat2 .tr.head{display:none}
  .lj-acoes-cel{grid-column:1 / -1;text-align:right}
}

/* Conexão com o Mercado Livre (12/10/2026) */
.lj-ml{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap}
.lj-ml:empty{display:none}
.lj-ml-exemplo{font-size:12px;font-weight:700;color:var(--muted,#6b7280);background:var(--panel-2,#f3f4f6);border:1px dashed var(--line,#d1d5db);border-radius:999px;padding:4px 10px}
.lj-ml-ok{font-size:14px}
.lj-ml-aviso{font-size:13px;color:var(--k-alerta,#b45309)}
a.btn.lj-btn-azul{text-decoration:none}