/* Minha Loja ML — visual do esboço aprovado (tela-produto-v3.html). */
:root { --bg:#EDEDED; --card:#FFFFFF; --ink:#0B0B0B; --muted:#8A8A8A; --line:#ECECEC; --lime:#C8F542; --red:#E5484D; --soft:#F6F6F6;
        --ml-azul:#3483FA; --amber:#B7791F; --amber-bg:#FFF3D6; --red-bg:#FFE4E4; --green-bg:#E9FBD0; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--ink); font-family:'Inter',system-ui,sans-serif; }
button, input, select { font:inherit; color:inherit; }
button { cursor:pointer; }
button:disabled { cursor:default; opacity:.6; }

.app { display:grid; grid-template-columns:340px minmax(0,1fr); min-height:100vh; }
@media (max-width:980px){ .app{ grid-template-columns:minmax(0,1fr); } .side{ position:static !important; height:auto !important; } }

/* ── PAINEL LATERAL CLARO ── */
.side { position:sticky; top:0; height:100vh; overflow-y:auto; background:#FFFFFF; padding:28px 20px; display:flex; flex-direction:column; gap:14px; border-right:1px solid #E2E2E2; }
.brand { display:flex; align-items:center; justify-content:space-between; padding:0 4px 6px; }
.brand h2 { font-size:20px; font-weight:600; letter-spacing:-.3px; }
.brand span { font-size:12px; color:var(--muted); }
.sec { background:var(--soft); border-radius:22px; padding:18px; }
.sec-title { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; margin-bottom:14px; display:flex; justify-content:space-between; gap:8px; }
.sec-title span + span { white-space:nowrap; }
.kpis { display:grid; grid-template-columns:1fr 1fr; gap:16px 12px; }
.kpi { min-width:0; }
.kpi p { font-size:12px; color:var(--muted); margin-bottom:4px; }
.kpi b { font-size:22px; font-weight:600; letter-spacing:-.5px; white-space:nowrap; }
.kpi b .orig { display:block; margin:2px 0 0; }
.kpi b.zero { color:var(--red); }
.prog { height:8px; background:#E4E4E4; border-radius:99px; overflow:hidden; margin-top:12px; }
.prog div { height:100%; background:var(--lime); }
.big-s { font-size:30px; font-weight:600; letter-spacing:-1px; }
.big-s small { font-size:14px; font-weight:500; color:var(--muted); letter-spacing:0; }
.hint { font-size:13px; color:var(--muted); margin-top:8px; line-height:1.45; }

.todo { display:flex; flex-direction:column; gap:8px; }
.todo-item { display:flex; gap:12px; align-items:flex-start; background:#fff; border-radius:16px; padding:12px 14px; border:0; text-align:left; width:100%; }
.todo-item i { flex:none; width:24px; height:24px; border-radius:50%; background:var(--ml-azul); color:#fff; font-style:normal; font-size:12px; font-weight:700; display:grid; place-items:center; }
.todo-item.alert i { background:var(--red); }
.todo-item b { display:block; font-size:14px; font-weight:600; margin-bottom:2px; }
.todo-item span { font-size:12.5px; color:var(--muted); line-height:1.4; }
.side-foot { margin-top:auto; font-size:12px; color:var(--muted); display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; padding:0 4px; }
.dot { width:8px; height:8px; border-radius:50%; background:#3BC47A; flex:none; }
.dot.amber { background:#E0A030; }
.link { background:none; border:0; padding:0; font-size:12px; color:var(--ink); text-decoration:underline; text-underline-offset:2px; }

/* ── ÁREA PRINCIPAL ── */
.main { padding:32px 28px 64px; min-width:0; }
.wrap { max-width:1240px; margin:0 auto; container-type:inline-size; }
header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; gap:12px; flex-wrap:wrap; }
header h1 { font-size:22px; font-weight:600; letter-spacing:-.3px; overflow-wrap:anywhere; }
.faixa { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; background:var(--amber-bg); color:#6B4A12; border-radius:18px; padding:12px 18px; font-size:14px; margin-bottom:20px; }

.card { background:var(--card); border-radius:28px; padding:26px 28px; min-width:0; }

/* ── BARRA DO TOPO (busca, ‹ ›, Todos) ── */
.barra { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.seta { width:42px; height:42px; border-radius:14px; border:0; background:var(--card); font-size:22px; line-height:1; flex:none; }
.busca { position:relative; flex:1 1 280px; min-width:0; }
.busca input { width:100%; height:42px; border:0; border-radius:14px; background:var(--card); padding:0 16px; font-size:15px; outline:none; }
.busca input:focus, .todos-busca:focus { box-shadow:0 0 0 2px var(--ink); }
.busca-res { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:30; background:var(--card); border-radius:18px; padding:6px; box-shadow:0 12px 32px rgba(0,0,0,.14); max-height:min(420px, 60vh); overflow-y:auto; }
.busca-res[hidden] { display:none; }
.sug { display:flex; flex-direction:column; gap:2px; width:100%; text-align:left; border:0; background:none; padding:10px 12px; border-radius:12px; }
.sug.on, .sug:hover { background:var(--soft); }
.sug-t { font-size:14px; font-weight:600; }
.sug-v { font-size:13px; color:var(--muted); }
.sug.mais { font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.busca-vazio { padding:12px; font-size:14px; color:var(--muted); }
.barra-conta { font-size:13px; color:var(--muted); white-space:nowrap; }
.barra-acoes { display:flex; flex-wrap:wrap; gap:8px; margin-left:auto; }
.neg { color:var(--red); }

/* ── CABEÇALHO DO ANÚNCIO ── */
header.cab { align-items:flex-start; }
.cab-txt { min-width:0; flex:1 1 360px; }
.cab-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.cab-acoes { display:flex; flex-wrap:wrap; gap:8px; }

/* ── OS 4 NÚMEROS ── */
.numeros { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px; }
.numero { background:var(--card); border-radius:22px; padding:18px 22px; min-width:0; container-type:inline-size; }
.numero p { font-size:13px; color:var(--muted); margin-bottom:6px; }
.numero b { display:block; font-size:28px; font-size:min(28px, 15cqi); font-weight:600; letter-spacing:-.6px; white-space:nowrap; }
.numero .orig { display:block; margin:4px 0 0; }
.sim-preco { margin-top:12px; font-size:13px; color:var(--muted); }
.sim-preco .edit { width:7ch; color:var(--ink); }
.sim-preco-res { margin-top:8px; color:var(--ink); font-size:13px; line-height:1.5; }
.sim-usar { margin-top:8px; padding:6px 12px; font-size:13px; }
.numero .sim-preco-res b { display:inline; font-size:inherit; letter-spacing:0; font-weight:600; }
.numero .sim-preco-res b.neg { color:var(--red); }
.numero-dica { display:block; font-size:12px; color:var(--muted); margin-top:4px; }
.numero.neg { background:var(--red-bg); }
.numero.neg b { color:var(--red); }
.ads-teste { margin-top:16px; background:var(--soft); border-radius:18px; padding:14px 16px; }
.ads-teste .meta-input { font-size:15px; }
.ads-teste .sub { margin-top:8px; }
.row.total { font-weight:600; border-top:1px solid var(--line); padding-top:12px; }
.row.total.neg .v { color:var(--red); }

/* ── TODOS OS ANÚNCIOS ── */
.todos-topo { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.todos-busca { flex:1 1 260px; min-width:0; height:42px; border:0; border-radius:14px; background:var(--soft); padding:0 16px; font-size:15px; outline:none; }
.todos-ordem { font-size:13px; color:var(--muted); display:flex; align-items:center; gap:8px; }
.todos-ordem select { height:42px; border:0; border-radius:14px; background:var(--soft); padding:0 12px; font-size:14px; color:var(--ink); }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 8px; }
.chip { border:0; background:var(--soft); border-radius:999px; padding:8px 14px; font-size:13px; font-weight:600; }
.chip span { color:var(--muted); font-weight:500; margin-left:2px; }
.chip.on { background:var(--ml-azul); color:#fff; }
.chip.on span { color:#DCE9FF; }
.tabela { display:flex; flex-direction:column; container-type:inline-size; }
.lin { display:grid; grid-template-columns:minmax(0,3fr) repeat(5, minmax(0,1fr)); gap:12px; align-items:center; width:100%; text-align:left; border:0; background:none; padding:12px 10px; border-bottom:1px solid var(--line); font-size:14px; }
button.lin:hover { background:var(--soft); }
.lin.cab { font-size:12px; color:var(--muted); padding-top:4px; }
.lin.sim { grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr); }
.lin-t { min-width:0; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.lin-t b { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; max-width:100%; }
.lin-c { font-variant-numeric:tabular-nums; white-space:nowrap; min-width:0; }
.todos-vazio { padding:16px 10px; }
@container (max-width:860px){ .numeros{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; } }
@container (max-width:720px){
  .lin.cab { display:none; }
  .lin, .lin.sim { grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px 10px; }
  .lin-t { grid-column:1/-1; }
  .lin-c[data-r]::before { content:attr(data-r); display:block; font-size:11px; color:var(--muted); }
}
@media (max-width:760px){
  .busca { flex:1 1 0; }
  .barra-conta { order:5; }
  .barra-acoes { order:6; flex:1 1 auto; margin-left:0; }
  .barra-acoes .pill { flex:1; text-align:center; padding:8px 10px; }
  .numero { padding:14px 16px; }
}

.grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-content:start; }
@media (max-width:640px){ .grid{ grid-template-columns:minmax(0,1fr); } .card{ padding:22px 20px; } .main{ padding:24px 16px 48px; } }
.full { grid-column:1/-1; }
.grid > .card, .ads-cols > div, .duo > div { container-type:inline-size; }

.top { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; gap:10px; flex-wrap:wrap; }
.label { font-size:15px; font-weight:500; }
.pill { background:var(--lime); border-radius:999px; padding:8px 16px; font-size:14px; font-weight:600; white-space:nowrap; border:0; }
.pill.dark { background:var(--ml-azul); color:#fff; }
.pill.red { background:var(--red-bg); color:var(--red); }
.pill.amber { background:var(--amber-bg); color:var(--amber); }
.pill.gray { background:var(--soft); color:#555; }
.big { font-size:52px; font-size:min(52px, 15cqi); font-weight:600; letter-spacing:-2px; line-height:1; white-space:nowrap; }
.big small { font-size:16px; font-weight:500; letter-spacing:0; color:var(--ink); }
.sub { font-size:15px; color:#444; margin-top:10px; line-height:1.45; }
hr { border:0; border-top:1px solid var(--line); margin:22px 0 16px; }
.orig { font-size:11px; font-weight:500; color:var(--muted); margin-left:6px; letter-spacing:0; white-space:nowrap; }
.big .orig { font-size:12px; vertical-align:middle; }
.pill .orig { color:inherit; opacity:.75; }
.big small.orig { color:var(--muted); font-size:12px; }

.rows { display:flex; flex-direction:column; gap:12px; }
.row { display:flex; justify-content:space-between; gap:12px; font-size:15px; }
.row .v { font-variant-numeric:tabular-nums; white-space:nowrap; }
.row .v.txt { white-space:normal; text-align:right; overflow-wrap:anywhere; }
.muted-inline { color:var(--muted); font-size:13px; }
/* Cartão estreito: a marca de origem desce para baixo do número, para o rótulo não quebrar em 3 linhas. */
@container (max-width:360px){ .row .v { text-align:right; } .row .v .orig { display:block; margin:2px 0 0; } }

.check { position:relative; padding-left:36px; font-size:15px; line-height:1.45; }
.check i { position:absolute; left:0; top:-1px; width:24px; height:24px; border-radius:50%; background:#34C759; color:#fff; font-style:normal; font-size:13px; display:grid; place-items:center; }
.check.no i { background:var(--red); }
.check b, .custo b { white-space:nowrap; }

.duo { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.duo .big { font-size:clamp(26px,2.6vw,40px); font-size:min(40px, 19cqi); letter-spacing:-1px; }
.muted { color:var(--muted); font-size:13px; margin-bottom:8px; }
.rows + .muted { margin-top:16px; } /* "O que dá pra copiar dele" não cola na lista de cima */
.vazio { font-size:22px; font-weight:600; letter-spacing:-.3px; }

.meta-input { display:inline-flex; align-items:center; gap:6px; background:var(--soft); border-radius:14px; padding:10px 14px; font-size:15px; font-weight:600; white-space:nowrap; }
.bar { height:10px; background:var(--soft); border-radius:99px; margin-top:18px; overflow:hidden; }
.bar div { height:100%; background:var(--lime); }
.custo { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; background:var(--soft); border-radius:18px; padding:12px 16px; margin-top:18px; font-size:14px; }
.custo b { font-size:16px; }

/* Campos editáveis no lugar do número */
.edit { background:transparent; border:0; border-bottom:1.5px dashed #C9C9C9; font-weight:600; width:6.5ch; text-align:right; padding:0 0 1px; border-radius:0; outline:none; }
.edit:focus { border-bottom-color:var(--ink); }
.edit::placeholder { color:#BDBDBD; }
.erro { color:var(--red); font-size:13px; margin-top:8px; line-height:1.4; }
.conc-form { margin-top:18px; }
.conc-form .muted { margin-bottom:10px; }
.conc-campos { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.campo, .fld input, .fld select { background:var(--soft); border:1.5px solid transparent; border-radius:14px; padding:10px 14px; font-size:15px; outline:none; min-width:0; }
.campo:focus, .fld input:focus, .fld select:focus { border-color:var(--ink); }
.link-campo { flex:1 1 180px; }

/* ── CARTÃO DE PUBLICIDADE ── */
.ads-cols { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
@container (max-width:660px){ .ads-cols{ grid-template-columns:minmax(0,1fr); } }
.days { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.days span { flex:1 0 28px; height:40px; border-radius:12px; background:var(--soft); display:grid; place-items:center; font-size:13px; font-weight:600; color:var(--muted); }
.days span.done { background:var(--ink); color:#fff; }
.days span.today { background:#fff; color:var(--ink); outline:2px solid var(--ink); }
.days span.today.amber { background:var(--amber-bg); color:var(--amber); outline-color:var(--amber); }
.days span.today.red { background:var(--red-bg); color:var(--red); outline-color:var(--red); }
.stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:6px; }
.stat { background:var(--soft); border-radius:16px; padding:14px; min-width:0; container-type:inline-size; }
.stat p { font-size:12px; color:var(--muted); margin-bottom:4px; }
.stat b { font-size:22px; font-size:min(22px, 21cqi); font-weight:600; letter-spacing:-.5px; white-space:nowrap; }
@media (max-width:640px){ .stats{ gap:8px; } .stat{ padding:12px 10px; } }
.alert { border-radius:18px; padding:16px 18px; margin-top:16px; font-size:15px; line-height:1.45; }
.alert b { display:block; font-size:16px; margin-bottom:2px; }
.alert.amber { background:var(--amber-bg); color:#6B4A12; }
.alert.red { background:var(--red-bg); color:#8A1F22; }
.alert.green { background:var(--green-bg); color:#2F5A0B; }
.alert.gray { background:var(--soft); color:#444; }
.states { display:flex; flex-direction:column; gap:8px; margin-top:16px; font-size:13.5px; color:#444; }
.states div { display:flex; gap:10px; align-items:center; }
.sw { width:12px; height:12px; border-radius:50%; flex:none; }

/* ── SIMULAÇÃO ── */
.campos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
@media (max-width:760px){ .campos{ grid-template-columns:minmax(0,1fr); } }
.fld { display:flex; flex-direction:column; gap:6px; min-width:0; }
.fld > span { font-size:13px; color:var(--muted); }
.fld.wide { grid-column:1/-1; }
.fld .hint { margin-top:0; }
.medidas { display:flex; align-items:center; gap:6px; color:var(--muted); }
.medidas input { width:100%; }
.sim-acoes { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.botao { display:inline-block; text-decoration:none; }

/* ── TELAS INTEIRAS ── */
.tela-unica { min-height:100vh; display:grid; place-items:center; padding:24px 16px; }
.conectar { width:100%; max-width:420px; display:flex; flex-direction:column; gap:20px; align-items:flex-start; }
.conectar .brand { width:100%; padding:0; }
.login { align-items:stretch; gap:16px; }
.login .fld input { width:100%; }
.login .erro { margin-top:0; }
.login .botao { align-self:flex-start; padding:10px 22px; }

/* ── EDITAR ANÚNCIO ── */
.kpi-sub { display:block; font-size:12px; color:var(--muted); margin-top:2px; }
.tag { display:inline-block; border-radius:999px; padding:3px 10px; font-size:12px; font-weight:600; line-height:1.4; white-space:nowrap; }
.tag.gray, .item .tag.gray { background:#E4E4E4; color:#444; }
.tag.ok { background:var(--green-bg); color:#2F5A0B; }
.tag.no { background:var(--red-bg); color:#8A1F22; white-space:normal; }
.tag.amber { background:var(--amber-bg); color:#6B4A12; white-space:normal; }
.card-acoes { margin-top:18px; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }

.ed-campo { display:flex; flex-direction:column; gap:8px; }
.ed-campo + .ed-campo, .trava + .ed-campo, .erro + .ed-campo { margin-top:20px; }
.ed-rotulo { display:flex; justify-content:space-between; gap:10px; font-size:13px; color:var(--muted); }
.ed-ferr { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.ed-ferr-b { border:0; background:var(--soft); border-radius:10px; padding:6px 10px; font-size:13px; font-weight:600; }
.ed-ferr-b:hover:not(:disabled) { background:#E8F1FF; color:#2968C8; }
.ed-ferr-dica { font-size:12px; color:var(--muted); margin-left:4px; }
.ed-cont { font-size:13px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ed-cont.passou { color:var(--red); font-weight:600; }
.ed-in { width:100%; min-width:0; background:var(--soft); border:1.5px solid transparent; border-radius:14px; padding:12px 14px; font:inherit; font-size:16px; color:var(--ink); outline:none; }
.ed-in:focus { border-color:var(--ink); }
.ed-in:disabled { color:#777; cursor:not-allowed; }
textarea.ed-in { min-height:200px; resize:vertical; line-height:1.5; }
.ed-valor { display:flex; align-items:center; gap:8px; font-size:22px; font-weight:600; }
.ed-valor .ed-in { font-size:22px; font-weight:600; max-width:180px; }
.ed-valor small { font-size:14px; font-weight:500; color:var(--muted); }
.trava { font-size:13px; color:var(--muted); line-height:1.4; margin-top:8px; }
.trava b { color:#444; font-weight:600; }
.ed-auto .ed-acoes { margin-top:12px; }
.chave { display:inline-flex; align-items:center; gap:8px; background:none; border:0; padding:0; cursor:pointer; font:inherit; color:var(--muted); font-size:13px; }
.chave:disabled { cursor:default; opacity:.6; }
.chave-trilho { position:relative; width:42px; height:26px; border-radius:999px; background:#D9D9D9; transition:background .2s; flex:none; }
.chave-bola { position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .2s; }
.chave.on .chave-trilho { background:#34C759; }
.chave.on .chave-bola { transform:translateX(16px); }
.chave.pendente .chave-trilho { opacity:.55; }
.chave.pendente .chave-txt { color:var(--ink); font-weight:600; }
.chave:focus-visible .chave-trilho { outline:2px solid var(--ink); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) { .chave-trilho, .chave-bola { transition:none; } }
/* ── EDIÇÃO: CAMPOS À ESQUERDA, PRÉVIA À DIREITA ── */
.ed-duo { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:20px; align-items:start; }
.ed-col { display:flex; flex-direction:column; gap:20px; min-width:0; }
.ed-par { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; }
.ed-lado { position:sticky; top:16px; max-height:calc(100vh - 32px); overflow-y:auto; border-radius:28px; min-width:0; }
@container (max-width:900px){ .ed-duo{ grid-template-columns:minmax(0,1fr); } .ed-lado{ position:static; max-height:none; overflow:visible; } }
@container (max-width:620px){ .ed-par{ grid-template-columns:minmax(0,1fr); } }
.ml-modos { margin:0 0 14px; }
.ml-pag { border:1px solid var(--line); border-radius:18px; padding:16px; background:#fff; }
.ml-galeria { position:relative; }
.ml-foto { display:block; width:100%; max-height:380px; aspect-ratio:1; object-fit:contain; background:#fff; border-radius:12px; }
span.ml-foto { background:var(--soft); }
.ml-galeria .ml-alt { position:absolute; top:8px; left:8px; }
.ml-minis { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
.ml-mini { width:48px; height:48px; border:1.5px solid var(--line); border-radius:8px; padding:2px; background:#fff; }
.ml-mini.on { border-color:var(--ml-azul); }
.ml-mini img { width:100%; height:100%; object-fit:contain; display:block; }
.ml-gal { display:grid; grid-template-columns:48px minmax(0,1fr); gap:10px; align-items:start; }
.ml-gal.so-uma { grid-template-columns:minmax(0,1fr); }
.ml-gal .ml-minis { flex-direction:column; flex-wrap:nowrap; margin-top:0; }
.ml-vendidos { font-size:13px; color:var(--muted); margin-top:14px; }
.ml-sep { color:#ccc; margin:0 4px; }
.ml-nota { font-size:13px; color:#666; margin-top:6px; }
.ml-estrelas { color:var(--ml-azul); letter-spacing:1px; }
.ml-de { font-size:14px; color:#999; text-decoration:line-through; margin-top:10px; }
.ml-de + .ml-preco { margin-top:0; }
.ml-off { font-size:13px; font-weight:600; color:#fff; background:#00A650; border-radius:3px; padding:1px 5px; margin-left:8px; vertical-align:middle; letter-spacing:0; }
.ml-full { color:#00A650; font-weight:700; font-style:italic; }
.ml-compra { border:1px solid var(--line); border-radius:10px; padding:14px; margin-top:14px; font-size:14px; }
.ml-estq { font-weight:600; }
.ml-qtd { margin-top:6px; }
.ml-qtd span { color:#999; }
.ml-btn { display:block; text-align:center; background:var(--ml-azul); color:#fff; border-radius:6px; padding:11px; font-weight:600; margin-top:12px; }
.ml-btn.claro { background:#E3EDFB; color:var(--ml-azul); margin-top:8px; }
.ml-vend { margin-top:14px; font-size:13px; color:#555; }
.ml-link { color:var(--ml-azul); }
.ml-gar { margin-top:10px; font-size:13px; color:#777; line-height:1.45; }
.ml-titulo { font-size:20px; font-weight:600; line-height:1.3; margin-top:4px; overflow-wrap:anywhere; }
.ml-preco { font-size:34px; font-weight:400; margin-top:10px; letter-spacing:-.5px; }
.ml-preco sup { font-size:16px; margin-left:2px; }
.ml-frete { color:#00A650; font-weight:600; font-size:15px; margin-top:8px; }
.ml-estoque { font-size:14px; margin-top:8px; }
.ml-pausado { font-size:14px; margin-top:8px; color:var(--red); font-weight:600; }
.ml-sub { font-size:16px; font-weight:600; }
.ml-desc { white-space:pre-wrap; font-size:14px; line-height:1.55; color:#444; margin-top:8px; overflow-wrap:anywhere; }
.ml-alt { display:inline-block; vertical-align:middle; margin-left:8px; background:#E8F1FF; color:#2968C8; border-radius:999px; padding:2px 8px; font-size:11px; font-weight:600; letter-spacing:0; }
.ed-faixa { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; }
.ed-faixa label { display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--muted); }
.ed-faixa .ed-valor, .ed-faixa .ed-valor .ed-in { font-size:17px; }
.ed-faixa .ed-in { width:110px; padding:8px 12px; }
.ed-auto .sub { margin-top:10px; font-size:14px; }
.ed-auto b.inline { display:inline; font-size:inherit; margin:0; }
.ed-topo { display:flex; align-items:center; gap:12px; }
.ed-ver { font-size:14px; color:var(--ink); text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.ed-previa:not(:empty) { margin-top:18px; }
.ed-previa .stats { margin-top:0; }
.stat b .orig { display:block; margin:2px 0 0; }
.alert[hidden], .erro[hidden] { display:none; }
.alert p + p { margin-top:4px; }

.fotos { list-style:none; display:grid; grid-template-columns:repeat(auto-fill, minmax(132px, 1fr)); gap:12px; }
@media (max-width:480px){ .fotos{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; } }
.foto { position:relative; background:var(--soft); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; min-width:0; }
.foto[draggable="true"] { cursor:grab; }
.foto.arrastando { opacity:.35; }
.foto.alvo { outline:2px solid var(--ink); outline-offset:2px; }
.mini { position:relative; display:block; }
.mini .img { display:block; width:100%; aspect-ratio:1; object-fit:cover; background:#E4E4E4; }
.capa { position:absolute; top:8px; left:8px; background:var(--lime); border-radius:999px; padding:3px 10px; font-size:12px; font-weight:600; }
.foto .ctrl { display:flex; gap:4px; padding:6px; margin-top:auto; }
.foto .ctrl button { flex:1; min-width:0; border:0; background:#fff; border-radius:10px; padding:7px 0; font-size:15px; line-height:1; }
.foto .ctrl button:hover:not(:disabled) { background:var(--ink); color:#fff; }
.foto .ctrl button:disabled { opacity:.3; }
.foto.enviando .img, .foto.fila .img { opacity:.45; }
.foto.falhou { background:var(--red-bg); }
.foto.falhou .img { opacity:.3; }
.foto-txt { font-size:12px; color:#444; padding:6px 8px 0; line-height:1.35; overflow-wrap:anywhere; }
.foto-txt.falhou { color:#8A1F22; }
.foto-prog { position:absolute; left:8px; right:8px; top:calc(50% - 4px); height:8px; background:#fff; border-radius:99px; overflow:hidden; }
.foto-prog span { display:block; height:100%; background:var(--lime); transition:width .2s; }
.add-foto { background:none; }
.add-foto button { width:100%; height:100%; min-height:132px; aspect-ratio:1; border:1.5px dashed #C9C9C9; border-radius:16px; background:none; color:#444; font-size:14px; font-weight:600; padding:8px; }
.add-foto button:hover:not(:disabled) { border-color:var(--ink); color:var(--ink); }
.faixa-fotos { display:flex; gap:8px; overflow-x:auto; padding-bottom:4px; margin-bottom:12px; }
.faixa-fotos .mini { flex:0 0 76px; border-radius:12px; overflow:hidden; }
.faixa-fotos .capa { top:4px; left:4px; padding:1px 7px; font-size:11px; }

.ed-barra { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; }
.ed-barra .sub, .ed-barra .erro { margin:0; }
.ed-acoes { display:flex; flex-wrap:wrap; gap:10px; }

.mud { padding:16px 0; border-top:1px solid var(--line); }
.top + .mud { border-top:0; padding-top:0; }
.mud-nome { display:block; font-size:13px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.6px; margin-bottom:8px; }
.antes { color:var(--muted); text-decoration:line-through; overflow-wrap:anywhere; }
.depois { font-weight:600; overflow-wrap:anywhere; }
.seta { color:var(--muted); margin:0 8px; }
p.antes, p.depois { font-size:15px; line-height:1.45; }
p.antes + .seta { display:block; margin:2px 0; }
.linha-mud { font-size:20px; font-variant-numeric:tabular-nums; }
.duo-txt { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
@media (max-width:760px){ .duo-txt{ grid-template-columns:minmax(0,1fr); } }
.txt { background:var(--soft); border-radius:14px; padding:12px 14px; font-size:14px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow-y:auto; }

.res { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; font-size:15px; }
.res-txt { display:flex; flex-direction:column; align-items:flex-end; gap:4px; text-align:right; min-width:0; }
.hist { list-style:none; display:flex; flex-direction:column; gap:10px; }
.hist li { display:flex; gap:12px; align-items:baseline; font-size:14px; }
.hist .quando { flex:none; width:84px; color:var(--muted); font-variant-numeric:tabular-nums; }
.hist .tags { display:flex; flex-wrap:wrap; gap:6px; }
@media (max-width:480px){ .hist li{ flex-direction:column; gap:4px; } .hist .quando{ width:auto; } .res{ flex-direction:column; } .res-txt{ align-items:flex-start; text-align:left; } }

/* ── FILA DE PRODUTOS ── */
.fila-prog { margin:0 0 8px; }
.fila-prog[hidden] { display:none; }
.fl-item { border-bottom:1px solid var(--line); }
.fl-linha { display:flex; align-items:flex-start; gap:8px; }
.fl-linha > .lin { flex:1 1 auto; width:auto; min-width:0; }
.fl-item .fl-linha > .lin { border-bottom:0; align-items:start; }
.lin.fl, .lin.fl-pv { align-items:start; }
.lin.fl { grid-template-columns:minmax(0,2.6fr) minmax(0,.6fr) minmax(0,.9fr) repeat(4, minmax(0,1.1fr)); }
.lin.fl-pv { grid-template-columns:minmax(0,1fr) 4.5em 7em; }
.fl-topo { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:4px 0 6px; }
.fl-parado { font-size:14px; color:var(--muted); }
.fl-parado b { color:var(--ink); font-weight:600; }
/* Anunciado: 3 colunas do anúncio de hoje; o "Preço no ML" leva a linha do frete e do tipo, então ganha mais espaço */
.lin.fl.ml { grid-template-columns:minmax(0,2.4fr) minmax(0,.5fr) minmax(0,.8fr) minmax(0,1.9fr) minmax(0,1fr) minmax(0,.8fr); }
.fl-c b { display:block; font-weight:600; }
.fl-sub { display:block; font-size:12px; color:var(--muted); white-space:normal; }
.fl-sub.neg { color:var(--red); }
.fl-c .orig { display:block; margin:2px 0 0; }
.fl-item.aberto .fl-linha > .lin { background:var(--soft); border-radius:14px 14px 0 0; }
.fl-anunciar, .fl-anunciar-vaga { flex:none; width:136px; }
.fl-anunciar { margin:6px 4px 0 0; padding:7px 0; font-size:13px; text-align:center; }
.fl-edit { background:var(--soft); border-radius:0 0 18px 18px; padding:18px 16px 20px; margin-bottom:10px; }
.fl-edit .fld input, .fl-edit .fld select { background:#fff; }
.fl-edit .hint { margin-top:10px; }
.fl-edit hr { margin:18px 0; }
.fl-bloco { display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
.fl-vinc { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.fl-vinc select { flex:1 1 260px; min-width:0; background:#fff; border:1.5px solid transparent; border-radius:14px; padding:10px 14px; font-size:15px; outline:none; }
.fl-vinc select:focus { border-color:var(--ink); }
.fl-previa { margin-top:14px; }
.fl-lista { margin:6px 0 0 18px; font-weight:400; font-size:14px; }
.alert .fl-lista li { overflow-wrap:anywhere; }
.fl-radios { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.fl-radio { display:flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
.fl-radio input { width:18px; height:18px; accent-color:var(--ml-azul); }
.cab-tags + .fl-previa, .cab-tags + .alert { margin-top:14px; }
.fila-prog + .tabela { margin-top:4px; }
@container (max-width:720px){
  .fl-linha { flex-wrap:wrap; }
  .fl-linha > .lin { flex-basis:100%; }
  .fl-anunciar { width:auto; margin:0 10px 12px; padding:7px 18px; }
  .fl-anunciar-vaga { display:none; }
  /* estreito: Qtd e Custo meio a meio, os 4 preços numa linha (no celular, 2 por linha) */
  .lin.fl { grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px 10px; }
  .lin.fl > [data-r="Qtd"], .lin.fl > [data-r="Custo"] { grid-column:span 2; }
  .lin.fl.ml { grid-template-columns:repeat(4, minmax(0,1fr)); }
  .lin.fl.ml > [data-r="Preço no ML"] { grid-column:span 2; }
  .lin.fl .lin-c[data-r]::before { white-space:normal; }
  /* a prévia da planilha continua uma linha por produto, mesmo estreita */
  .lin.fl-pv { gap:6px 10px; }
  .fl-pv .lin-t { grid-column:auto; }
  .fl-pv .lin-c[data-r]::before { display:none; }
}

/* ── CONCORRENTES NO ML ── */
.fila-chips { align-items:center; }
.conc-todos { margin-left:auto; padding:8px 14px; font-size:13px; }
.conc { margin-top:4px; }
.fl-edit .conc { background:#fff; border-radius:18px; padding:16px 18px; margin:0 0 4px; }
.conc .top { margin-bottom:10px; }
.conc .alert { margin-top:14px; }
.conc .cab-tags { margin-top:12px; }
.conc-foto { width:56px; height:56px; flex:none; border-radius:12px; object-fit:contain; background:#fff; border:1px solid var(--line); }
.conc-foto.vazia { display:block; background:#E4E4E4; border-color:transparent; }
.conc-lista, .conc-mv { list-style:none; display:flex; flex-direction:column; gap:10px; margin-top:12px; }
.conc-cand { display:flex; align-items:center; gap:12px; background:var(--soft); border-radius:16px; padding:10px 12px; }
.fl-edit .conc-cand { background:var(--soft); }
.conc-cand-txt { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:4px; font-size:14px; }
.conc-cand-txt b { font-weight:600; overflow-wrap:anywhere; }
.conc-cand .pill { flex:none; }
.conc-prod { display:flex; gap:14px; align-items:flex-start; }
.conc-prod .conc-foto { width:72px; height:72px; }
.conc-prod-txt { min-width:0; display:flex; flex-direction:column; gap:3px; font-size:14px; }
.conc-prod-txt b { font-weight:600; overflow-wrap:anywhere; }
.conc-prod-txt a, .conc-mv-item a { font-size:13px; color:var(--ml-azul); }
.conc-caract { margin:2px 0 0 18px; font-size:12.5px; color:#555; }
.conc-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:16px; }
.conc-stats .stat { background:var(--soft); }
.conc-stats .stat.ref { background:var(--green-bg); }
.conc-stats .stat.ref p, .conc-stats .stat small { color:#2F5A0B; }
.conc-stats .stat small { display:block; font-size:11px; margin-top:2px; }
@media (max-width:640px){ .conc-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.conc-precos { display:flex; flex-wrap:wrap; gap:4px 18px; font-size:14px; margin-top:4px; }
.conc .conc-precos b { display:inline; font-size:inherit; margin:0; white-space:nowrap; }
.conc-rodape { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-top:16px; }
.conc-rodape .muted-inline { margin-right:auto; }
.conc-rodape .pill { padding:6px 14px; font-size:13px; }
.conc-mercado { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); }
.conc-mercado > .muted { text-transform:uppercase; letter-spacing:.6px; font-size:12px; }
.conc-mv-item { display:flex; gap:12px; align-items:flex-start; font-size:14px; }
.conc-mv-item.fechado { align-items:center; padding:4px 0; }
.conc-pos { flex:none; width:24px; height:24px; border-radius:50%; background:var(--ml-azul); color:#fff; font-size:12px; font-weight:700; display:grid; place-items:center; }
.conc-mv-item.fechado .conc-pos { background:#C9C9C9; }
.conc-mv-item .conc-foto { width:48px; height:48px; }
.conc-vezes { color:var(--muted); font-weight:500; }
.conc-manual { margin-top:18px; }
.conc-manual summary { cursor:pointer; margin-bottom:0; }
.conc-manual[open] summary { margin-bottom:8px; }
.conc-manual .hint { margin-top:0; }
@media (max-width:480px){ .conc-cand { display:grid; grid-template-columns:56px minmax(0,1fr); } .conc-cand .pill { grid-column:1/-1; justify-self:start; } .conc-todos { margin-left:0; } .conc-prod .conc-foto { width:56px; height:56px; } }

/* ── CARTÃO "QUALIDADE NO MERCADO LIVRE" (js/qualidade.js) ── */
.grid > .qual { grid-column:1 / -1; }
.qual-cols { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:20px 32px; }
@media (max-width:860px){ .qual-cols{ grid-template-columns:minmax(0,1fr); } }
.qual-sec { min-width:0; }
.qual-sec > .muted:first-child { margin-bottom:10px; }
.qual-nota { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.qual-selo { display:inline-block; border-radius:999px; padding:6px 14px; font-size:14px; font-weight:600; color:#fff; background:#8A8A8A; }
.qual-selo.ok { background:#34C759; }
.qual-selo.laranja { background:#FF9500; }
.qual-selo.no { background:var(--red); }
.qual-grupo { margin-top:18px; margin-bottom:6px; }
.qual-lista { list-style:none; display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.qual-pend { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; background:var(--soft); border-radius:16px; padding:10px 14px; font-size:14px; line-height:1.4; }
.qual-pend.aviso { background:var(--amber-bg); }
.qual-txt { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; display:flex; flex-direction:column; gap:3px; align-items:flex-start; }
.qual-botao { flex:none; font-size:13px; padding:6px 14px; background:#fff; border:1px solid var(--line); }
.qual-em-dia { margin-top:18px; }
.qual-em-dia summary { cursor:pointer; margin-bottom:0; }
.qual-em-dia[open] summary { margin-bottom:6px; }
.qual-lista.em-dia li { display:flex; gap:8px; font-size:14px; color:#444; align-items:flex-start; }
.qual-ok { color:#34C759; font-weight:700; flex:none; }
.qual-exp { display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:600; }
.qual-dot { width:12px; height:12px; border-radius:50%; background:#C9C9C9; flex:none; }
.qual-dot.green { background:#34C759; }
.qual-dot.light_green { background:#9BD65A; }
.qual-dot.yellow { background:#F2C230; }
.qual-dot.orange { background:#FF9500; }
.qual-dot.red { background:var(--red); }
.qual-sub { margin-top:8px; font-size:14px; white-space:pre-line; overflow-wrap:anywhere; }
.qual-quant, .qual-motivo { display:block; }
.qual-motivo { font-size:12px; }
.qual-solucao { display:block; font-weight:400; color:#444; }
.qual .alert { margin-top:12px; font-size:14px; }
.qual .alert b { font-size:14px; }

/* ── ANUNCIAR NO MERCADO LIVRE (js/anunciar.js) ── */
.an-blocos { display:flex; flex-direction:column; gap:20px; }
.an-status { font-size:13px; color:var(--muted); align-self:center; min-width:5em; text-align:right; }
.an-passo { display:flex; align-items:center; gap:10px; }
.an-num { flex:none; width:26px; height:26px; border-radius:50%; background:var(--soft); color:#555; font-style:normal; font-size:13px; font-weight:700; display:grid; place-items:center; }
.an-num.ok { background:#34C759; color:#fff; }
.an-obrig { color:var(--red); }
.an-campos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; margin-top:14px; }
.an-campos .fld .erro { margin-top:2px; }
.an-medidas { grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; }
@container (max-width:620px){ .an-medidas{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:560px){ .an-campos{ grid-template-columns:minmax(0,1fr); } .an-medidas{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.an-campos .fld input, .an-campos .fld select, .card > .fld input { width:100%; }
.an-cat { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 14px; background:var(--soft); border-radius:16px; padding:12px 14px; }
.an-cat b { font-weight:600; font-size:15px; overflow-wrap:anywhere; min-width:0; }
.an-sugs { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.an-sug { display:flex; flex-direction:column; align-items:flex-start; gap:2px; width:100%; text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:14px; padding:10px 14px; }
.an-sug:hover { border-color:var(--ink); }
.an-sug.on { border-color:var(--ml-azul); background:#E8F1FF; }
.an-sug b { font-size:14px; font-weight:600; }
.an-sug span { font-size:13px; color:#444; overflow-wrap:anywhere; }
.an-sug small { font-size:12px; color:var(--muted); }
.an-chip { border:0; cursor:pointer; font-family:inherit; }
.an-chip:hover:not(:disabled) { background:#D4D4D4; }
.an-chip.on, .an-chip:disabled { cursor:default; background:var(--green-bg); color:#2F5A0B; }
.an-gtin { margin-top:16px; display:flex; flex-direction:column; gap:10px; }
.an-gtin .fld input, .an-gtin .fld select { width:100%; }
.an-mais { margin-top:16px; background:none; border:0; padding:4px 0; font-size:14px; font-weight:600; color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.an-ops { display:flex; flex-wrap:wrap; gap:8px; }
.an-op { border:1.5px solid var(--line); background:#fff; border-radius:14px; padding:10px 14px; font-size:14px; font-weight:600; }
.an-op:hover:not(.on) { border-color:var(--ink); }
.an-op.on { border-color:var(--ml-azul); background:#E8F1FF; color:#2968C8; }
.an-preco { margin-top:14px; }
.an-lucro { margin-top:12px; font-size:15px; color:#444; }
.an-lucro b { font-weight:600; color:var(--ink); }
.an-lucro b.neg { color:var(--red); }
.an-aviso-estoque { color:var(--amber); }
.an-checks { margin-top:4px; }
.an-publicar { padding:12px 26px; font-size:15px; }
.an-publicando { font-size:18px; font-weight:600; color:var(--ml-azul); }
[inert] { opacity:.55; }
.an-campos + .hint, .an-ops + .hint { margin-top:10px; }
.an-cat .pill { background:#fff; border:1.5px solid #C9C9C9; color:var(--ink); }
.an-cat .pill:hover:not(:disabled) { border-color:var(--ink); }
.fld > .an-num-un { display:flex; gap:8px; min-width:0; color:var(--ink); font-size:15px; }
.an-num-un input { flex:1 1 auto; min-width:0; width:100% !important; }
.an-num-un select { flex:none; width:auto !important; min-width:5.5em; }
.an-erro-campo { font-size:13px; }
.an-frete { margin-top:16px; }
.an-frete .hint { margin-top:4px; }
textarea.an-colchetes { border-color:var(--amber); box-shadow:0 0 0 3px var(--amber-bg); }
@media (max-width:640px){ .an-status { flex-basis:100%; text-align:left; min-width:0; } }
/* Edição: bloco "Venda" (tipo e frete grátis), quadro Hoje → Com a mudança e o destaque ao abrir pelo cartão de qualidade */
.ed-tipo { display:flex; flex-direction:column; align-items:flex-start; gap:2px; min-width:150px; text-align:left; }
.ed-tipo small { font-size:12px; font-weight:500; color:var(--muted); }
.ed-tipo.on small { color:#2968C8; }
.ed-tipo:disabled { opacity:.6; cursor:not-allowed; }
#ed-venda .an-ops { margin-top:8px; }
.ed-frete { margin-top:18px; }
.ed-frete .hint { margin-top:4px; }
.ed-frete input:disabled { cursor:not-allowed; }
.ed-quadro { width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
.ed-quadro th, .ed-quadro td { padding:8px 6px; border-bottom:1px solid var(--line); text-align:right; vertical-align:top; }
.ed-quadro th[scope="row"], .ed-quadro thead th:first-child { text-align:left; font-weight:500; color:var(--muted); }
.ed-quadro thead th { font-size:12px; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.3px; }
.ed-quadro td b { font-weight:600; }
.ed-quadro .orig { display:block; }
.ed-destaque { animation:ed-destaque 2s ease-out; }
@keyframes ed-destaque { 0%, 60% { box-shadow:0 0 0 4px var(--ml-azul); } 100% { box-shadow:0 0 0 0 transparent; } }
@media (prefers-reduced-motion: reduce) { .ed-destaque { animation:none; box-shadow:0 0 0 4px var(--ml-azul); } }
.qual-acoes { display:flex; align-items:center; gap:10px; flex:none; }
.pill.dark.qual-botao { background:var(--ml-azul); border-color:var(--ml-azul); color:#fff; }
.qual-no-ml { font-size:12px; color:var(--muted); text-decoration:underline; text-underline-offset:2px; white-space:nowrap; }
@media (max-width:480px){ .ed-tipo { min-width:0; flex:1 1 0; } .ed-quadro { font-size:13px; } .ed-quadro th, .ed-quadro td { padding:7px 3px; } }
.ml-frete-sem { color:#666; font-size:14px; margin-top:6px; }
/* Fila, Anunciado: o anúncio de hoje no ML no lugar das 3 colunas da faixa de planejamento */
.lin.fl .fl-ml { grid-column:span 4; white-space:normal; }
.fl-ml b { font-weight:600; }
@container (max-width:720px){ .lin.fl .fl-ml { grid-column:1/-1; } }
@container (max-width:420px){ .lin.fl { grid-template-columns:repeat(2, minmax(0,1fr)); } .lin.fl > [data-r="Qtd"], .lin.fl > [data-r="Custo"] { grid-column:auto; } }
.an-hoje b { font-weight:600; }

/* ── MENU DE SEÇÕES (barra lateral; no celular, faixa rolável no topo) ── */
.side-menu { display:flex; flex-direction:column; gap:4px; }
.menu-item { display:block; width:100%; text-align:left; border:0; background:none; border-radius:14px; padding:11px 14px; font-size:15px; font-weight:600; color:var(--ink); }
.menu-item:hover:not(.on) { background:var(--soft); }
.menu-item.on { background:var(--ml-azul); color:#fff; }
.menu-item:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
@media (max-width:980px){
  .side { padding:16px 16px 12px; gap:10px; border-right:0; border-bottom:1px solid #E2E2E2; }
  .side-kpis { display:none; }
  .side-menu { flex-direction:row; overflow-x:auto; gap:6px; margin:0 -16px; padding:0 16px 2px; scrollbar-width:none; }
  .side-menu::-webkit-scrollbar { display:none; }
  .menu-item { flex:none; width:auto; white-space:nowrap; padding:8px 14px; font-size:14px; background:var(--soft); }
  .side-foot { margin-top:0; }
}

/* ── TELA INÍCIO ── */
.numeros.home-num { grid-template-columns:repeat(3, minmax(0,1fr)); }
@container (max-width:860px){ .numeros.home-num { grid-template-columns:repeat(2, minmax(0,1fr)); } }
.home-rep { font-size:20px; letter-spacing:-.3px; }
.home-graf { display:block; width:100%; height:150px; margin-top:4px; overflow:visible; }
.home-graf .barra { fill:var(--ml-azul); }
.home-graf.visitas .barra { fill:#8FB8F7; }
.home-graf .alvo { fill:transparent; }
.home-graf .col:hover .barra { fill:#2968C8; }
.home-graf .col:hover .alvo { fill:var(--soft); }
.home-graf .eixo { stroke:#D4D4D4; stroke-width:1; vector-effect:non-scaling-stroke; }
.home-graf .grade { stroke:var(--line); stroke-width:1; stroke-dasharray:3 3; vector-effect:non-scaling-stroke; }
.home-graf-rot { display:flex; justify-content:space-between; gap:8px; font-size:12px; color:var(--muted); margin-top:4px; font-variant-numeric:tabular-nums; }
.home-sub { margin-top:22px; }
.home-ests { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
@container (max-width:620px){ .home-ests { grid-template-columns:minmax(0,1fr); } }
.home-est { background:var(--soft); border-radius:18px; padding:16px 18px; min-width:0; }
.home-est > p:first-child { font-size:13px; font-weight:600; margin-bottom:10px; }
.home-est-v { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.home-est-v span { display:block; font-size:12px; color:var(--muted); margin-bottom:2px; }
.home-est-v b { display:block; font-size:22px; font-weight:600; letter-spacing:-.4px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.home-est-v b .orig { display:block; margin:2px 0 0; }
.home-obra { margin-top:14px; }
.home-lista { margin:10px 0 0 20px; font-size:14px; line-height:1.6; }
.card .todo-item { background:var(--soft); }

/* ── TELA PUBLICIDADE ── */
.pub-aviso { margin-top:0; }
.pub-dica { margin:0 0 6px; }
.pub-msg { flex-basis:100%; font-size:12px; color:var(--muted); white-space:normal; }
.pub-passos { margin-top:12px; }
.pub-botao { margin-top:16px; }

/* ── TELA GALERIA ── */
.gal-topo { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.gal-topo .chips { margin:0; }
.gal-busca { flex:1 1 220px; min-width:0; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-size:14px; background:#fff; }
.gal-secao { font-size:15px; font-weight:600; margin:22px 0 0; }
.gal-pastas { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:14px; margin-top:16px; }
.gal-pasta { display:flex; flex-direction:column; gap:6px; text-align:left; border:0; background:var(--soft); border-radius:18px; padding:8px 8px 12px; min-width:0; }
.gal-pasta:hover { outline:2px solid var(--ink); outline-offset:1px; }
.gal-capa { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:12px; background:#E4E4E4; }
.gal-vazia { display:flex; align-items:center; justify-content:center; font-size:13px; color:var(--muted); }
.gal-nome { font-size:14px; font-weight:600; line-height:1.3; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 4px; }
.gal-info { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:12px; color:var(--muted); padding:0 4px; }
.gal-cab { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; }
.gal-titulo { display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex:1 1 240px; min-width:0; }
.gal-titulo b { font-size:18px; font-weight:600; overflow-wrap:anywhere; }
.gal-acoes { display:flex; gap:8px; flex-wrap:wrap; }
.foto .ctrl .gal-baixar { flex:1; min-width:0; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:10px; padding:7px 0; font-size:15px; line-height:1; color:inherit; text-decoration:none; }
.foto .ctrl .gal-baixar:hover { background:var(--ink); color:#fff; }
.an-galeria { margin-top:12px; }

/* ── LOJA (troca de conta) ── */
.brand.conta { position:relative; padding:0 0 6px; display:block; }
.conta-botao { display:flex; align-items:center; gap:10px; width:100%; border:0; background:none; border-radius:16px; padding:6px; text-align:left; }
.conta-botao:hover, .conta-botao[aria-expanded="true"] { background:var(--soft); }
.conta-avatar { flex:none; width:40px; height:40px; border-radius:50%; object-fit:cover; background:var(--ml-azul); color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; letter-spacing:.3px; border:1px solid var(--line); }
.conta-avatar.pequeno { width:32px; height:32px; font-size:12px; }
.conta-nome { display:flex; flex-direction:column; min-width:0; flex:1; }
.conta-nome b { font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conta-nome span { font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.conta-seta { color:var(--muted); font-size:12px; }
.conta-menu { position:absolute; z-index:30; left:0; right:0; top:calc(100% - 2px); background:#fff; border-radius:18px; box-shadow:0 12px 32px rgba(0,0,0,.16); padding:8px; display:flex; flex-direction:column; gap:2px; min-width:240px; }
.conta-menu hr { margin:6px 4px; }
.conta-menu .hint { font-size:12px; margin:4px 8px 6px; }
.conta-item { display:flex; align-items:center; gap:10px; border:0; background:none; border-radius:12px; padding:8px; text-align:left; width:100%; }
.conta-item:hover { background:var(--soft); }
.conta-item.on { background:#EAF2FF; }
.conta-item .conta-nome b { font-size:14px; }
.conta-ok { color:var(--ml-azul); font-weight:700; }
.conta-acao { display:block; border:0; background:none; border-radius:12px; padding:9px 10px; font-size:14px; font-weight:600; text-align:left; color:var(--ink); text-decoration:none; width:100%; }
.conta-acao:hover { background:var(--soft); }
.conta-aviso { margin-top:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.conta-aviso b { flex-basis:100%; }
.conta-form .campos { margin-top:14px; }
.conta-regime { border:0; padding:0; margin:16px 0 0; display:flex; flex-direction:column; gap:8px; }
.conta-regime legend { font-size:13px; color:var(--muted); margin-bottom:8px; }
.conta-form .fld.wide { display:flex; flex-direction:column; }
@media (max-width:980px){ .brand.conta { padding:0; } .conta-menu { position:fixed; left:16px; right:16px; top:70px; } }
/* .brand span (o "Mercado Livre" antigo) não vale dentro do botão da loja */
.brand.conta span { font-size:inherit; color:inherit; }
.brand.conta .conta-nome { color:var(--ink); }
.brand.conta .conta-nome span { font-size:12px; color:var(--muted); }
.brand.conta .conta-avatar { color:#fff; font-size:14px; }
.brand.conta .conta-avatar.pequeno { font-size:12px; }
.brand.conta .conta-seta { color:var(--muted); font-size:12px; }
.brand.conta .conta-ok { color:var(--ml-azul); }

/* ── DADOS DA EMPRESA ── */
.conta-dados { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px 24px; margin-top:12px; }
@container (max-width:620px){ .conta-dados { grid-template-columns:minmax(0,1fr); } }
.conta-dado span { display:block; font-size:12px; color:var(--muted); margin-bottom:2px; }
.conta-dado b { font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.conta-rodape { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.conta-rodape .hint { margin:0; }
.conta-calculo { background:var(--soft); border-radius:16px; padding:14px 16px; margin-top:16px; }
.conta-real b { display:block; font-size:22px; font-weight:600; letter-spacing:-.3px; }
.conta-real span { display:block; font-size:13px; color:var(--muted); margin-top:4px; font-variant-numeric:tabular-nums; }
.conta-alerta { font-size:13px; color:#6B4A12; background:var(--amber-bg); border-radius:10px; padding:8px 10px; margin-top:10px; }
.conta-form select { background:var(--soft); border:0; border-radius:14px; padding:10px 12px; font-size:15px; }

.fl-sem-medidas { color:#8A5A0B; font-weight:600; }
.an-de-novo { margin-top:18px; padding-top:14px; border-top:1px solid var(--line); }
.an-de-novo .hint { margin:4px 0 10px; }
.fl-sugestao-todos { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:8px 0 4px; }
.fl-sugestao-todos .hint { margin:0; }