*{box-sizing:border-box;margin:0;padding:0} :root{ /* ── Pitch Dark palette ── */ --white:#1e1e1e; /* "branco" → card escuro */ --bg:#141414; /* fundo da página */ --bg2:#1c1c1c; /* fundo de seções internas, headers */ --bg3:#242424; /* elementos ainda mais internos */ --g100:#2c2c2c; /* bordas sutis */ --g200:#3a3a3a; /* bordas mais visíveis */ --g300:#565656; /* placeholders "—", desabilitado */ --g400:#8a8a8a; /* textos secundários — legíveis no escuro */ --g500:#a8a8a8; /* texto neutro (botões inativos, SKU mono) */ --g600:#c0c0c0; /* textos de apoio — bom contraste */ --g800:#e8e8e8; /* textos principais — quase branco */ --black:#f0f0f0; /* "preto" → texto principal claro */ /* ── Accent interativo (Inteligência): só cromo de UI, nunca dados ── */ --accent:#7c6cf0;--accent-h:#6b5ce6;--accent-soft:#221f3a; /* ── Sidebar (já era escura, ajuste mínimo) ── */ --sb-bg:#0d0d0d;--sb-text:#f0f0f0;--sb-muted:#777;--sb-border:#1e1e1e;--sb-hover:#1a1a1a; /* ── Marca ── */ --red:#8a0000;--red-h:#6a0000;--red-lt:#2a1010;--red-md:#3a1515;--red-bd:#6a2020; /* ── Semânticas — tons escuros para dark mode ── */ --imp-bg:#0e1e38;--imp-bd:#1a3a6a;--imp-v:#6fa8e8; --site-bg:#0e2018;--site-bd:#1a4a28;--site-v:#5dba84; --meli-bg:#241a08;--meli-bd:#5a3a08;--meli-v:#e8a050; --r:1px;--r2:2px;--sh:0 1px 4px rgba(0,0,0,.4);--sh2:0 3px 14px rgba(0,0,0,.5); /* ── Motion (fluidez) ── */ --ease-out:cubic-bezier(.16,1,.3,1);--ease-inout:cubic-bezier(.65,0,.35,1); --dur-fast:120ms;--dur-med:180ms;--dur-slow:220ms; } /* ══ TEMA CLARO ══════════════════════════════════════════════════════════════ */ [data-theme="light"]{ color-scheme:light; --white:#f8f9fb; --bg:#e8ecf0; --bg2:#f4f6f9; --bg3:#dde1e8; --g100:#c4c9d2; --g200:#a4adb9; --g300:#7c8492; --g400:#424950; --g500:#3a4048; --g600:#282d35; --g800:#181b20; --black:#0e1117; --accent:#6d28d9;--accent-h:#5b21b6;--accent-soft:#ede9fe; --red:#8a0000;--red-h:#6a0000; --red-lt:#fdeaea;--red-md:#f9c0c0;--red-bd:#c07070; --imp-bg:#dbeafe;--imp-bd:#93c5fd;--imp-v:#1e40af; --site-bg:#dcfce7;--site-bd:#86efac;--site-v:#166534; --meli-bg:#fef9c3;--meli-bd:#fde047;--meli-v:#854d0e; --sh:0 1px 3px rgba(0,0,0,.10);--sh2:0 4px 12px rgba(0,0,0,.08); --sb-bg:#f4f6f9;--sb-text:#1c1e21;--sb-muted:#545b63;--sb-border:#d0d7e2;--sb-hover:#e4e7ec; } /* ── Tema Claro: overrides de seletores com cores hardcoded ── */ /* Cards de preço — canais */ [data-theme="light"] .pc-usd{background:var(--imp-bg);border-color:var(--imp-bd)} [data-theme="light"] .pc-usd .pc-l,[data-theme="light"] .pc-usd .pc-s{color:var(--imp-v);opacity:.85} [data-theme="light"] .pc-usd .pc-v{color:var(--imp-v)} [data-theme="light"] .pc-cr{background:var(--bg3);border-color:var(--g200)} [data-theme="light"] .pc-cr .pc-l,[data-theme="light"] .pc-cr .pc-s{color:var(--g600)} [data-theme="light"] .pc-cr .pc-v{color:var(--g800)} [data-theme="light"] .pc-site{background:var(--site-bg);border-color:var(--site-bd)} [data-theme="light"] .pc-site .pc-l,[data-theme="light"] .pc-site .pc-s{color:var(--site-v);opacity:.85} [data-theme="light"] .pc-site .pc-v{color:var(--site-v)} [data-theme="light"] .pc-meli{background:var(--meli-bg);border-color:var(--meli-bd)} [data-theme="light"] .pc-meli .pc-l,[data-theme="light"] .pc-meli .pc-s{color:var(--meli-v);opacity:.85} [data-theme="light"] .pc-meli .pc-v{color:var(--meli-v)} [data-theme="light"] .pc::after{color:var(--g400);opacity:1} /* Kits — SKU na lista de componentes */ [data-theme="light"] .kc-sku{color:var(--g800)} /* Análogos hover */ [data-theme="light"] .cp:hover{background:var(--red-lt);color:var(--g800)} [data-theme="light"] .cp:hover .cp-hint{color:var(--g400)} /* Kit builder — inputs valid/invalid */ [data-theme="light"] .mk-input-row input.valid{background:var(--site-bg);border-color:var(--site-bd);color:var(--g800)} [data-theme="light"] .mk-input-row input.invalid{background:var(--red-lt);border-color:var(--red-bd);color:var(--g800)} /* Mapa do galpão — células por ocupação */ [data-theme="light"] .mp-occ-vazio{background:#94a3b8} [data-theme="light"] .mp-occ-livre{background:#4ade80} [data-theme="light"] .mp-occ-parcial{background:#facc15} [data-theme="light"] .mp-occ-cheio{background:#fb923c} [data-theme="light"] .mp-occ-pleno{background:#f87171} [data-theme="light"] .mp-estante-id{color:rgba(0,0,0,.72)} [data-theme="light"] .mp-estante-niveis{color:rgba(0,0,0,.50)} [data-theme="light"] .mp-estante:hover{filter:brightness(.88);border-color:rgba(0,0,0,.2)} [data-theme="light"] .mp-estante.active{border-color:rgba(0,0,0,.35);box-shadow:0 0 0 2px rgba(138,0,0,.25)} [data-theme="light"] .mp-sku-tip-box{background:var(--bg2);box-shadow:0 4px 16px rgba(0,0,0,.15)} /* Sidebar nav — labels e sub-itens com cores hardcoded */ [data-theme="light"] .sb-nav-lbl{color:#3d4450} [data-theme="light"] .sb-nav-item:hover .sb-nav-lbl{color:#111316} [data-theme="light"] .sb-nav-item.active{background:rgba(138,0,0,.10);border-left-color:var(--red)} [data-theme="light"] .sb-nav-item.active .sb-nav-lbl{color:var(--red);font-weight:800} [data-theme="light"] .sb-nav-sub{color:#6b7280} [data-theme="light"] .sb-nav-item.active .sb-nav-sub{color:#545b63} [data-theme="light"] .sb-nav-chev{color:#6b7280} [data-theme="light"] .sb-nav-item.expanded .sb-nav-chev,[data-theme="light"] .sb-nav-item.active .sb-nav-chev{color:var(--red)} [data-theme="light"] .sb-nav-sub-group{border-left-color:#d0d7e2} [data-theme="light"] .sb-nav-subitem{color:#4b5563} [data-theme="light"] .sb-nav-subitem:hover{background:var(--sb-hover);color:#111316} [data-theme="light"] .sb-nav-subitem.active{background:rgba(138,0,0,.08);color:var(--red);font-weight:700} [data-theme="light"] .cfg-f input{background:#ffffff;border-color:var(--g200)} [data-theme="light"] .cfg-rst{background:#e8eaed;border-color:var(--g200);color:#4b5563} [data-theme="light"] .no-rec{color:#6b7280} /* Rodapé de utilidades da sidebar */ [data-theme="light"] .sb-util{ --sb-border:#d0d7e2; --sb-muted:#50575f; } [data-theme="light"] .sb-chip{background:#fff;border-color:#d0d7e2} [data-theme="light"] .sb-chip:hover{background:#f4f6f9} [data-theme="light"] .sb-chip-tema{background:#fff;border-color:#d0d7e2} [data-theme="light"] .sb-tema-btn{background:#f4f6f9;border-color:#d0d7e2} /* Mini-mapa (locBox) — !important pois CSS é injetado depois via JS */ [data-theme="light"] .mm-est{background:#c8cfd8!important} [data-theme="light"] .mm-est.has-sku{background:#7f8ea0!important} [data-theme="light"] .mm-est.active{background:var(--red)!important;box-shadow:0 0 0 1.5px rgba(0,0,0,.25)!important} [data-theme="light"] .mm-est:hover{filter:brightness(.88)!important} /* Simulador de margem (catálogo + varejo) — escrito com cores escuras hardcoded */ [data-theme="light"] .pc.pc-sim{background:var(--bg2);border-color:var(--g100);border-left-color:var(--red)} [data-theme="light"] .pc-sim .pc-copy-flash{background:rgba(0,0,0,.08)} [data-theme="light"] .sim-ht{color:var(--g400)} [data-theme="light"] .sim-seg-b{border-color:var(--g200);color:var(--g400)} [data-theme="light"] .sim-seg-b:hover{color:var(--g800);border-color:var(--g400)} [data-theme="light"] .sim-seg-b.base.active{background:#64748b} [data-theme="light"] .sim-price{color:var(--black)} [data-theme="light"] .sim-price:hover{background:rgba(0,0,0,.06)} [data-theme="light"] .sim-stats{color:var(--g400)} [data-theme="light"] .sim-stats b{color:var(--black)} [data-theme="light"] .sim-cost{color:var(--g400)} [data-theme="light"] .sim-tgt-wrap{color:var(--red)} [data-theme="light"] .sim-tgt-inp{color:var(--red);border-bottom-color:rgba(138,0,0,.4)} [data-theme="light"] .sim-tgt-inp:hover{border-bottom-color:rgba(138,0,0,.66)} [data-theme="light"] .sim-tgt-inp:focus{border-bottom-color:var(--red);background:rgba(138,0,0,.06)} [data-theme="light"] .sim-res{color:var(--g400);border-top-color:var(--g100)} [data-theme="light"] .sim-res-p{color:var(--black)} [data-theme="light"] .sim-res-p:hover{background:rgba(0,0,0,.06)} [data-theme="light"] .sim-res-mk{color:var(--g600)} [data-theme="light"] .sim-res-d.up{color:var(--site-v)} [data-theme="light"] .sim-res-d.dn{color:var(--meli-v)} /* Simulador de margem · Varejo (botão na lista + modal — injetados via JS) */ [data-theme="light"] .vr-sim-btn{background:var(--bg3);border-color:var(--g100);border-left-color:var(--red);color:var(--g600)} [data-theme="light"] .vr-sim-btn:hover{border-color:var(--g400);color:var(--black)} [data-theme="light"] .vr-sim-modal{background:var(--bg2);border-color:var(--g100);border-left-color:var(--red)} [data-theme="light"] .vr-sim-sku b{color:var(--g800)} [data-theme="light"] .vr-sim-nome{color:var(--g400)} [data-theme="light"] .vr-sim-cancel{border-color:var(--g200);color:var(--g400)} [data-theme="light"] .vr-sim-cancel:hover{color:var(--g800);border-color:var(--g400)} body{font-family:'Oswald',sans-serif;background:var(--bg);color:var(--black);min-height:100vh;font-size:15px;font-weight:400} .layout{display:grid;grid-template-columns:272px 1fr;min-height:100vh}.layout>aside{overflow-y:auto} /* ══ SIDEBAR ══ */ .sb{background:var(--sb-bg);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden} .sb-top{background:var(--red);padding:16px 18px 14px} .sb-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px} .sb-ic{width:36px;height:36px;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.3);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0} .sb-ic svg{width:18px;height:18px;fill:white} .sb-name{font-size:15px;font-weight:700;color:white;letter-spacing:-.4px;line-height:1.2} .sb-sub{font-size:10px;color:rgba(255,255,255,.55);margin-top:2px;letter-spacing:.3px;text-transform:uppercase} .sw{position:relative} .sw input{width:100%;padding:9px 30px 9px 34px;background:#ffffff;border:1.5px solid rgba(255,255,255,.3);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:13px;color:#111111;letter-spacing:.3px;outline:none;transition:border-color .2s} .sw input::placeholder{color:#888;letter-spacing:0;font-family:'Oswald',sans-serif;font-size:13px;text-transform:none} .sw input:focus{border-color:var(--red);background:#ffffff} .sw-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%)} .sw-ic svg{width:14px;height:14px;fill:#888} .sw-clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;cursor:pointer;font-size:17px;display:none;line-height:1;padding:0 2px} .sw-clr:hover{color:#333} /* Sidebar nav vertical */ .sb-nav{display:flex;flex-direction:column;padding:8px 8px;gap:2px;border-bottom:1px solid var(--sb-border)} .sb-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;border-left:3px solid transparent;border-radius:1px;cursor:pointer;text-align:left;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);user-select:none} .sb-nav-item:hover{background:var(--sb-hover)} .sb-nav-item.active{background:rgba(138,0,0,.25);border-left-color:var(--red)} .sb-nav-ic{font-size:1rem;flex-shrink:0;width:20px;text-align:center;filter:grayscale(.3) brightness(.85);transition:filter .15s} .sb-nav-item:hover .sb-nav-ic,.sb-nav-item.active .sb-nav-ic{filter:none} .sb-nav-lbl{font-size:13px;font-weight:700;color:#bbb;font-family:'Oswald',sans-serif;letter-spacing:.3px;line-height:1.2;transition:color .15s,font-weight .15s} .sb-nav-item:hover .sb-nav-lbl{color:var(--sb-text)} .sb-nav-item.active .sb-nav-lbl{color:#fff;font-weight:800} .sb-nav-sub{font-size:10px;color:#888;letter-spacing:.2px;margin-left:auto;white-space:nowrap} .sb-nav-item.active .sb-nav-sub{color:#bbb} .sb-nav-chev{font-size:10px;color:#888;margin-left:auto;transition:transform .2s;flex-shrink:0;line-height:1} .sb-nav-item.expanded .sb-nav-chev{transform:rotate(90deg);color:#fff} .sb-nav-item.active .sb-nav-chev{color:#bbb} .sb-nav-sub-group{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transform:translateY(-3px);transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out);margin:0 4px 0 14px;border-left:1px solid #2a2a2a} .sb-nav-sub-group.expanded{max-height:600px;opacity:1;transform:translateY(0)} .sb-nav-subitem{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 14px;background:none;border:none;cursor:pointer;text-align:left;font-size:12px;font-weight:600;color:#999;font-family:'Oswald',sans-serif;letter-spacing:.3px;transition:color .12s,background .12s;border-radius:1px;margin:1px 2px;user-select:none} .sb-nav-subitem:hover{background:var(--sb-hover);color:#f0f0f0} .sb-nav-subitem.active{background:rgba(138,0,0,.2);color:#fff;font-weight:700} /* Feed items */ .feed-item{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-radius:1px} .feed-icon{font-size:0.8rem;flex-shrink:0;margin-top:1px} .feed-content{display:flex;flex-direction:column;gap:1px;min-width:0} .feed-text{font-size:0.75rem;color:var(--sb-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .feed-sku{color:#e05060;font-weight:700;font-family:'Inter',sans-serif} .feed-time{font-size:0.65rem;color:#444} .sb-body{display:flex;flex-direction:column;flex:1;overflow-y:auto;overflow-x:hidden} .sb-util{margin-top:auto;border-top:1px solid var(--sb-border);padding:8px 10px 10px} /* Sidebar chip grid footer */ @keyframes sb-dot-pulse{0%,100%{box-shadow:0 0 0 0 rgba(58,170,106,.5)}65%{box-shadow:0 0 0 5px rgba(58,170,106,0)}} .sb-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px} .sb-chip{background:var(--sb-hover);border:1px solid var(--sb-border);border-radius:5px;padding:7px 9px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:36px;transition:background .12s} .sb-chip:hover{background:#222} .sb-chip-lbl{font-size:8px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--sb-muted);font-family:'Inter',sans-serif;line-height:1} .sb-chip-val{display:flex;align-items:center;gap:5px;min-width:0} .sb-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:#555;display:inline-block} .sb-dot.pulse-on{animation:sb-dot-pulse 2s ease-out infinite} .sb-dot-txt{font-size:10px;color:var(--sb-text);font-family:'Inter',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} .sb-refresh-btn{font-size:10px;padding:1px 5px;border-radius:3px;cursor:pointer;border:1px solid var(--g200);background:var(--bg3);color:var(--g400);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);line-height:1.4;flex-shrink:0} .sb-refresh-btn:hover{border-color:#1a6b3c;color:#3aaa6a} .sb-cache-ph{font-size:10px;color:var(--g400);font-family:'Inter',sans-serif} .sb-chip-cache:has(#blingCacheBar:not([style*="none"])) .sb-cache-ph{display:none} .sb-chip-tema{display:flex;align-items:center;justify-content:space-between;padding:0 10px;min-height:36px;background:var(--sb-hover);border:1px solid var(--sb-border);border-radius:5px} .sb-tema-btn{font-size:10px;font-weight:700;font-family:'Inter',sans-serif;padding:3px 10px;border-radius:3px;cursor:pointer;border:1px solid var(--sb-border);background:var(--bg);color:var(--sb-text);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);letter-spacing:.3px} .sb-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px 14px;border-bottom:1px solid var(--sb-border)} .sbs{background:var(--sb-hover);border:1px solid var(--sb-border);border-radius:var(--r);padding:6px 10px} .sbs-v{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:#e05060} .sbs-l{font-size:10px;color:var(--sb-muted);margin-top:1px;letter-spacing:.3px;text-transform:uppercase} .sb-cfg{padding:9px 14px;border-bottom:1px solid var(--sb-border)} .cfg-tg{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:6px 0;user-select:none;-webkit-tap-highlight-color:transparent} .cfg-tg-l{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--sb-muted)} .cfg-tg-l svg{width:13px;height:13px;fill:var(--sb-muted)} .cfg-tg:hover .cfg-tg-l{color:var(--sb-text)} .cfg-ch{font-size:10px;color:var(--sb-muted);transition:transform .2s} .cfg-ch.open{transform:rotate(180deg)} .cfg-bd{display:none;margin-top:8px} .cfg-bd.open{display:block} .cfg-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:4px} .cfg-f label{font-size:10px;font-weight:700;color:var(--sb-muted);letter-spacing:.4px;text-transform:uppercase;display:block;margin-bottom:2px} .cfg-f input{width:100%;padding:5px 7px;background:#1c1c1c;border:1px solid var(--sb-border);border-radius:1px;font-family:'Inter',sans-serif;font-size:12px;color:var(--sb-text);outline:none} .cfg-f input:focus{border-color:#e05060} .cfg-rst{margin-top:6px;width:100%;padding:5px;border-radius:1px;font-size:11px;font-family:'Oswald',sans-serif;font-weight:600;cursor:pointer;border:1px solid var(--sb-border);background:#1c1c1c;color:var(--sb-muted);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .cfg-rst:hover{border-color:#e05060;color:#e05060} .sb-rec{padding:10px 14px;overflow-y:visible} .sb-collapsed{display:none!important} .sb-ttl{font-size:10px;font-weight:700;color:var(--sb-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px} .rec-item{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:var(--r);cursor:pointer;transition:background .12s;gap:8px} .rec-item:hover{background:var(--sb-hover)} .rec-sku{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:#e05060} .rec-name{font-size:11px;color:var(--sb-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px} .rec-price{font-family:'Inter',sans-serif;font-size:11px;color:#6bc98a;white-space:nowrap;flex-shrink:0} .no-rec{font-size:11px;color:#333;text-align:center;padding:14px 0;line-height:1.8} /* ══ MAIN ══ */ .main-pad{padding:2rem 2.5rem} @keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} .anim{animation:fadeUp var(--dur-med) var(--ease-out)} @keyframes cgExit{0%{opacity:1;transform:translateY(0) scale(1);max-height:300px}100%{opacity:0;transform:translateY(-10px) scale(.97);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}} .cg-card-exit{animation:cgExit .3s ease-in forwards;overflow:hidden} @keyframes cgCardIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}} .cg-card-in{animation:cgCardIn .35s ease both} @keyframes cgSortSpin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(180deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}} .cg-sort-spin{animation:cgSortSpin .45s ease both;display:inline-block} /* HOME search hero */ .home-hero{max-width:580px;margin:0 auto;text-align:center;padding:2.5rem 0 2rem} .hero-logo{font-size:28px;font-weight:700;letter-spacing:-.6px;color:var(--black);margin-bottom:4px} .hero-logo span{color:var(--red)} .hero-logo sup{font-size:13px;font-weight:600;color:var(--red);vertical-align:super;margin-left:1px} .hero-tagline{font-size:13px;color:var(--g400);margin-bottom:24px;letter-spacing:.3px;text-transform:uppercase} .home-search{position:relative;margin-bottom:24px} .home-search input{width:100%;padding:14px 50px 14px 50px;background:var(--bg3);border:2px solid var(--g200);border-radius:var(--r2);font-family:'Inter',sans-serif;font-size:14px;color:var(--black);letter-spacing:1px;text-transform:uppercase;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:var(--sh2)} .home-search input::placeholder{color:var(--g400);letter-spacing:0;font-family:'Oswald',sans-serif;font-size:14px;text-transform:none} .home-search input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(138,0,0,.08)} .hs-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%)} .hs-icon svg{width:18px;height:18px;fill:var(--g400)} .hs-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--red);border:none;border-radius:1px;color:white;cursor:pointer;font-size:12px;font-weight:700;font-family:'Oswald',sans-serif;padding:8px 14px;transition:background .15s} .hs-btn:hover{background:var(--red-h)} .home-recents{margin-bottom:18px;text-align:left} .hr-head{font-size:11px;font-weight:700;color:var(--g400);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;padding-left:2px} .hr-chips{display:flex;flex-wrap:wrap;gap:6px} .hr-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:var(--bg2);border:1px solid var(--g100);border-radius:1px;cursor:pointer;font-family:'Oswald',sans-serif;font-size:12px;color:var(--g800);transition:border-color .12s,background .12s,transform .08s;max-width:280px} .hr-chip:hover{border-color:var(--red);background:var(--red-lt)} .hr-chip:active{transform:scale(.97)} .hr-chip .hr-ic{font-size:11px;line-height:1} .hr-chip .hr-sku{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:var(--red);flex-shrink:0} .hr-chip .hr-name{font-size:11px;color:var(--g400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px} .hr-chip.hr-kit .hr-sku{color:#5b3fa0} .home-tips{background:var(--bg2);border:1px solid var(--g100);border-radius:var(--r2);padding:14px;text-align:left;box-shadow:var(--sh)} .tip{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--g400);padding:7px 0;border-bottom:1px solid var(--g100)} .tip:last-child{border-bottom:none;padding-bottom:0} .tip-ic{width:28px;height:28px;border-radius:1px;background:var(--red-lt);border:1px solid var(--red-bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px} code.c{font-family:'Inter',sans-serif;font-size:11px;background:var(--bg3);color:var(--imp-v);padding:2px 6px;border-radius:1px;border:1px solid var(--g200)} /* Result header */ .r-hdr{background:var(--bg2);border:1.5px solid var(--g100);border-left:4px solid var(--red);border-radius:var(--r2);padding:18px 22px;margin-bottom:10px;box-shadow:var(--sh)} .r-sku{font-family:'Inter',sans-serif;font-size:22px;font-weight:700;color:var(--black);letter-spacing:.5px;cursor:pointer;position:relative;display:inline-block} .r-name{font-size:14px;color:var(--g400);margin-top:4px} .r-subinfo{font-size:11px;color:var(--g400);margin-top:3px;letter-spacing:.2px;opacity:.75} .r-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px} .badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:5px 11px;border-radius:1px;border:none} .b-ok{background:#1a6b3c;color:white} .b-via{background:#1a4a8a;color:white} .b-price{background:#061a33;color:white} .b-noprice{background:var(--bg2);color:var(--g400);border:1px solid var(--g200)} .b-alts{background:#404040;color:white} .b-kit{background:#5b3fa0;color:white} .b-warn{background:#b85c00;color:white} .b-new{background:#1a6b3c;color:white;font-size:12px;padding:5px 12px} /* Status do ciclo de vida do SKU — badge destacado, visível para todos os operadores */ .b-st{display:inline-flex;align-items:center;gap:6px;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 12px;border-radius:4px;color:#fff;border:2px solid rgba(0,0,0,.18);box-shadow:0 1px 3px rgba(0,0,0,.18);cursor:default} .b-st .b-st-ico{font-size:14px;line-height:1} .b-st.b-st-obs{background:#d49a00} .b-st.b-st-ext{background:#d96b00} .b-st.b-st-desc{background:#3a3a3a} .b-st.b-st-recente{animation:bSt-pulse 1.8s ease-in-out infinite} @keyframes bSt-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 5px rgba(255,255,255,0),0 1px 3px rgba(0,0,0,.18)}} /* Versão compacta para a listagem do catálogo */ .b-st-sm{display:inline-flex;align-items:center;gap:3px;font-family:'Oswald',sans-serif;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 7px;border-radius:3px;color:#fff;vertical-align:middle;margin-left:6px} .b-st-sm.b-st-obs{background:#d49a00} .b-st-sm.b-st-ext{background:#d96b00} .b-st-sm.b-st-desc{background:#3a3a3a} /* Price section */ .ps{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .ps-head{padding:10px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px;background:var(--bg)} .ps-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .ps-body{padding:14px 20px} .price-flow{display:flex;align-items:center;gap:5px;margin-bottom:12px;font-size:11px;flex-wrap:wrap} .pf{padding:4px 10px;border-radius:1px;font-weight:700;white-space:nowrap;background:var(--bg2);border:1.5px solid var(--g200);color:var(--g600);font-size:11px} .pf.imp{background:#1a4a8a;border-color:#1a4a8a;color:white} .pf.site{background:#1a6b3c;border-color:#1a6b3c;color:white} .pf.meli{background:#b85c00;border-color:#b85c00;color:white} .pf.rec{background:var(--red);border:1.5px solid var(--red-h);color:white;font-weight:700} .pf-a{color:var(--g300,#bbb);font-size:14px;font-weight:300} .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px} .pc{border-radius:var(--r);padding:12px 14px;border:1.5px solid transparent;cursor:pointer;user-select:none;position:relative;overflow:hidden} .pc:active{filter:brightness(1.15)} .pc::after{content:'⎘';position:absolute;top:6px;right:8px;font-size:13px;line-height:1;color:#ffffff;opacity:.35;transition:opacity .15s;pointer-events:none} .pc:hover::after{opacity:.85} .pc-base::after{color:var(--g400)} .pc-copy-flash{position:absolute;inset:0;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;font-family:Oswald,sans-serif;opacity:0;transition:opacity .15s;pointer-events:none;letter-spacing:.5px} .pc-l{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-v{font-family:'Inter',sans-serif;font-size:19px;font-weight:700;margin-bottom:3px} .pc-s{font-size:10px;opacity:.6} /* ── CUSTO USD: azul escuro sólido ── */ .pc-usd{background:#1a4a8a;border-color:#1a4a8a} .pc-usd .pc-l{color:rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-usd .pc-v{color:#ffffff;font-family:'Inter',sans-serif;font-size:19px;font-weight:700;margin-bottom:3px} .pc-usd .pc-s{color:rgba(255,255,255,.55);font-size:10px} /* ── CUSTO R$: cinza médio com texto legível ── */ .pc-cr{background:#303030;border-color:#303030} .pc-cr .pc-l{color:rgba(255,255,255,.65);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-cr .pc-v{color:#ffffff;font-family:'Inter',sans-serif;font-size:19px;font-weight:700;margin-bottom:3px} .pc-cr .pc-s{color:rgba(255,255,255,.5);font-size:10px} /* ── PREÇO BASE: cinza claro ── */ .pc-base{background:var(--bg2);border-color:var(--g200)} .pc-base .pc-l{color:var(--g400);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-base .pc-v{color:var(--g800);font-family:'Inter',sans-serif;font-size:19px;font-weight:700;margin-bottom:3px} .pc-base .pc-s{color:var(--g400);font-size:10px} /* ── SITE: verde escuro sólido ── */ .pc-site{background:#1a6b3c;border-color:#1a6b3c} .pc-site .pc-l{color:rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-site .pc-v{color:#ffffff;font-family:'Inter',sans-serif;font-size:21px;font-weight:700;margin-bottom:3px} .pc-site .pc-s{color:rgba(255,255,255,.6);font-size:10px} /* ── MELI: laranja escuro sólido ── */ .pc-meli{background:#b85c00;border-color:#b85c00} .pc-meli .pc-l{color:rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-meli .pc-v{color:#ffffff;font-family:'Inter',sans-serif;font-size:21px;font-weight:700;margin-bottom:3px} .pc-meli .pc-s{color:rgba(255,255,255,.6);font-size:10px} /* ── RECOMENDADO: vermelho da marca, maior, destaque total ── */ .pc-rec{background:var(--red);border:2px solid var(--red-h);position:relative;overflow:hidden} .pc-rec::before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 28px 28px 0;border-color:transparent rgba(255,255,255,.12) transparent transparent} .pc-rec .pc-l{color:rgba(255,255,255,.75);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px} .pc-rec .pc-v{color:#ffffff;font-family:'Inter',sans-serif;font-size:26px;font-weight:700;margin-bottom:3px} .pc-rec .pc-s{color:rgba(255,255,255,.6);font-size:10px} /* ── SIMULADOR DE MARGEM: preto + acentos no vermelho da marca ── */ .pc.pc-sim{grid-column:1/-1;background:#121212;border:1.5px solid #2a2a2a;border-left:4px solid var(--red);cursor:default} .pc-sim::after{content:none} .pc-sim .pc-copy-flash{background:rgba(255,255,255,.12)} .sim-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} .sim-ht{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8a8a8a} .sim-seg{display:flex;gap:4px} .sim-seg-b{padding:4px 12px;font-size:10px;font-weight:700;letter-spacing:.5px;font-family:'Oswald',sans-serif;border:1.5px solid #3a3a3a;background:transparent;color:#9a9a9a;border-radius:var(--r);cursor:pointer;text-transform:uppercase;transition:background-color .12s,color .12s,border-color .12s} .sim-seg-b:hover{color:#e0e0e0;border-color:#5a5a5a} .sim-seg-b.active{color:#fff;border-color:transparent} .sim-seg-b.base.active{background:#4a4a4a} .sim-seg-b.site.active{background:#1a6b3c} .sim-seg-b.meli.active{background:#b85c00} .sim-cur{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px} .sim-price{font-family:'Inter',sans-serif;font-size:26px;font-weight:700;color:#fff;cursor:pointer;position:relative;padding:2px 6px;margin-left:-6px;border-radius:var(--r);overflow:hidden} .sim-price:hover{background:rgba(255,255,255,.08)} .sim-stats{font-size:12px;color:#9a9a9a} .sim-stats b{color:#fff;font-family:'Space Mono',monospace;font-size:13px} .sim-cost{margin-left:8px;font-size:10px;color:#6a6a6a} .sim-slide-row{display:flex;align-items:center;gap:12px;margin-bottom:8px} .sim-range{flex:1;accent-color:var(--red);cursor:pointer;height:4px;min-width:120px} .sim-tgt-wrap{display:inline-flex;align-items:baseline;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;color:#e05060;min-width:62px;justify-content:flex-end} .sim-tgt-inp{width:46px;background:transparent;border:none;border-bottom:1px dashed #e0506066;color:#e05060;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;text-align:right;outline:none;padding:0 1px;cursor:text} .sim-tgt-inp:hover{border-bottom-color:#e05060aa} .sim-tgt-inp:focus{border-bottom:1px solid #e05060;background:rgba(224,80,96,.08)} .sim-res{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#9a9a9a;border-top:1px dashed #333;padding-top:8px} .sim-res-p{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;position:relative;padding:1px 6px;border-radius:var(--r);overflow:hidden} .sim-res-p:hover{background:rgba(255,255,255,.08)} .sim-res-mk{font-family:'Space Mono',monospace;font-size:11px;color:#c0c0c0} .sim-res-d{font-size:11px;font-weight:700} .sim-res-d.up{color:#5dba84} .sim-res-d.dn{color:#e8a050} .ps-meta{font-size:11px;color:var(--g400);padding-top:8px;border-top:1px solid var(--g100);display:flex;gap:6px;flex-wrap:wrap;line-height:1.7} .ps-meta b{color:var(--g600)} /* Tabs */ /* ── ABAS: estilo pill colorido ── */ .tw{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .tn{display:flex;gap:6px;border-bottom:1.5px solid var(--g100);background:var(--bg2);padding:10px 14px} .tb{padding:7px 14px;font-size:12px;font-weight:700;color:var(--g400);cursor:pointer;border:none;border-radius:1px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);background:var(--bg3);font-family:'Oswald',sans-serif;border:1.5px solid var(--g200)} .tb:hover{background:var(--g100);color:var(--g800);border-color:var(--g200)} .tb.active{color:white;border-color:transparent} .tb.active:nth-child(1){background:var(--red)} .tb.active:nth-child(2){background:#b85c00} .tb.active:nth-child(3){background:#1a6b3c} .tb.active:nth-child(4){background:var(--red)} .tb-muted{font-size:11px;opacity:.7} .tb-muted:not(.active){background:transparent;border-color:transparent;color:var(--g400)} .tb-muted:hover{opacity:1} .td{padding:16px 20px;display:none} .td.active{display:block} /* Codes */ .cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px} .cp{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;background:var(--bg3);border:2px solid var(--g200);border-radius:var(--r);padding:12px 16px;color:var(--g800);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);position:relative;overflow:hidden;letter-spacing:.5px} .cp:hover{border-color:var(--red);background:#3a1010;color:#f0f0f0} .cp.hi{border-color:var(--red);background:var(--red);color:white} .cp-dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0} .cp.hi .cp-dot{background:rgba(255,255,255,.7)} .cp-hint{margin-left:auto;font-size:10px;color:#666;opacity:0;transition:opacity .15s;font-family:'Oswald',sans-serif;letter-spacing:0} .cp:hover .cp-hint{opacity:1;color:#aaa} .cp-flash{position:absolute;inset:0;background:#1a6b3c;border:2px solid #1a6b3c;display:flex;align-items:center;justify-content:center;font-size:13px;color:white;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none;border-radius:1px} /* Hist table */ .ht{width:100%;border-collapse:collapse;font-size:12px} .ht th{text-align:left;color:var(--g400);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:7px 12px;border-bottom:1.5px solid var(--g100);background:var(--bg)} .ht td{padding:9px 12px;border-bottom:1px solid var(--g100);font-family:'Inter',sans-serif;font-size:12px} .ht tr:last-child td{border-bottom:none} .ht tr:hover td{background:var(--bg)} .td-date{color:var(--g400)!important;font-family:'Oswald',sans-serif!important} .td-usd{color:var(--imp-v)!important;font-weight:700!important} .td-brl{color:var(--meli-v)!important;font-weight:700!important} /* Related */ .rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:7px} .rc{background:var(--bg);border:1.5px solid var(--g100);border-radius:var(--r);padding:11px 13px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .rc:hover{border-color:var(--red-bd);background:var(--red-lt);box-shadow:var(--sh2)} .rc-sku{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--black)} .rc-name{font-size:11px;color:var(--g600);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rc-price{font-size:11px;color:var(--meli-v);margin-top:5px;font-family:'Inter',sans-serif;font-weight:700} .rc-np{font-size:10px;color:var(--g400);margin-top:5px} /* Multi results */ .mg{display:flex;flex-direction:column;gap:6px;margin-top:10px} .mi{background:var(--white);border:1.5px solid var(--g100);border-radius:var(--r);padding:13px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);box-shadow:var(--sh)} .mi:hover{border-color:var(--red-bd);box-shadow:var(--sh2)} .mi-sku{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--black)} .mi-name{font-size:12px;color:var(--g600);margin-top:2px} .mi-sub{font-size:11px;color:var(--g400);margin-top:2px} .mi-price{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--meli-v);text-align:right} .mi-lbl{font-size:10px;color:var(--g400);margin-top:2px;text-align:right} .mi-np{font-size:11px;color:var(--g400)} .mi-arr{color:var(--g200);text-align:right;margin-top:4px} /* Kit */ .kit-hdr{background:var(--bg2);border:1.5px solid var(--g100);border-left:4px solid var(--red);border-radius:var(--r2);padding:18px 22px;margin-bottom:10px;box-shadow:var(--sh)} .kit-sku{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:var(--black);letter-spacing:.5px;cursor:pointer;position:relative;display:inline-block} .kit-name{font-size:14px;color:var(--g600);margin-top:4px;line-height:1.5} .kit-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .kit-total{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .kit-total-head{padding:10px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px;background:var(--bg);flex-wrap:wrap} .kit-total-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .kit-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px} .kit-items-wrap{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .kit-items-head{padding:10px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;background:var(--bg);flex-wrap:wrap;gap:8px} .kit-items-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .kit-table{width:100%;border-collapse:collapse;font-size:12px} .kit-table th{text-align:left;color:var(--g400);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:8px 16px;border-bottom:1.5px solid var(--g100);background:var(--bg)} .kit-table th.oem-col{color:var(--g400);background:var(--bg)} .kit-table td{padding:10px 16px;border-bottom:1px solid var(--g100);vertical-align:middle} .kit-table tr:last-child td{border-bottom:none} .kit-table tr:hover td{background:var(--bg)} .kt-qtd{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--imp-v);text-align:center;width:50px} .kt-sku span{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--black);cursor:pointer} .kt-sku span:hover{color:var(--red);text-decoration:underline} .kt-nome{font-size:12px;color:var(--g600)} .kt-oem{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--g800);background:var(--bg3);border-radius:1px;padding:3px 8px;white-space:nowrap;max-width:200px} .kt-custo{text-align:right;white-space:nowrap} .kt-brl{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--meli-v);line-height:1.2} .kt-usd-sub{font-family:'Inter',sans-serif;font-size:10px;color:var(--g400);line-height:1.2;margin-top:1px} .kt-np{font-size:11px;color:var(--g400);font-style:italic;text-align:right} .kc{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .kc-head{padding:10px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;justify-content:space-between;background:var(--bg)} .kc-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .kc-cnt{font-size:11px;color:var(--g400)} .kc-item{padding:11px 20px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden} .kc-item:last-child{border-bottom:none} .kc-item:hover{background:var(--bg3)} .kc-copy-flash{position:absolute;inset:0;background:rgba(26,107,60,.88);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:'Oswald',sans-serif;letter-spacing:.5px;opacity:0;transition:opacity .15s;pointer-events:none} .kc-sku{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#e8e8e8;flex-shrink:0;min-width:160px} .kc-name{font-size:12px;color:var(--g600);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kc-parts{font-size:11px;color:var(--g400);flex-shrink:0} .kc-arr{color:var(--g200);flex-shrink:0} .kc-body.collapsed{display:none} .kc-toggle{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:background .15s} .kc-toggle:hover{background:var(--bg3)} .kc-toggle svg{width:16px;height:16px;fill:var(--g400)} .kc-toggle.collapsed svg{transform:rotate(180deg)} /* Montar kit */ .mk-wrap{background:var(--white);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .mk-head{padding:12px 20px;border-bottom:1px solid var(--g100);background:var(--bg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} .mk-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .mk-body{padding:16px 20px} .mk-input-row{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:start;margin-bottom:8px} .mk-input-row input{padding:8px 10px;background:var(--bg);border:1.5px solid var(--g100);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;color:var(--black);outline:none;transition:border-color .2s} .mk-input-row input:focus{border-color:var(--red)} .mk-input-row input.valid{border-color:var(--site-bd);background:#0e2018;color:#e8e8e8} .mk-input-row input.invalid{border-color:#6a2020;background:#2a1010;color:#e8e8e8} .mk-qtd-input{text-align:center;font-weight:700;color:var(--g800)} .mk-remove{background:none;border:1px solid var(--g200);border-radius:1px;color:var(--g400);cursor:pointer;font-size:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);flex-shrink:0} .mk-remove:hover{border-color:var(--red-bd);color:var(--red);background:var(--red-lt)} .mk-sku-label{font-size:11px;color:var(--g600);margin-top:-2px} .mk-sku-label.ok{color:var(--site-v);font-weight:600} .mk-sku-label.err{color:#c00} .mk-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px dashed var(--g200);border-radius:var(--r);background:none;color:var(--g400);cursor:pointer;font-size:12px;font-family:'Oswald',sans-serif;font-weight:600;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);width:100%;justify-content:center;margin-bottom:12px} .mk-add-btn:hover{border-color:var(--red-bd);color:var(--red);background:var(--red-lt)} .mk-search-btn{width:100%;padding:10px;background:var(--red);color:white;border:none;border-radius:var(--r);font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s} .mk-search-btn:hover{background:var(--red-h)} .mk-load-strip{padding:10px 20px;border-bottom:1px solid var(--g100);background:var(--bg2)} .mk-load-strip-lbl{display:block;font-size:10px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px} .mk-load-strip input{width:100%;box-sizing:border-box;padding:8px 10px;background:var(--bg);border:1.5px solid var(--g100);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;color:var(--black);outline:none;transition:border-color .2s} .mk-load-strip input:focus{border-color:var(--red)} .mk-load-strip input.mk-loaded{border-color:var(--g200);color:var(--g400)} .mkr-exact{background:var(--bg2);border:2px solid var(--red);border-radius:var(--r2);padding:20px 24px;margin-bottom:10px;box-shadow:var(--sh2)} .mkr-exact-ttl{font-size:11px;font-weight:700;color:var(--red);letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:6px} .mkr-partial{background:var(--white);border:1.5px solid var(--g100);border-left:4px solid var(--meli-v);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .mkr-partial-head{padding:10px 20px;border-bottom:1px solid var(--g100);background:var(--bg);display:flex;align-items:center;justify-content:space-between} .mkr-partial-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} /* ══ ADMIN PANELS ══ */ .adm{padding:2rem 2.5rem} .adm-title{font-size:20px;font-weight:700;color:var(--black);letter-spacing:-.4px;margin-bottom:4px} .adm-title span{color:var(--red)} .adm-sub{font-size:13px;color:var(--g400);margin-bottom:20px} .adm-card{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);padding:20px 24px;margin-bottom:14px;box-shadow:var(--sh)} .adm-card-title{font-size:11px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px} .adm-card-title svg{width:14px;height:14px;fill:var(--red)} .form-row{display:grid;gap:10px;margin-bottom:10px} .form-row.cols2{grid-template-columns:1fr 1fr} .form-row.cols3{grid-template-columns:1fr 1fr 1fr} .form-row.cols4{grid-template-columns:repeat(4,1fr)} .f-field{display:flex;flex-direction:column;gap:4px} .f-field label{font-size:10px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase} .f-field input,.f-field select,.f-field textarea{padding:9px 12px;background:var(--bg2);border:1.5px solid var(--g200);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;color:var(--g800);outline:none;transition:border-color .2s} .f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--red)} .f-field input.ok{border-color:var(--site-bd);background:var(--site-bg)} .f-field input.err{border-color:#f5a0a0;background:#fff5f5} .f-field .f-hint{font-size:11px;margin-top:2px} .f-field .f-hint.ok{color:var(--site-v)} .f-field .f-hint.err{color:#c00} .adm-btn{padding:10px 20px;background:var(--red);color:white;border:none;border-radius:var(--r);font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s} .adm-btn:hover{background:var(--red-h)} .adm-btn.sec{background:var(--bg3);color:var(--g600);border:1.5px solid var(--g200)} .adm-btn.sec:hover{border-color:var(--red-bd);color:var(--red)} .adm-success{background:var(--site-bg);border:1px solid var(--site-bd);border-radius:var(--r);padding:10px 14px;font-size:13px;color:#5dba84;font-weight:600;display:none;margin-top:10px} .adm-success.show{display:block} .adm-error{background:#fff5f5;border:1px solid #f5a0a0;border-radius:var(--r);padding:10px 14px;font-size:13px;color:#c00;font-weight:600;display:none;margin-top:10px} .adm-error.show{display:block} /* Recent entries table */ .recent-entries{margin-top:14px} .re-title{font-size:10px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px} .re-table{width:100%;border-collapse:collapse;font-size:12px} .re-table th{text-align:left;color:var(--g400);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:6px 10px;border-bottom:1.5px solid var(--g100);background:var(--bg)} .re-table td{padding:8px 10px;border-bottom:1px solid var(--g100);font-family:'Inter',sans-serif;font-size:11px} .re-table tr:last-child td{border-bottom:none} .re-del{background:none;border:1px solid var(--g200);border-radius:1px;color:var(--g400);cursor:pointer;font-size:11px;padding:2px 7px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .re-del:hover{border-color:var(--red-bd);color:var(--red);background:var(--red-lt)} .re-edit{background:none;border:1px solid var(--g200);border-radius:1px;color:var(--g400);cursor:pointer;font-size:11px;padding:2px 6px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .re-edit:hover{border-color:#1a4a8a;color:#4a8ad4;background:#1a2a3a} /* Separator */ .sep{border:none;border-top:1px solid var(--g100);margin:16px 0} /* NOT FOUND */ .nf{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);padding:3rem;text-align:center;box-shadow:var(--sh)} .nf-ic{font-size:36px;margin-bottom:10px;opacity:.15} .nf-msg{font-size:15px;color:var(--g800);font-weight:600} .nf-hint{font-size:12px;color:var(--g400);margin-top:8px} .nf-sugg{margin-top:22px;text-align:left;max-width:440px;margin-left:auto;margin-right:auto} .nf-sugg-ht{font-size:11px;font-weight:700;color:var(--g400);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;padding-left:2px} .nf-sugg-item{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:var(--r);background:var(--bg3);border:1px solid var(--g100);cursor:pointer;margin-bottom:5px;width:100%;transition:border-color .12s,background .12s;font-family:inherit;text-align:left} .nf-sugg-item:hover{border-color:var(--red);background:var(--red-lt)} .nf-sugg-sku{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--red);flex-shrink:0} .nf-sugg-name{font-size:12px;color:var(--g400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1} .nf-sugg-via{font-size:10px;color:#888;font-family:'Inter',sans-serif;flex-shrink:0} .nf-cta{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap} .nf-btn{padding:9px 18px;border-radius:1px;font-family:'Oswald',sans-serif;font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid var(--g200);background:var(--bg2);color:var(--g800);transition:background .12s,border-color .12s;letter-spacing:.3px} .nf-btn:hover{background:var(--bg3);border-color:var(--g300)} .nf-btn.primary{background:var(--red);color:white;border-color:var(--red)} .nf-btn.primary:hover{background:var(--red-h)} /* ══ AUTOCOMPLETE ══ */ .ac-wrap{position:relative} .ac-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg3);border:1.5px solid var(--g200);border-radius:var(--r);box-shadow:0 6px 20px rgba(0,0,0,.5);z-index:999;max-height:260px;overflow-y:auto;display:none} .ac-dropdown.open{display:block} .ac-item{padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--g100);display:flex;align-items:baseline;gap:10px;transition:background .1s} .ac-item:last-child{border-bottom:none} .ac-item:hover,.ac-item.focused{background:var(--red-md)} .ac-code{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:var(--g800);flex-shrink:0} .ac-name{font-size:12px;color:var(--g400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ac-via{font-size:11px;color:#e8e8e8;font-weight:700;font-family:'Inter',sans-serif;flex-shrink:0;letter-spacing:.3px} .ac-empty{padding:10px 14px;font-size:12px;color:var(--g400);font-style:italic} /* Sidebar search dropdown — dark */ .sw-ac{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:var(--r);box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:999;max-height:240px;overflow-y:auto;display:none} .sw-ac.open{display:block} .sw-ac .ac-item{border-bottom:1px solid #2a2a2a;padding:8px 12px} .sw-ac .ac-item:hover,.sw-ac .ac-item.focused{background:#2a2a2a} .sw-ac .ac-code{color:#e05060} .sw-ac .ac-name{color:#888} /* Create kit panel */ .mk-create{background:var(--bg2);border:2px solid var(--site-bd);border-radius:var(--r2);padding:20px 24px;margin-bottom:10px;box-shadow:var(--sh)} .mk-create-ttl{font-size:11px;font-weight:700;color:var(--site-v);letter-spacing:.8px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px} /* Scroll */ ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:1px} /* ══ HAMBURGER MENU ══ */ #sbToggleBtn{display:none;position:fixed;top:10px;left:10px;z-index:1002;background:var(--red);border:none;border-radius:var(--r);width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.5);flex-shrink:0;padding:0} #sbToggleBtn svg{width:22px;height:22px;fill:white;display:block} #sbBackdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1000;transition:opacity .2s} #sbBackdrop.show{display:block} /* Toggle interno da sidebar (desktop colapsa, mobile fecha) */ #sbInnerToggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;width:30px;height:30px;border-radius:var(--r);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1;padding:0;margin-left:auto;flex-shrink:0;transition:background .15s,transform .15s} #sbInnerToggle:hover{background:rgba(255,255,255,.2)} body.sb-desktop-hidden #sbInnerToggle{display:none!important} /* Desktop com sidebar colapsada */ body.sb-desktop-hidden .layout>aside{display:none} body.sb-desktop-hidden .layout{grid-template-columns:1fr} body.sb-desktop-hidden #sbToggleBtn{display:flex} body.sb-desktop-hidden #main{padding-top:56px} @media(max-width:1024px){ .layout{grid-template-columns:1fr} .layout>aside{position:fixed;top:0;left:0;bottom:0;z-index:1001;width:272px;transform:translateX(-100%);transition:transform .25s ease} .layout>aside.sb-open{transform:translateX(0)} .sb{position:static;height:100vh} #sbToggleBtn{display:flex} #main{padding-top:56px} .main-pad{padding:1rem 1rem} .pg,.kit-pg{grid-template-columns:repeat(2,1fr)} .mk-input-row{grid-template-columns:60px 1fr auto} .r-hdr-inner{flex-direction:column;align-items:stretch} .r-meta-boxes{display:block!important;width:100%;box-sizing:border-box} .loc-box,.med-box{display:block!important;width:100%!important;box-sizing:border-box;margin-bottom:8px;min-width:0} .loc-box-title{flex-wrap:wrap} .loc-slot-val{word-break:break-all} .loc-slots{grid-template-columns:1fr 1fr} .kit-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} .kt-oem{display:none} .kit-table td,.kit-table th{padding:7px 10px;white-space:nowrap} .ps-meta{font-size:10px} } /* Tooltip rich de análogos */ .oem-tooltip-wrap{display:inline-flex;align-items:center;gap:4px} .oem-extra-badge{font-size:10px;font-weight:700;color:var(--imp-v);background:var(--imp-bg);border:1px solid var(--imp-bd);border-radius:1px;padding:1px 6px;cursor:default;line-height:1.4} #oem-global-tooltip{display:none;position:fixed;background:var(--bg3);border:1.5px solid var(--g200);border-radius:1px;padding:10px 12px;box-shadow:0 8px 32px rgba(0,0,0,.6);z-index:9999;min-width:180px;max-width:320px;pointer-events:none;--arrow-left:50%} #oem-global-tooltip::before{content:'';position:absolute;top:-5px;left:var(--arrow-left);width:8px;height:8px;background:var(--bg3);border-left:1.5px solid var(--g200);border-top:1.5px solid var(--g200);transform:translateX(-50%) rotate(45deg)} .oem-tooltip-label{font-size:9px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px} .oem-code-pill{display:inline-block;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;color:var(--imp-v);background:var(--imp-bg);border:1px solid var(--imp-bd);border-radius:1px;padding:3px 8px;margin:2px 3px 2px 0;white-space:nowrap} .r-sku-flash{position:absolute;inset:0;background:var(--site-v);border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:13px;color:white;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none;font-family:'Oswald',sans-serif} /* ── Localização no estoque ── */ .r-hdr-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .r-hdr-left{flex:1;min-width:0} .loc-box{flex-shrink:0;width:260px;background:var(--bg);border:1.5px solid var(--g200);border-radius:var(--r2);padding:12px 14px} /* ── Embalagem / Medidas ── */ .r-meta-boxes{display:flex;flex-direction:row;gap:8px;align-items:flex-start} .med-box{flex-shrink:0;width:260px;background:var(--bg);border:1.5px solid var(--g200);border-radius:var(--r2);padding:12px 14px} .med-slots-dim{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:6px} .loc-box-title{font-size:9px;font-weight:700;color:var(--g400);letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:5px} .loc-box-title svg{width:11px;height:11px;fill:var(--g400);flex-shrink:0} .loc-slots{display:grid;grid-template-columns:1fr 1fr;gap:6px} .loc-slot{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r);padding:7px 10px;cursor:pointer;transition:border-color .15s;position:relative} .loc-slot:hover{border-color:var(--g400)} .loc-slot-label{font-size:9px;font-weight:700;color:var(--g400);letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px} .loc-slot-val{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;color:var(--g800);letter-spacing:.5px} .loc-slot-val.empty{color:var(--g200);font-weight:400;font-size:11px;font-family:'Oswald',sans-serif} .loc-slot-flash{position:absolute;inset:0;background:var(--site-v);border-radius:1px;display:flex;align-items:center;justify-content:center;font-size:12px;color:white;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none} .obs-slot{min-width:0;overflow:hidden} .obs-slot .loc-slot-val{font-size:10px;font-family:'Oswald',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600} .loc-add-btn{margin-top:8px;width:100%;background:none;border:1.5px dashed var(--g200);border-radius:var(--r);padding:6px;font-size:11px;color:var(--g400);cursor:pointer;font-family:'Oswald',sans-serif;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);text-align:center} .loc-add-btn:hover{border-color:var(--g600);color:var(--g600);background:var(--bg3)} /* Modal de localização */ .loc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:5000;display:flex;align-items:center;justify-content:center} .loc-modal{background:var(--bg2);border:1.5px solid var(--g200);border-radius:var(--r2);padding:24px;width:340px;box-shadow:0 16px 48px rgba(0,0,0,.5)} .loc-modal-title{font-size:14px;font-weight:700;color:var(--g800);margin-bottom:4px} .loc-modal-sub{font-size:12px;color:var(--g400);margin-bottom:16px} .loc-modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px} .loc-modal-field label{display:block;font-size:9px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px} .loc-modal-field input{width:100%;padding:8px 10px;background:var(--bg);border:1.5px solid var(--g200);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:13px;color:var(--g800);outline:none;text-transform:uppercase;transition:border-color .15s} .loc-modal-field input:focus{border-color:var(--red)} .loc-preview{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;color:var(--imp-v);background:var(--imp-bg);border:1px solid var(--imp-bd);border-radius:var(--r);padding:8px 12px;text-align:center;margin-bottom:14px;letter-spacing:1px;min-height:36px;display:flex;align-items:center;justify-content:center} .loc-modal-btns{display:flex;gap:8px} .loc-modal-btns button{flex:1;padding:9px;border-radius:var(--r);font-size:12px;font-weight:700;font-family:'Oswald',sans-serif;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .loc-btn-save{background:var(--red);border:none;color:white} .loc-btn-save:hover{background:var(--red-h)} .loc-btn-del{background:none;border:1.5px solid var(--g200);color:var(--g400)} .loc-btn-del:hover{border-color:#c06060;color:#c06060} .loc-btn-cancel{background:none;border:1.5px solid var(--g200);color:var(--g600)} /* Modal embalagem — chips de modelo */ .med-preset-section{margin-bottom:14px} .med-preset-label{font-size:9px;font-weight:700;color:var(--g400);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px} .med-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px} .med-preset-chip{background:var(--bg);border:1.5px solid var(--g200);border-radius:var(--r);padding:6px 4px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;transition:border-color .15s} .med-preset-chip:hover{border-color:var(--g400)} .med-preset-chip.active{border-color:var(--red)} .med-chip-nome{font-size:10px;font-weight:700;color:var(--g800);font-family:'Oswald',sans-serif;letter-spacing:.2px;line-height:1.2} .med-chip-dim{font-size:8px;color:var(--g400);font-family:'Inter',sans-serif;line-height:1.3} .med-preset-chip.active .med-chip-nome{color:var(--red)} .med-preset-chip.active .med-chip-dim{color:var(--red)} /* ── Comparador lado a lado ── */ .cmp-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg3);border:1.5px solid var(--g200);border-radius:1px;font-size:11px;font-weight:600;color:var(--g600);cursor:pointer;font-family:'Oswald',sans-serif;letter-spacing:.3px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);margin-left:8px;vertical-align:middle} .cmp-btn:hover{border-color:var(--imp-bd);color:var(--imp-v);background:var(--imp-bg)} .cmp-btn.active{border-color:var(--imp-bd);color:var(--imp-v);background:var(--imp-bg)} .cmp-btn svg{width:13px;height:13px;fill:currentColor;flex-shrink:0} .kit-find-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--bg3);border:1.5px solid var(--g200);border-radius:1px;font-size:11px;font-weight:600;color:var(--g600);cursor:pointer;font-family:'Oswald',sans-serif;letter-spacing:.3px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);flex-shrink:0} .kit-find-btn:hover{border-color:var(--red-bd);color:var(--red);background:var(--red-lt)} #main.split-mode{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden} .split-pane{overflow-y:auto;height:100%;border-right:1px solid var(--g100)} .split-pane:last-child{border-right:none} .split-search{position:sticky;top:0;z-index:10;background:var(--bg2);border-bottom:1px solid var(--g100);padding:10px 14px;display:flex;gap:8px;align-items:center} .split-search input{flex:1;padding:8px 12px;background:var(--bg3);border:1.5px solid var(--g200);border-radius:var(--r);font-family:'Inter',sans-serif;font-size:12px;color:var(--g800);outline:none;text-transform:uppercase;transition:border-color .15s} .split-search input:focus{border-color:var(--red)} .split-search input::placeholder{font-family:'Oswald',sans-serif;font-size:12px;text-transform:none;color:var(--g400)} .split-close{background:none;border:1px solid var(--g200);border-radius:var(--r);color:var(--g400);cursor:pointer;padding:5px 10px;font-size:11px;font-family:'Oswald',sans-serif;white-space:nowrap} .split-close:hover{border-color:#c06060;color:#c06060} .split-content{padding:0} .split-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--g400);font-size:13px;gap:8px} .split-empty svg{width:32px;height:32px;fill:var(--g200)} .mp-sku-tip{position:relative;display:inline-block} .mp-sku-tip-box{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%); background:#1a1a1a;border:1px solid var(--g200);border-radius:1px;padding:8px 10px; min-width:160px;max-width:240px;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,.5)} .mp-sku-tip:hover .mp-sku-tip-box{display:block} .mp-sku-tip-title{font-size:8px;font-weight:700;color:var(--g400);letter-spacing:.5px; text-transform:uppercase;margin-bottom:5px} .mp-sku-tip-alt{font-family:'Inter',sans-serif;font-size:10px;color:var(--g600); padding:2px 0;border-bottom:1px solid var(--g100)} .mp-sku-tip-alt:last-child{border-bottom:none} .mp-shelf-sku-item{cursor:pointer} /* ── Banner de Manutenção ─────────────────────────────────────────────────── */ #_manutBanner{ display:none;position:fixed;inset:0;z-index:999999; background:rgba(10,0,0,.92); flex-direction:column;align-items:center;justify-content:center; font-family:'Oswald',sans-serif;text-align:center; backdrop-filter:blur(4px);pointer-events:all; } #_manutBanner.ativo{display:flex} #_manutIcon{font-size:56px;margin-bottom:16px;animation:_pulse 2s ease-in-out infinite} @keyframes _pulse{0%,100%{opacity:1}50%{opacity:.5}} #_manutTitulo{font-size:32px;font-weight:700;color:#ff4444;letter-spacing:2px;margin-bottom:8px} #_manutSub{font-size:15px;color:#aaa;margin-bottom:32px} #_manutClock{ font-size:64px;font-weight:700;color:#fff;letter-spacing:6px; font-family:'Inter',sans-serif; background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12); border-radius:1px;padding:12px 32px;margin-bottom:24px; } #_manutRodape{font-size:13px;color:#666} /* ══ CRM ══════════════════════════════════════════════════════════════════════ */ @keyframes crmPulse{0%,100%{box-shadow:0 0 0 3px rgba(239,68,68,.30)}50%{box-shadow:0 0 0 7px rgba(239,68,68,.10)}} .crm-expand{transition:border-color .15s,background .15s} .crm-expand:hover{border-color:var(--g200)!important;background:var(--bg3)!important} .crm-chev{display:inline-block;transition:transform .15s;color:var(--g400);font-size:10px;line-height:1} .crm-chev.open{transform:rotate(90deg)} .crm-link-btn{background:transparent;border:none;color:var(--red);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;padding:0;text-decoration:underline} .crm-link-btn:hover{color:var(--red-h)} .crm-action-btn{padding:7px 12px;border-radius:var(--r);font-size:11px;font-weight:700;cursor:pointer;font-family:'Oswald',sans-serif;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--g200);background:transparent;color:var(--g600);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);display:inline-flex;align-items:center;gap:6px} .crm-action-btn:hover{border-color:var(--red);color:var(--red)} .crm-action-btn-primary{padding:8px 16px;border-radius:var(--r);font-size:12px;font-weight:700;cursor:pointer;font-family:'Oswald',sans-serif;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--red);background:var(--red);color:#fff;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);display:inline-flex;align-items:center;gap:6px} .crm-action-btn-primary:hover{background:var(--red-h);border-color:var(--red-h)} .crm-menu-wrap{position:relative;display:inline-block} .crm-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg2);border:1px solid var(--g200);border-radius:var(--r);min-width:210px;padding:4px;z-index:100;box-shadow:0 6px 18px rgba(0,0,0,.45)} .crm-menu-item{display:block;width:100%;text-align:left;padding:9px 12px;background:transparent;border:none;color:var(--g800);font-size:12px;cursor:pointer;border-radius:3px;font-family:'Oswald',sans-serif;letter-spacing:.3px;text-transform:uppercase;font-weight:700} .crm-menu-item:hover{background:var(--bg3);color:var(--red)} .crm-resumo-card[onclick]:hover{background:var(--bg3)!important} .crm-copy-btn{background:transparent;border:1px solid var(--g100);color:var(--g400);cursor:pointer;padding:2px 5px;border-radius:3px;font-size:11px;line-height:1;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .crm-copy-btn:hover{border-color:var(--red);color:var(--red)} .crm-list-item.crm-kbd-active{outline:2px solid var(--red);outline-offset:-1px} /* CRM responsive */ @media(max-width:1100px){.crm-grid{grid-template-columns:1fr!important}.crm-list-body{max-height:50vh!important}.crm-col-body{max-height:none!important;min-height:0!important}} @media(max-width:700px){.crm-bottom-grid{grid-template-columns:1fr!important}.crm-metric-grid{grid-template-columns:1fr!important}.crm-header-values{grid-template-columns:1fr!important}} /* ── Recompras CRM/Varejo/Orçamentos (classes compartilhadas) ── */ .vr-crm-rec{margin-bottom:14px;padding:12px 14px;background:linear-gradient(90deg,#1a6b3c1a,transparent);border:1.5px solid #1a6b3c44;border-left:3px solid #1a6b3c;border-radius:var(--r2)} .vr-crm-rec.vr-crm-rec-empty{background:var(--bg2);border-color:var(--g100);border-left-color:var(--g200);padding:8px 12px;display:flex;align-items:center;gap:8px} .vr-crm-rec.vr-crm-rec-exp{background:var(--bg2);border-color:var(--g100);border-left-color:#1a6b3c} .vr-crm-rec.vr-crm-rec-exp .vr-crm-rec-hdr{margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--g100)} .vr-crm-rec-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:'Oswald',sans-serif} .vr-crm-rec-icon{font-size:14px} .vr-crm-rec-title{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--g600)} .vr-crm-rec-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#1a6b3c66;color:#9adfb8;border-radius:10px;font-size:10px;font-weight:700;font-family:'Oswald',sans-serif} .vr-crm-rec-mais{margin-left:auto;font-size:10px;color:var(--g400);font-family:'Space Mono',monospace;font-weight:400;text-transform:none;letter-spacing:0} .vr-crm-rec-list{display:flex;flex-wrap:wrap;gap:6px} .vr-crm-rec-item{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r);cursor:pointer;font-family:'Space Mono',monospace;font-size:11px;border:1px solid;background:var(--bg2);color:var(--g800);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out)} .vr-crm-rec-item:hover{transform:translateY(-1px);filter:brightness(1.15)} .vr-crm-rec-item .vr-crm-rec-sku{font-weight:700;letter-spacing:.3px} .vr-crm-rec-item .vr-crm-rec-when{font-size:10px;opacity:.85;font-weight:600} .vr-crm-rec-item .vr-crm-rec-desc{font-size:10px;color:var(--g400);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .vr-crm-rec-item.rec-atrasado{border-color:#8a000088;background:#8a000022;color:#f0a0a0} .vr-crm-rec-item.rec-atrasado .vr-crm-rec-when{color:#e07070} .vr-crm-rec-item.rec-agora{border-color:#b85c0088;background:#b85c0022;color:#f0c090} .vr-crm-rec-item.rec-agora .vr-crm-rec-when{color:#e09060} .vr-crm-rec-item.rec-proximo{border-color:#1a6b3c66;background:#1a6b3c1a;color:#9adfb8} .vr-crm-rec-item.rec-proximo .vr-crm-rec-when{color:#7dd5a0} .rec-filters{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;padding-bottom:8px;border-bottom:1px solid var(--g100)} .rec-filter-chip{padding:4px 9px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;font-family:'Oswald',sans-serif;border:1px solid var(--g200);background:transparent;color:var(--g600);transition:border-color .12s,background .12s,color .12s} .rec-filter-chip:hover{color:var(--g800);border-color:var(--g600)} .rec-filter-chip.active{background:var(--bg3);color:var(--g800);border-color:var(--g600)} .rec-filter-chip.atrasado.active{background:#8a000022;color:#f0a0a0;border-color:#8a000088} .rec-filter-chip.agora.active{background:#b85c0022;color:#f0c090;border-color:#b85c0088} .rec-filter-chip.proximo.active{background:#1a6b3c22;color:#9adfb8;border-color:#1a6b3c66} .rec-list{display:flex;flex-direction:column;gap:5px;max-height:340px;overflow-y:auto;padding-right:4px} @keyframes spin{to{transform:rotate(360deg)}} /* ══ Anúncios ML ══ */ .mlb-wrap{background:var(--bg2);border:1.5px solid var(--g100);border-radius:var(--r2);margin-bottom:10px;overflow:hidden;box-shadow:var(--sh)} .mlb-head{padding:10px 20px;border-bottom:1px solid var(--g100);display:flex;align-items:center;gap:8px;background:var(--bg)} .mlb-ht{font-size:10px;font-weight:700;color:var(--g600);letter-spacing:.8px;text-transform:uppercase} .mlb-cnt{font-size:11px;color:var(--g400);margin-left:4px} .mlb-empty{padding:14px 20px;font-size:12px;color:var(--g400)} .mlb-item{padding:10px 20px;border-bottom:1px solid var(--g100);cursor:pointer;transition:background .12s;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;border-left:3px solid transparent} .mlb-item:last-child{border-bottom:none} .mlb-item:hover{background:var(--bg3)} .mlb-item.mlb-130r{border-left-color:#8a0000} .mlb-item.mlb-hs{border-left-color:#1a4a8a} .mlb-badge-emp{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:3px;flex-shrink:0;font-family:'Oswald',sans-serif} .mlb-130r .mlb-badge-emp{background:#8a000022;color:#e07070;border:1px solid #8a000055} .mlb-hs .mlb-badge-emp{background:#1a4a8a22;color:#8ba8d4;border:1px solid #1a4a8a55} .mlb-id{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:var(--g800);flex-shrink:0;cursor:copy;padding:2px 5px;border-radius:3px;transition:background .12s} .mlb-id:hover{background:var(--g100)} .mlb-titulo{font-size:12px;color:var(--g500);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mlb-link-icon{color:var(--g400);flex-shrink:0;font-size:13px;margin-left:auto} .mlb-copy-flash{position:absolute;inset:0;background:rgba(26,107,60,.88);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:'Oswald',sans-serif;letter-spacing:.5px;opacity:0;transition:opacity .15s;pointer-events:none} .mlb-skeleton .mlb-skel-bar{display:inline-block;height:12px;border-radius:4px;background:var(--g100);animation:mlb-pulse 1.2s ease-in-out infinite} @keyframes mlb-pulse{0%,100%{opacity:.4}50%{opacity:.9}} /* ── Fluidez: microinterações ───────────────────────────────────────── */ /* Estado tátil discreto em itens clicáveis (afunda 1px ao pressionar) */ button:active,.sb-nav-item:active,.sb-nav-subitem:active,.rec-item:active, .hr-chip:active,.kc-item:active,.mlb-item:active,.nf-sugg-item:active, .cp:active,.tb:active,.rc:active,.mi:active,.cmp-btn:active,.kit-find-btn:active, .crm-action-btn:active,.crm-action-btn-primary:active{transform:translateY(1px)} /* Anel de foco consistente em inputs (a cor da borda fica por conta de cada componente) */ input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(138,0,0,.12)} /* Skeleton genérico para áreas assíncronas (shimmer sóbrio) */ .skel{position:relative;overflow:hidden;background:var(--g100);border-radius:4px} .skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skel 1.1s infinite} .skel-line{height:12px;margin:6px 0} @keyframes skel{to{transform:translateX(100%)}} /* Respeita quem pediu menos movimento no sistema */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} } /* ══ CURADORIA DE CANAIS (REDESIGN) ══ */ /* Drawer (Painel lateral de configuração) */ .cc-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:900;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(2px)} .cc-drawer-overlay.open{opacity:1;pointer-events:auto} .cc-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:90vw;background:var(--bg2);z-index:901;transform:translateX(100%);transition:transform .3s cubic-bezier(0.16,1,0.3,1);box-shadow:-4px 0 24px rgba(0,0,0,.5);overflow-y:auto;border-left:1px solid var(--g100)} .cc-drawer.open{transform:translateX(0)} .cc-drawer-head{padding:16px 20px;border-bottom:1px solid var(--g100);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg2);z-index:2} .cc-drawer-head h3{font-family:'Oswald',sans-serif;font-size:16px;color:var(--g800);margin:0;letter-spacing:1px;text-transform:uppercase} .cc-drawer-close{background:none;border:none;color:var(--g400);font-size:24px;line-height:1;cursor:pointer;padding:0 4px} .cc-drawer-close:hover{color:var(--red)} .cc-drawer-body{padding:20px} /* Tabela Premium */ .cc-table-wrap{max-height:calc(100vh - 160px);overflow:auto;border:1px solid var(--g100);border-radius:8px;background:var(--bg2);box-shadow:var(--sh)} .cc-table{width:100%;border-collapse:collapse;font-size:12px} .cc-table thead tr{position:sticky;top:0;background:var(--bg3);z-index:1;box-shadow:0 1px 3px rgba(0,0,0,.3)} .cc-table th{padding:10px 12px;text-align:left;color:var(--g500);font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-family:'Oswald',sans-serif} .cc-row{border-bottom:1px solid var(--g100);transition:background .15s ease, border-left .15s;border-left:3px solid transparent} .cc-row:hover{background:var(--bg)} .cc-row-sel{background:var(--bg3);border-left-color:var(--accent)} .cc-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .1s, background .15s;text-transform:uppercase;font-family:'Oswald',sans-serif} .cc-btn:active{transform:scale(.95)}