.erp-wrap{display:flex;font-family:Arial,Helvetica,sans-serif;min-height:720px;color:#222}.sidebar{width:235px;background:#111;color:#fff;min-height:100vh;padding:20px;box-sizing:border-box;position:sticky;top:0}.sidebar h2{margin-top:0}.sidebar button{display:block;width:100%;margin:0 0 9px;background:#222;color:#fff;border:0;border-radius:8px;padding:11px;cursor:pointer;text-align:left}.sidebar button:hover,.sidebar button.active{background:#00a650}.content{flex:1;padding:24px;background:#f5f6f7;box-sizing:border-box}.card{background:#fff;padding:16px;border-radius:12px;margin-bottom:15px;box-shadow:0 3px 12px rgba(0,0,0,.06)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card strong{display:block;font-size:26px;margin-top:8px}.product{display:flex;gap:16px;align-items:flex-start}.product img{width:100px;height:100px;object-fit:cover;border-radius:10px;border:1px solid #eee}.grow{flex:1}input,select,textarea{width:100%;padding:10px;margin:5px 0 10px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;background:#fff}button{margin:5px 6px 5px 0;padding:9px 12px;border:0;border-radius:8px;background:#00a650;color:#fff;cursor:pointer}button.danger{background:#d63638}.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline input,.inline select{width:160px;max-width:100%}.check{display:inline-flex;align-items:center;gap:6px;margin:6px 14px 6px 0}.check input{width:auto;margin:0}.bars{height:160px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #ddd;padding-top:15px;overflow-x:auto}.barWrap{display:flex;flex-direction:column;align-items:center;min-width:34px}.bar{width:24px;background:#00a650;border-radius:6px 6px 0 0}.barWrap small{font-size:10px;margin-top:5px}.erp-public{font-family:Arial,Helvetica,sans-serif}.publicTop{display:flex;gap:10px;align-items:center;margin-bottom:20px}.publicTop input{flex:1}.publicTop button{width:90px}.publicGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.publicProduct img{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#f2f2f2}.publicProduct h3{min-height:48px}@media(max-width:800px){.erp-wrap{display:block}.sidebar{width:100%;min-height:auto;position:static}.grid,.grid.two{grid-template-columns:1fr}.product{display:block}.product img{width:100%;height:180px}.inline input,.inline select{width:100%}}
.stockLine{display:inline-block;margin:2px 8px 8px 0;padding:4px 8px;background:#f1f5f9;border-radius:999px;color:#334155}.stockEdit{padding:8px 0;border-bottom:1px solid #eef2f7}.stockEdit button{align-self:center}
.filePicker input[type=file]{display:none}.filePicker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fileBtn{display:inline-block;background:#111827;color:#fff;padding:10px 12px;border-radius:10px;cursor:pointer}.filePicker small{color:#6b7280}.stockLine{display:block;margin:2px 0;color:#475569}
.erp-code{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.barcode{height:48px;display:flex;align-items:stretch;background:#fff;padding:6px;border:1px solid #ddd}.barcode span{display:block;background:#111;margin-right:1px}.qr{width:72px!important;height:72px!important;object-fit:contain!important;border:1px solid #ddd;background:#fff}.publicProduct .erp-code{justify-content:center}.publicProduct .barcode{height:32px}.publicProduct .qr{width:54px!important;height:54px!important}@media print{.sidebar,button,input,select,.publicTop{display:none!important}.content{padding:0;background:#fff}.card{box-shadow:none;border:1px solid #ddd}}
.erpModal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.erpModalBox{background:#fff;border-radius:18px;padding:24px;max-width:520px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.totalPedido{font-size:20px;font-weight:700;margin:12px 0}
.orderMini{border-top:1px solid #eee;padding:12px 0}
.cameraScan{margin-top:10px}.cameraBox{margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:12px;background:#fff}.cameraBox video{max-width:320px;width:100%;border-radius:12px}.orderMini{border-top:1px solid #eee;padding:12px 0}.totalPedido{font-size:18px;font-weight:700}.erpModal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:99999}.erpModalBox{background:#fff;padding:22px;border-radius:18px;max-width:460px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.25)}

/* Melhorias mobile/app-like e nota de retirada */
.retiradaProduto{display:flex;align-items:center;gap:12px;border:1px solid #eef2f7;border-radius:14px;background:#fff;padding:10px;margin:8px 0}
.retiradaProduto img{width:74px;height:74px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc}.retiradaProduto p{margin:4px 0 0;color:#475569}
.card,.erpModalBox,button,input,select{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button:active{transform:scale(.98)}
@media(max-width:640px){.content{padding:12px}.card{border-radius:18px;padding:14px}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.sidebar h2{grid-column:1/-1}.sidebar button{margin:0;text-align:center}.publicGrid{grid-template-columns:1fr}.publicTop{position:sticky;top:0;background:#fff;z-index:20;padding:8px;border-radius:0 0 14px 14px}.erpModal{align-items:flex-end;padding:0}.erpModalBox{border-radius:22px 22px 0 0;max-width:none;width:100%;max-height:88vh;overflow:auto}.retiradaProduto img{width:96px;height:96px}.inline{display:grid;grid-template-columns:1fr;gap:8px}.inline input,.inline select,.inline button{width:100%;margin:0}.grid,.grid.two{grid-template-columns:1fr}.product{border-radius:18px}.product img{height:220px}.erp-code{justify-content:center}.barcode{max-width:100%;overflow:hidden}}
@media print{.retiradaProduto{break-inside:avoid}.retiradaProduto img{display:block!important}}
/* Otimizações mobile e histórico do cliente */
.orderProducts{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.orderProduct{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:8px}
.orderProduct img{width:54px;height:54px;object-fit:cover;border-radius:10px}
button[disabled]{opacity:.6;cursor:wait}
@media(max-width:680px){.erp-public,.erp-wrap{padding:10px}.card{border-radius:16px;padding:14px}.publicGrid{grid-template-columns:1fr!important}.inline{flex-direction:column;align-items:stretch}.erp-public input,.erp-public select,.erp-public button,.erp-wrap input,.erp-wrap select,.erp-wrap button{width:100%;min-height:44px}.orderMini{padding:12px;border-radius:14px}.erpModalBox{width:92vw;max-width:420px}.barcode{max-width:100%;overflow-x:auto}}

/* Atualização: painel em tempo real e menus responsivos para celular */
.erp-wrap{width:100%;max-width:100%;overflow-x:hidden}.content{min-width:0}.sidebar{z-index:50}.orderProducts{margin:10px 0}.orderProduct span{line-height:1.35}.orderProduct img{flex:0 0 auto}
@media(max-width:780px){
  .erp-wrap{display:block;min-height:100vh}.content{padding:12px!important;width:100%;box-sizing:border-box}.sidebar{position:sticky;top:0;width:100%;min-height:auto;display:flex!important;gap:8px;overflow-x:auto;overflow-y:hidden;padding:10px;background:#111;box-shadow:0 4px 18px rgba(0,0,0,.18);-webkit-overflow-scrolling:touch}.sidebar h2{flex:0 0 auto;margin:0 8px 0 0;align-self:center;font-size:18px}.sidebar button{flex:0 0 auto;width:auto!important;min-width:116px;margin:0!important;text-align:center;white-space:nowrap;border-radius:999px;padding:10px 12px}.grid,.grid.two{grid-template-columns:1fr!important}.card{overflow:hidden}.product{display:block}.product img{width:100%;height:190px}.inline{display:grid!important;grid-template-columns:1fr!important;align-items:stretch}.inline input,.inline select,.inline button{width:100%!important}.orderProduct{align-items:flex-start}.orderProduct img{width:72px;height:72px}.erp-code{max-width:100%;overflow-x:auto}.barcode{max-width:100%;overflow:hidden}.cameraBox video{max-width:100%}}
@media(max-width:420px){.sidebar button{min-width:96px;font-size:12px}.content h1{font-size:24px}.card{padding:12px}.orderProduct{gap:8px}.orderProduct img{width:62px;height:62px}}

/* Responsivo reforçado: menu sempre visível no celular e telas elásticas */
@media(max-width:820px){
  .erp-wrap{display:block!important;width:100%!important;overflow-x:hidden!important;background:#f5f6f7}
  .sidebar{position:sticky!important;top:0!important;width:100%!important;min-height:auto!important;max-height:42vh!important;overflow-y:auto!important;overflow-x:hidden!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;box-sizing:border-box!important;border-radius:0 0 18px 18px!important;z-index:9999!important}
  .sidebar h2{grid-column:1/-1!important;margin:0!important;text-align:center!important;color:#fff!important}
  .sidebar button{width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important;text-align:center!important;line-height:1.2!important;min-height:44px!important;border-radius:12px!important}
  .content{width:100%!important;max-width:100%!important;padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .card{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
  table,.barcode,.erp-code{max-width:100%!important;overflow-x:auto!important}
  .product,.retiradaProduto,.orderProduct{display:flex!important;align-items:flex-start!important;gap:10px!important}
  .product>img{width:86px!important;height:86px!important;flex:0 0 86px!important}
  .retiradaProduto img,.orderProduct img{width:72px!important;height:72px!important;flex:0 0 72px!important}
  input,select,textarea,button{font-size:16px!important}
}
@media(max-width:420px){.sidebar{grid-template-columns:1fr!important}.product,.retiradaProduto,.orderProduct{display:block!important}.product>img,.retiradaProduto img,.orderProduct img{width:100%!important;height:180px!important;margin-bottom:8px!important}}
.deleted{opacity:.82;border:1px dashed #d1d5db}

/* Ajuste final: menu mobile visível, compacto e navegável */
.cartBox{position:sticky;top:8px;z-index:30;border:1px solid #dbeafe}.cartItem{display:grid;grid-template-columns:58px 1fr 86px auto;gap:10px;align-items:center;border-top:1px solid #eef2f7;padding:10px 0}.cartItem img{width:58px;height:58px;object-fit:cover;border-radius:10px}.cartItem input{margin:0}.checkoutBox{border:2px solid #00a650}
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .erp-wrap{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;min-height:100vh!important;width:100%!important;overflow:visible!important}
  .sidebar{position:sticky!important;top:0!important;width:100%!important;max-height:none!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important;border-radius:0 0 14px 14px!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;background:#111!important}
  .sidebar h2{flex:0 0 auto!important;margin:0!important;padding:0 8px!important;font-size:18px!important;line-height:40px!important;color:#fff!important;white-space:nowrap!important;grid-column:auto!important}
  .sidebar button{flex:0 0 auto!important;width:auto!important;min-width:92px!important;max-width:136px!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;border-radius:999px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;line-height:1.15!important;scroll-snap-align:start!important}
  .content{width:100%!important;min-width:0!important;padding:10px!important;box-sizing:border-box!important}
  .publicTop{position:sticky;top:0;z-index:40;background:#fff;padding:8px;border-radius:0 0 14px 14px;box-shadow:0 4px 14px rgba(0,0,0,.07)}
  .cartBox{position:relative;top:auto}.cartItem{grid-template-columns:54px 1fr!important}.cartItem input,.cartItem button{grid-column:1/-1;width:100%!important}.checkoutBox{padding-bottom:22px}.publicProduct{display:block!important}.publicProduct img{width:100%!important;height:180px!important}.publicProduct button{width:100%!important;margin:5px 0!important}
}
@media(max-width:380px){.sidebar button{min-width:84px!important;font-size:12px!important;padding:8px!important}.sidebar h2{font-size:16px!important}.content h1{font-size:22px!important}}

/* ==========================================================
   CUSTOM MOBILE NAV + IDIOMA INSTANTÂNEO
   - Português é o padrão nativo.
   - A tradução muda no React ao clicar no botão, sem recarregar.
   - Menu mobile fica fixo no topo, com rolagem horizontal suave.
   ========================================================== */
.erp-wrap .sidebar .langToggle,
.erp-public .publicTop .langToggle{font-weight:800;border:1px solid rgba(255,255,255,.22)}
@media(max-width:900px){
  .erp-wrap{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-height:100vh!important;overflow-x:hidden!important;background:#f6f7fb!important}
  .erp-wrap .sidebar{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:10px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;background:linear-gradient(135deg,#101827,#1f2937)!important;border-radius:0 0 18px 18px!important;box-shadow:0 8px 24px rgba(15,23,42,.22)!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;box-sizing:border-box!important}
  .erp-wrap .sidebar h2{flex:0 0 auto!important;margin:0!important;padding:0 8px!important;min-width:max-content!important;color:#fff!important;font-size:18px!important;line-height:42px!important;white-space:nowrap!important}
  .erp-wrap .sidebar button{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:94px!important;max-width:160px!important;min-height:42px!important;margin:0!important;padding:9px 13px!important;border-radius:999px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;line-height:1.1!important;touch-action:manipulation!important}
  .erp-wrap .sidebar button.active{background:#2563eb!important;color:#fff!important;box-shadow:0 4px 14px rgba(37,99,235,.35)!important}
  .erp-wrap .content{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important}
  .erp-wrap .card,.erp-wrap .product,.erp-wrap .orderMini,.erp-wrap .retiradaProduto{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:16px!important;overflow:hidden!important}
  .erp-wrap .inline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .erp-wrap input,.erp-wrap select,.erp-wrap textarea,.erp-wrap button,.erp-public input,.erp-public select,.erp-public textarea,.erp-public button{max-width:100%!important;min-height:44px!important;font-size:16px!important;box-sizing:border-box!important}
  .erp-wrap table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
  .erp-public .publicTop{position:sticky!important;top:0!important;z-index:9999!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;align-items:center!important;background:#fff!important;border-radius:0 0 16px 16px!important;box-shadow:0 6px 18px rgba(15,23,42,.10)!important}
  .erp-public .publicGrid{grid-template-columns:1fr!important}
  .erp-public .cartItem{grid-template-columns:56px 1fr!important;gap:8px!important}
  .erp-public .cartItem input,.erp-public .cartItem button{grid-column:1/-1!important;width:100%!important}
}
@media(max-width:430px){
  .erp-wrap .sidebar{gap:6px!important;padding:8px!important}
  .erp-wrap .sidebar h2{font-size:16px!important;line-height:38px!important}
  .erp-wrap .sidebar button{min-width:86px!important;max-width:128px!important;min-height:38px!important;padding:8px 10px!important;font-size:12px!important}
  .erp-wrap .content{padding:10px!important}
  .erp-wrap .content h1{font-size:22px!important;line-height:1.15!important}
}

/* ==========================================================
   MENU MOBILE COM TOP BAR ABRE/FECHA
   Corrige conflito de temas Bootstrap/loja que forçam .sidebar em 25%.
   ========================================================== */
.erp-mobile-topbar{display:none}
.erp-menu-backdrop{display:none}
@media(max-width:900px){
  body .erp-wrap{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:#f5f6f7!important}
  body .erp-wrap .erp-mobile-topbar{position:sticky!important;top:0!important;z-index:100001!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 12px!important;background:linear-gradient(135deg,#0f172a,#1f2937)!important;color:#fff!important;box-shadow:0 6px 20px rgba(15,23,42,.25)!important;box-sizing:border-box!important}
  body .erp-wrap .erp-mobile-topbar strong{text-align:center!important;font-size:17px!important;letter-spacing:.02em!important}
  body .erp-wrap .erp-menu-toggle,
  body .erp-wrap .erp-mobile-lang{width:auto!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:9px 12px!important;border-radius:999px!important;background:#00a650!important;color:#fff!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
  body .erp-wrap .erp-mobile-lang{background:#2563eb!important}

  body .erp-wrap .sidebar,
  body .erp-wrap .sidebar-blog{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(86vw,330px)!important;max-width:min(86vw,330px)!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:18px 14px!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;background:#111827!important;border-radius:0 22px 22px 0!important;box-shadow:18px 0 40px rgba(0,0,0,.30)!important;z-index:100002!important;transform:translateX(-110%)!important;transition:transform .22s ease!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex:0 0 auto!important}
  body .erp-wrap.menu-open .sidebar{transform:translateX(0)!important}
  body .erp-wrap .sidebar h2{display:block!important;width:100%!important;margin:0 0 8px!important;padding:0 2px 10px!important;color:#fff!important;font-size:22px!important;line-height:1.2!important;text-align:left!important;border-bottom:1px solid rgba(255,255,255,.12)!important;white-space:normal!important}
  body .erp-wrap .sidebar button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:46px!important;margin:0!important;padding:11px 12px!important;border-radius:12px!important;text-align:left!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:15px!important;line-height:1.2!important;box-sizing:border-box!important;flex:0 0 auto!important}
  body .erp-wrap .sidebar button.active{background:#00a650!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,166,80,.28)!important}
  body .erp-wrap.menu-open .erp-menu-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.46)!important;z-index:100000!important}

  body .erp-wrap .content{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;overflow-x:hidden!important}
  body .erp-wrap .card,
  body .erp-wrap .product,
  body .erp-wrap .orderMini,
  body .erp-wrap .retiradaProduto{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  body .erp-wrap .grid,
  body .erp-wrap .grid.two{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body .erp-wrap .inline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important;width:100%!important}
  body .erp-wrap input,
  body .erp-wrap select,
  body .erp-wrap textarea,
  body .erp-wrap button{max-width:100%!important;font-size:16px!important;box-sizing:border-box!important}
  body .erp-wrap table{display:block!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important}
}
@media(min-width:901px){
  body .erp-wrap .sidebar{transform:none!important}
}

/* ===== Ajuste final: dashboard totalmente navegável no mobile ===== */
.erp-mobile-topbar{display:none}
@media (max-width: 782px){
  body .erp-wrap{display:block !important;min-height:100vh;width:100%;padding-top:58px;overflow-x:hidden;background:#f6f7f9}
  body .erp-mobile-topbar{display:flex !important;position:fixed;top:0;left:0;right:0;z-index:100000;align-items:center;justify-content:space-between;gap:8px;background:#111;color:#fff;padding:10px 12px;box-shadow:0 2px 16px rgba(0,0,0,.25)}
  body .erp-menu-toggle, body .erp-mobile-lang{border:0;border-radius:10px;background:#fff;color:#111;padding:10px 14px;font-weight:700}
  body .sidebar, body .sidebar-blog, .erp-wrap .sidebar{position:fixed !important;top:58px !important;left:0 !important;bottom:0 !important;width:min(88vw,330px) !important;max-width:330px !important;min-height:auto !important;height:calc(100vh - 58px) !important;z-index:99999 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;transform:translateX(-105%);transition:transform .25s ease;padding:18px !important;margin:0 !important;flex:none !important;border-radius:0 18px 18px 0;background:#111 !important;box-shadow:10px 0 28px rgba(0,0,0,.35)}
  body .erp-wrap.menu-open .sidebar{transform:translateX(0)}
  body .sidebar h2{margin-top:0;color:#fff;font-size:28px}
  body .sidebar button{width:100%;display:block;margin:8px 0;padding:13px 14px;border-radius:9px;text-align:left;white-space:normal;line-height:1.25;min-height:48px;background:#f3eeee;color:#273142;border:0}
  body .sidebar button.active{background:#fff;color:#000;box-shadow:inset 4px 0 0 #28a745;font-weight:700}
  body .erp-menu-backdrop{display:block;position:fixed;z-index:99998;top:58px;left:0;right:0;bottom:0;background:rgba(0,0,0,.45)}
  body .erp-wrap .content{width:100% !important;margin:0 !important;padding:14px !important;overflow-x:hidden}
  body .erp-wrap .card{width:100%;max-width:100%;overflow-x:auto}
  body .erp-wrap .inline{display:flex;flex-wrap:wrap;gap:8px}
  body .erp-wrap input, body .erp-wrap select, body .erp-wrap textarea, body .erp-wrap button{max-width:100%;font-size:16px}
  body .erp-wrap .product, body .erp-wrap .retiradaProduto, body .erp-wrap .orderProduct{display:flex;flex-direction:column;align-items:flex-start}
}
.loadMoreWrap{text-align:center;margin:18px 0 30px}.loadMoreWrap button{padding:12px 22px;border-radius:12px;font-weight:700}.erp-account-orders{margin-top:30px}.erp-account-order{border:1px solid #ddd;border-radius:12px;padding:14px;margin:10px 0;background:#fff}


/* ===== CORREÇÃO DEFINITIVA MENU MOBILE - TEMA ELECTRO =====
   Garante que o menu lateral apareça por cima do overlay e fique clicável. */
@media (max-width: 900px){
  html body #erp-root .erp-wrap,
  html body .erp-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding-top:58px!important;
    overflow-x:hidden!important;
  }
  html body #erp-root .erp-wrap .erp-mobile-topbar,
  html body .erp-wrap .erp-mobile-topbar{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:58px!important;
    z-index:2147483600!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#111827!important;
    color:#fff!important;
    padding:8px 12px!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .erp-menu-backdrop,
  html body .erp-wrap .erp-menu-backdrop{
    display:none!important;
  }
  html body #erp-root .erp-wrap.menu-open .erp-menu-backdrop,
  html body .erp-wrap.menu-open .erp-menu-backdrop{
    display:block!important;
    position:fixed!important;
    top:58px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:rgba(15,23,42,.55)!important;
    z-index:2147483590!important;
  }
  html body #erp-root .erp-wrap .sidebar,
  html body #erp-root .erp-wrap .sidebar-blog,
  html body .erp-wrap .sidebar,
  html body .erp-wrap .sidebar-blog{
    position:fixed!important;
    top:58px!important;
    left:0!important;
    bottom:0!important;
    width:min(88vw,340px)!important;
    max-width:min(88vw,340px)!important;
    height:calc(100dvh - 58px)!important;
    min-height:calc(100dvh - 58px)!important;
    max-height:calc(100dvh - 58px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:18px 16px 28px!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    background:#111!important;
    color:#fff!important;
    border-radius:0 18px 18px 0!important;
    box-shadow:16px 0 38px rgba(0,0,0,.38)!important;
    z-index:2147483599!important;
    transform:translate3d(-110%,0,0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:transform .24s ease, opacity .18s ease, visibility .18s ease!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap.menu-open .sidebar,
  html body #erp-root .erp-wrap.menu-open .sidebar-blog,
  html body .erp-wrap.menu-open .sidebar,
  html body .erp-wrap.menu-open .sidebar-blog{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body #erp-root .erp-wrap .sidebar h2,
  html body .erp-wrap .sidebar h2{
    display:block!important;
    width:100%!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1.1!important;
    margin:0 0 8px!important;
    padding:0 0 10px!important;
  }
  html body #erp-root .erp-wrap .sidebar button,
  html body .erp-wrap .sidebar button{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:12px 14px!important;
    border-radius:9px!important;
    border:0!important;
    background:#f3eeee!important;
    color:#273142!important;
    text-align:left!important;
    font-size:15px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
  }
  html body #erp-root .erp-wrap .sidebar button.active,
  html body .erp-wrap .sidebar button.active{
    background:#fff!important;
    color:#000!important;
    font-weight:700!important;
    box-shadow:inset 4px 0 0 #00a650!important;
  }
  html body #erp-root .erp-wrap .content,
  html body .erp-wrap .content{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px!important;
    box-sizing:border-box!important;
  }
}

/* Override final real: novo produto em coluna no celular. */
@media(max-width:680px){
  html body #erp-root .erp-wrap .content .erp-product-form,
  html body .erp-wrap .content .erp-product-form{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form h1,
  html body .erp-wrap .content .erp-product-form h1{
    margin:4px 0 10px!important;
    font-size:29px!important;
    line-height:1.15!important;
    font-weight:500!important;
    color:#222!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .erp-product-fields,
  html body .erp-wrap .content .erp-product-form .erp-product-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form input,
  html body #erp-root .erp-wrap .content .erp-product-form select,
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form input,
  html body .erp-wrap .content .erp-product-form select,
  html body .erp-wrap .content .erp-product-form textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid #d9d9d9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#273142!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form textarea{
    min-height:92px!important;
    height:auto!important;
    resize:vertical!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check,
  html body .erp-wrap .content .erp-product-form .check{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:46px!important;
    margin:16px 0 2px!important;
    color:#2b2b2b!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check input,
  html body .erp-wrap .content .erp-product-form .check input{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    flex:0 0 13px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField,
  html body .erp-wrap .content .erp-product-form .barcodeField{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField button,
  html body .erp-wrap .content .erp-product-form .barcodeField button{
    width:auto!important;
    min-width:78px!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .filePicker,
  html body .erp-wrap .content .erp-product-form .filePicker{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
  }
}

/* Correção final: checkboxes e cards administrativos no mobile. */
@media(max-width:680px){
  html body #erp-root .erp-wrap label.check,
  html body .erp-wrap label.check{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:34px!important;
    margin:8px 0!important;
    padding:0!important;
    color:#252525!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap label.check input[type="checkbox"],
  html body .erp-wrap label.check input[type="checkbox"]{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    grid-column:1!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 18px!important;
    box-sizing:border-box!important;
    transform:none!important;
    zoom:1!important;
    accent-color:#0a84ff!important;
  }
  html body #erp-root .erp-wrap .erp-product-form label.check input[type="checkbox"],
  html body .erp-wrap .erp-product-form label.check input[type="checkbox"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    flex-basis:13px!important;
  }
  html body #erp-root .erp-wrap .card,
  html body .erp-wrap .card{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html body #erp-root .erp-wrap .card b,
  html body #erp-root .erp-wrap .card p,
  html body #erp-root .erp-wrap .card small,
  html body #erp-root .erp-wrap .card h3,
  html body .erp-wrap .card b,
  html body .erp-wrap .card p,
  html body .erp-wrap .card small,
  html body .erp-wrap .card h3{
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body #erp-root .erp-wrap .card.inline,
  html body .erp-wrap .card.inline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  html body #erp-root .erp-wrap .card.inline button,
  html body .erp-wrap .card.inline button{
    width:100%!important;
    margin:0!important;
    min-height:48px!important;
    border-radius:999px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  html body #erp-root .erp-wrap .couponApply,
  html body .erp-wrap .couponApply{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body #erp-root .erp-wrap .couponApply input,
  html body #erp-root .erp-wrap .couponApply button,
  html body .erp-wrap .couponApply input,
  html body .erp-wrap .couponApply button{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* Override final: formulário de novo produto exatamente em coluna no celular. */
@media(max-width:680px){
  html body #erp-root .erp-wrap .content .erp-product-form,
  html body .erp-wrap .content .erp-product-form{
    width:100%!important;
    max-width:100%!important;
    padding-top:0!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form h1,
  html body .erp-wrap .content .erp-product-form h1{
    margin:4px 0 10px!important;
    font-size:29px!important;
    line-height:1.15!important;
    font-weight:500!important;
    color:#222!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .erp-product-fields,
  html body .erp-wrap .content .erp-product-form .erp-product-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form input,
  html body #erp-root .erp-wrap .content .erp-product-form select,
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form input,
  html body .erp-wrap .content .erp-product-form select,
  html body .erp-wrap .content .erp-product-form textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid #d9d9d9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#273142!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form textarea{
    min-height:92px!important;
    height:auto!important;
    resize:vertical!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check,
  html body .erp-wrap .content .erp-product-form .check{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:46px!important;
    margin:16px 0 2px!important;
    color:#2b2b2b!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check input,
  html body .erp-wrap .content .erp-product-form .check input{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    flex:0 0 13px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField,
  html body .erp-wrap .content .erp-product-form .barcodeField{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField button,
  html body .erp-wrap .content .erp-product-form .barcodeField button{
    width:auto!important;
    min-width:78px!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .filePicker,
  html body .erp-wrap .content .erp-product-form .filePicker{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
  }
}

/* Tela mobile de criação/edição de produto. */
@media(max-width:680px){
  body .erp-wrap .content:has(.erp-product-form){
    background:#f5f6f7!important;
    padding:72px 14px 18px!important;
  }
  body .erp-wrap .erp-product-form{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body .erp-wrap .erp-product-form h1{
    margin:4px 0 10px!important;
    color:#222!important;
    font-size:29px!important;
    line-height:1.15!important;
    font-weight:500!important;
  }
  body .erp-wrap .erp-product-form .erp-product-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  body .erp-wrap .erp-product-form input,
  body .erp-wrap .erp-product-form select{
    width:100%!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid #d9d9d9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#273142!important;
    box-shadow:none!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }
  body .erp-wrap .erp-product-form input::placeholder{
    color:#777!important;
    opacity:1!important;
  }
  body .erp-wrap .erp-product-form .check{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:46px!important;
    margin:16px 0 2px!important;
    color:#2b2b2b!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  body .erp-wrap .erp-product-form .check input{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    flex:0 0 13px!important;
    margin:0!important;
    padding:0!important;
    border-radius:2px!important;
  }
  body .erp-wrap .erp-product-form .barcodeField{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
  }
  body .erp-wrap .erp-product-form .barcodeField input{
    min-width:0!important;
  }
  body .erp-wrap .erp-product-form .barcodeField button{
    width:auto!important;
    min-width:78px!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 12px!important;
    white-space:nowrap!important;
    border-radius:7px!important;
  }
  body .erp-wrap .erp-product-form .filePicker{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
  }
  body .erp-wrap .erp-product-form .fileBtn{
    width:100%!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
}

/* Remove qualquer botão de compra direta do catálogo público, mantendo WhatsApp/carrinho. */
.erp-public .buyNow,.erp-public .comprar-site,.erp-public [data-direct-buy="1"]{display:none!important}

/* Correção de edição de estoque/unidades e scanner mobile */
.erp-stock-edit label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#2b3440;min-width:140px}
.erp-stock-edit label input{font-weight:400}
.cameraScan{margin-top:10px}
.cameraBox{margin-top:12px;background:#050505;border-radius:14px;padding:10px;max-width:420px;overflow:hidden}
.cameraBox video,.cameraBox .html5qr{width:100%;max-width:400px;min-height:260px;border-radius:12px;display:block;background:#000;color:#fff}
.cameraBox small,.scanError{display:block;margin-top:8px;color:#444}.scanError{color:#b42318;font-weight:600}
@media(max-width:768px){.erp-stock-edit{display:grid!important;grid-template-columns:1fr;gap:10px}.erp-stock-edit label{width:100%;min-width:0}.cameraBox{max-width:100%}.cameraBox video,.cameraBox .html5qr{max-width:100%;min-height:240px}}

/* Ajustes finais: estoque rápido e paginação de produtos */
.erp-load-more{display:flex;justify-content:center;margin:18px 0 32px}.erp-load-more button{min-width:220px;font-weight:700}.erp-stock-edit label input{margin-top:6px}@media(max-width:768px){.erp-stock-edit{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.erp-stock-edit button{width:100%;min-height:44px}.erp-stock-edit label{width:100%}.erp-stock-edit label input{width:100%!important}.product .inline.erp-stock-edit{align-items:end}}

/* Scanner: sempre exibir somente o pedido atual e pré-visualizar comprovante */
.scanStatus{font-weight:700;margin:10px 0;color:#111827}
.receiptBox{margin:14px 0;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.receiptItem{margin:10px 0;padding:10px;border:1px solid #eee;border-radius:12px;background:#fafafa}
.receiptBox img,.receiptItem img{display:block;max-width:100%;width:360px;height:auto;margin-top:8px;border:1px solid #ddd;border-radius:10px;background:#fff}
@media(max-width:768px){.receiptBox img,.receiptItem img{width:100%}.loadMoreWrap button{width:100%;padding:14px 18px}}

/* Mercado Pago PIX automático */
.mpPixCard .mpQrImg{width:220px;max-width:100%;height:auto;display:block;margin:12px auto;border:1px solid #eee;border-radius:12px;padding:8px;background:#fff}
.mpPixCard textarea{width:100%;min-height:92px;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:12px;word-break:break-all}
.mpPixCard label{display:block;font-weight:700;margin:10px 0 6px}

/* Status PIX automático */
.erpStatus{display:inline-block;padding:10px 16px;border-radius:999px;font-weight:800;margin:8px 0;text-transform:uppercase;letter-spacing:.02em}
.erpStatus.paid{background:#16a34a;color:#fff;box-shadow:0 4px 14px rgba(22,163,74,.25)}
.erpStatus.denied{background:#dc2626;color:#fff;box-shadow:0 4px 14px rgba(220,38,38,.25)}
.erpStatus.cancelled{background:#6b7280;color:#fff;box-shadow:0 4px 14px rgba(107,114,128,.25)}
.erpStatus.pending{background:#f59e0b;color:#111827;box-shadow:0 4px 14px rgba(245,158,11,.20)}
.mpPixCard .erpModal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}
.mpPixCard .erpModalBox{background:#fff;border-radius:20px;max-width:460px;width:100%;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.cameraBox video,.cameraBox .html5qr{min-height:280px;background:#111;border-radius:16px;overflow:hidden}
.erp-my-orders-shortcode .publicTop,.erp-my-orders-shortcode .publicGrid,.erp-my-orders-shortcode .loadMoreWrap,.erp-my-orders-shortcode .cartBox,.erp-my-orders-shortcode .checkoutBox{display:none!important}
.erp-loading,.erp-my-orders-login{padding:18px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;font-weight:700;color:#333;margin:12px 0}.erp-my-orders-shortcode-root{width:100%}.erp-my-orders-shortcode .card{max-width:100%;}

/* SuperFrete / envio nacional */
.shippingBox{border:1px solid #e5e7eb;background:#f9fafb;border-radius:14px;padding:14px;margin:12px 0;display:grid;gap:10px}.shippingBox h3{margin:0 0 4px}.shippingBox select,.shippingBox textarea,.shippingBox input{width:100%}.shippingBox textarea{min-height:74px}.erpStatus.paid{background:#16a34a;color:#fff}.erpStatus.denied{background:#dc2626;color:#fff}.erpStatus.cancelled{background:#6b7280;color:#fff}.erpStatus.pending{background:#f59e0b;color:#111}.erpStatus{display:inline-block;border-radius:999px;padding:6px 12px;font-weight:700}

/* Ajustes envio nacional + comprovante obrigatório */
.shippingBox{border:1px solid #e5e7eb;background:#fafafa;border-radius:14px;padding:14px;margin:14px 0}.shippingBox input,.shippingBox textarea,.shippingBox select{width:100%;margin:6px 0}.shippingBox textarea{min-height:92px;white-space:pre-wrap}.shippingInfoAdm{border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;padding:12px;margin:12px 0}.shippingInfoAdm pre{white-space:pre-wrap;font-family:inherit;background:#fff;border-radius:10px;padding:10px;overflow:auto}.receiptRequiredNotice{border-left:4px solid #16a34a;background:#f0fdf4;padding:10px;border-radius:10px}.mpPixCard .erpModal{z-index:999999}.erpModalBox .erpFilePicker,.erpModalBox input[type=file]{width:100%}
.erpStatus.validation{background:#f59e0b;color:#111;border-radius:999px;padding:6px 10px;font-weight:700;display:inline-block}
.mpPixCard{scroll-margin-top:90px}

/* Melhorias solicitadas: botões verdes, impressão isolada e status do cliente */
.erp-public .buyWhats,.erp-public .buyCart,.erp-public .publicProduct button:not(.danger){background:#16a34a!important;color:#fff!important;border-color:#16a34a!important;font-weight:800}
.erp-public .buyWhats:hover,.erp-public .buyCart:hover{filter:brightness(.94)}
.erpStatus.paid{background:#16a34a!important;color:#fff!important}
@media print{body *{visibility:hidden!important}.mpPixCard,.mpPixCard *,.orderMini,.orderMini *{visibility:visible!important}.mpPixCard,.orderMini{position:absolute!important;left:0!important;top:0!important;width:100%!important;box-shadow:none!important;border:0!important}}

/* Marketplace profissional: botões, badges e códigos */
.erp-public .publicProduct{border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 8px 26px rgba(15,23,42,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden!important;background:#fff!important}
.erp-public .publicProduct:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.11)!important;border-color:#d1d5db!important}
.erp-public .publicProduct h3{font-size:16px!important;line-height:1.28!important;margin:12px 0 8px!important;color:#111827!important;font-weight:800!important}
.erp-public .priceLine{font-size:17px!important;font-weight:900!important;color:#111827!important;margin:8px 0!important}
.erp-public .priceConsult{font-size:15px!important;font-weight:800!important;color:#075e54!important;background:#ecfdf5!important;border:1px solid #bbf7d0!important;padding:8px 10px!important;border-radius:999px!important;display:inline-block!important}
.erp-public .buyWhats,.erp-public .buyCart,.erp-public .publicProduct button.buyWhats,.erp-public .publicProduct button.buyCart{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:10px!important;padding:12px 14px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.1px!important;box-shadow:none!important;transition:all .18s ease!important}
.erp-public .buyWhats,.erp-public .publicProduct button.buyWhats{background:#075e54!important;color:#fff!important;border:1px solid #075e54!important}
.erp-public .buyWhats:hover{background:#064e46!important;transform:translateY(-1px)!important}
.erp-public .buyCart,.erp-public .publicProduct button.buyCart{background:#111827!important;color:#fff!important;border:1px solid #111827!important}
.erp-public .buyCart:hover{background:#0b1220!important;transform:translateY(-1px)!important}
.hotBadge,.salesBadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:12px;font-weight:800;padding:5px 9px;margin:3px 6px 4px 0}
.hotBadge{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.hotBadge span{font-size:15px;line-height:1}.salesBadge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.barcodeImg{max-width:150px;height:54px;object-fit:contain;border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:4px}

/* Personalização pelo ADM: botões de negociação e status dos pedidos */
.erp-public .buyWhats,
.erp-public .publicProduct button.buyWhats{
  background:var(--erp-whatsapp-btn-bg,#075e54)!important;
  color:var(--erp-whatsapp-btn-color,#fff)!important;
  border-color:var(--erp-whatsapp-btn-bg,#075e54)!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
}
.erp-public .buyWhats:hover,
.erp-public .publicProduct button.buyWhats:hover{
  filter:brightness(.94)!important;
  transform:translateY(-1px)!important;
}
.erp-public .btnIconImg{width:18px;height:18px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:2px}
.erp-public .btnIconTxt{display:inline-block;margin-right:2px}
.erpStatus.pending{background:var(--erp-status-pending-bg,#f59e0b)!important;color:var(--erp-status-pending-color,#111827)!important}
.erpStatus.validation{background:var(--erp-status-validation-bg,#f59e0b)!important;color:var(--erp-status-validation-color,#111827)!important}
.erpStatus.paid{background:var(--erp-status-paid-bg,#16a34a)!important;color:var(--erp-status-paid-color,#fff)!important}
.erpStatus.denied{background:var(--erp-status-denied-bg,#dc2626)!important;color:var(--erp-status-denied-color,#fff)!important}
.erpStatus.cancelled{background:var(--erp-status-cancelled-bg,#6b7280)!important;color:var(--erp-status-cancelled-color,#fff)!important}
.colorGrid label{display:flex;align-items:center;gap:8px;font-weight:700;color:#374151}
.colorGrid input[type="color"]{width:52px;height:38px;padding:3px;border-radius:10px}

/* Botões estilo marketplace premium: pill, borda suave e fundo claro como referência */
.erp-public .buyWhats,
.erp-public .buyCart,
.erp-public .publicProduct button.buyWhats,
.erp-public .publicProduct button.buyCart{
  width:auto!important;
  min-width:150px!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  background:var(--erp-whatsapp-btn-bg,#d1fae5)!important;
  color:var(--erp-whatsapp-btn-color,#065f46)!important;
  border:1px solid color-mix(in srgb,var(--erp-whatsapp-btn-bg,#d1fae5) 72%,#10b981)!important;
  box-shadow:0 5px 14px rgba(16,185,129,.10)!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.erp-public .buyWhats:hover,
.erp-public .buyCart:hover,
.erp-public .publicProduct button.buyWhats:hover,
.erp-public .publicProduct button.buyCart:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.04) brightness(.98)!important;
  box-shadow:0 9px 22px rgba(16,185,129,.16)!important;
}
.erp-public .buyCart,
.erp-public .publicProduct button.buyCart{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#a7f3d0!important;
}
.couponApply{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:10px;border:1px dashed #a7f3d0;background:#f0fdf4;border-radius:14px}.couponApply input{min-width:240px;flex:1}.discountLine{color:#047857;font-weight:800}.couponList{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.couponPill{background:#f0fdf4;border:1px solid #a7f3d0;color:#047857;border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}
.couponManage{display:inline-flex;align-items:center;gap:8px;padding:6px 7px 6px 10px}.couponManage .couponDelete{min-height:28px!important;padding:4px 8px!important;margin:0!important;border-radius:999px!important;font-size:11px!important}
.erp-public .publicProduct{cursor:pointer}.erp-public .publicProduct h3 a{color:inherit;text-decoration:none}.productDetail{display:grid;gap:12px}.productDetailImg{width:100%;max-height:460px;object-fit:contain;border-radius:14px;background:#f8fafc}.productDescription{font-size:16px;line-height:1.55;color:#374151;white-space:pre-wrap}

/* Ajustes: botão Emitir Pedido personalizável */
.erp-public .checkoutBtn,
.erp-public .checkoutBox .checkoutBtn,
.erp-public .cartBox .checkoutBtn{
  background: var(--erp-checkout-btn-bg,#16a34a) !important;
  color: var(--erp-checkout-btn-color,#fff) !important;
  border-color: color-mix(in srgb, var(--erp-checkout-btn-bg,#16a34a) 72%, #000 12%) !important;
  box-shadow: 0 10px 22px rgba(22,163,74,.18);
}
.erp-public .checkoutBtn:hover{
  filter: brightness(.96);
  transform: translateY(-1px);
}

/* Correção mobile: ícones dos botões não podem herdar tamanho da foto do produto. */
.erp-public .publicProduct > img{
  width:100%!important;
  height:180px!important;
  object-fit:cover!important;
}
.erp-public .publicProduct button img,
.erp-public .publicProduct .btnIconImg,
.erp-public .publicProduct .hotBadge img,
.erp-public .publicProduct .salesBadge img,
.erp-public .publicProduct img.emoji,
.erp-public .buyWhats img,
.erp-public .buyCart img{
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.erp-public .hotBadge,
.erp-public .salesBadge{
  max-width:100%!important;
}
.erp-public .hotBadge span,
.erp-public .salesBadge span{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
  font-size:15px!important;
  line-height:1!important;
  overflow:hidden!important;
}
@media(max-width:680px){
  .erp-public .publicProduct{
    padding:14px!important;
  }
  .erp-public .publicProduct > img{
    height:160px!important;
  }
  .erp-public .buyWhats,
  .erp-public .buyCart,
  .erp-public .publicProduct button.buyWhats,
  .erp-public .publicProduct button.buyCart{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 12px!important;
    gap:6px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  .erp-public .btnIconTxt{
    font-size:17px!important;
    line-height:1!important;
    margin:0!important;
  }
  .erp-public .hotBadge,
  .erp-public .salesBadge{
    display:inline-flex!important;
    width:auto!important;
    min-height:28px!important;
    padding:5px 9px!important;
    gap:5px!important;
    font-size:12px!important;
    line-height:1.15!important;
    overflow:hidden!important;
    vertical-align:middle!important;
  }
  .erp-public .hotBadge img,
  .erp-public .salesBadge img,
  .erp-public .hotBadge img.emoji,
  .erp-public .salesBadge img.emoji{
    width:16px!important;
    height:16px!important;
    max-width:16px!important;
    max-height:16px!important;
    min-width:16px!important;
    min-height:16px!important;
    flex:0 0 16px!important;
  }
  .erp-public .hotBadge span,
  .erp-public .salesBadge span{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
    font-size:14px!important;
  }
  body a[href*="wa.me"][style*="fixed"],
  body a[href*="whatsapp"][style*="fixed"],
  body a[href*="api.whatsapp.com"][style*="fixed"],
  body .whatsapp-float,
  body .floating-whatsapp,
  body .whatsapp-button,
  body .wa-float,
  body .joinchat__button{
    max-width:calc(100vw - 16px)!important;
    min-height:40px!important;
    padding:9px 12px!important;
    right:8px!important;
    left:auto!important;
    font-size:13px!important;
    line-height:1.15!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
  }
}

/* Override final real: novo produto em coluna no celular. */
@media(max-width:680px){
  html body #erp-root .erp-wrap .content .erp-product-form,
  html body .erp-wrap .content .erp-product-form{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form h1,
  html body .erp-wrap .content .erp-product-form h1{
    margin:4px 0 10px!important;
    font-size:29px!important;
    line-height:1.15!important;
    font-weight:500!important;
    color:#222!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .erp-product-fields,
  html body .erp-wrap .content .erp-product-form .erp-product-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form input,
  html body #erp-root .erp-wrap .content .erp-product-form select,
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form input,
  html body .erp-wrap .content .erp-product-form select,
  html body .erp-wrap .content .erp-product-form textarea{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid #d9d9d9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#273142!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
    box-shadow:none!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form textarea,
  html body .erp-wrap .content .erp-product-form textarea{
    min-height:92px!important;
    height:auto!important;
    resize:vertical!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check,
  html body .erp-wrap .content .erp-product-form .check{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:46px!important;
    margin:16px 0 2px!important;
    color:#2b2b2b!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .check input,
  html body .erp-wrap .content .erp-product-form .check input{
    display:inline-block!important;
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    flex:0 0 13px!important;
    margin:0!important;
    padding:0!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField,
  html body .erp-wrap .content .erp-product-form .barcodeField{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .barcodeField button,
  html body .erp-wrap .content .erp-product-form .barcodeField button{
    width:auto!important;
    min-width:78px!important;
    height:49px!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }
  html body #erp-root .erp-wrap .content .erp-product-form .filePicker,
  html body .erp-wrap .content .erp-product-form .filePicker{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
  }
}

/* EOF mobile admin checkbox/card override. */
@media(max-width:680px){
  html body #erp-root .erp-wrap label.check,
  html body .erp-wrap label.check{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:34px!important;
    margin:8px 0!important;
    padding:0!important;
    color:#252525!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    box-sizing:border-box!important;
  }
  html body #erp-root .erp-wrap label.check input[type="checkbox"],
  html body .erp-wrap label.check input[type="checkbox"]{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    grid-column:1!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 18px!important;
    box-sizing:border-box!important;
    transform:none!important;
    zoom:1!important;
    accent-color:#0a84ff!important;
  }
  html body #erp-root .erp-wrap .erp-product-form label.check input[type="checkbox"],
  html body .erp-wrap .erp-product-form label.check input[type="checkbox"]{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
    max-width:13px!important;
    max-height:13px!important;
    flex-basis:13px!important;
  }
  html body #erp-root .erp-wrap .card,
  html body .erp-wrap .card{
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html body #erp-root .erp-wrap .card b,
  html body #erp-root .erp-wrap .card p,
  html body #erp-root .erp-wrap .card small,
  html body #erp-root .erp-wrap .card h3,
  html body .erp-wrap .card b,
  html body .erp-wrap .card p,
  html body .erp-wrap .card small,
  html body .erp-wrap .card h3{
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  html body #erp-root .erp-wrap .card.inline,
  html body .erp-wrap .card.inline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  html body #erp-root .erp-wrap .card.inline button,
  html body .erp-wrap .card.inline button{
    width:100%!important;
    margin:0!important;
    min-height:48px!important;
    border-radius:999px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  html body #erp-root .erp-wrap .couponApply,
  html body .erp-wrap .couponApply{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  html body #erp-root .erp-wrap .couponApply input,
  html body #erp-root .erp-wrap .couponApply button,
  html body .erp-wrap .couponApply input,
  html body .erp-wrap .couponApply button{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* PIX automático Mercado Pago */
.erp-auto-pix-box{
    border:1px solid #d1fae5;
    background:#f0fdf4;
    border-radius:18px;
    padding:18px;
    margin:16px 0;
    text-align:center;
}
.erp-auto-pix-box .erp-pix-qr{
    width:280px;
    max-width:92%;
    height:auto;
    background:#fff;
    border-radius:16px;
    padding:10px;
    box-shadow:0 8px 30px rgba(15,23,42,.12);
}
.erp-auto-pix-box textarea{
    width:100%;
    min-height:92px;
    margin:12px 0;
    border-radius:12px;
    padding:12px;
    font-size:13px;
}
@media(max-width:640px){
    .erp-auto-pix-box{position:relative;margin:12px -8px;padding:16px 10px;border-radius:16px;}
    .erp-auto-pix-box .erp-pix-qr{width:320px;max-width:96%;}
}

/* Histórico exibido automaticamente após PIX aprovado */
.erp-paid-history-inline{
  margin-top:16px;
  padding:16px;
  border:1px solid #bbf7d0;
  background:#f0fdf4;
  border-radius:16px;
}
.erp-paid-history-inline h3{margin:0 0 8px;font-size:20px;color:#166534}
.erp-paid-history-inline .orderMini{background:#fff;border-radius:14px;padding:12px;border:1px solid #dcfce7}