/* ============================================================
   carga.css — o bloco CARGA da venda (v0.9.2): tabela no PC (>= 1024 px), lista enxuta + folha no celular. Padrão de item de pedido (Shopify, Bling, Conta Azul).
   Campos de 40 px, borda fina rgba(26,36,32,.14), raio 10, foco com anel #0F6327. Nada de pílula grande, nada de caixa dentro de caixa. Amarelo NÃO entra aqui.
   Só transform e opacity se mexem. O cartão é "container": com pouca largura (notebook pequeno) a linha quebra em 2 andares (nunca corta campo).
   ============================================================ */
:root{--cg-ln:rgba(26,36,32,.14);--cg-ac:#0F6327}
.cg-card{padding:18px 20px 10px}
.cg-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.cg-t{margin:0;color:var(--tinta-2);font-family:var(--fonte-texto);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.cg-sum{font-size:14px;font-weight:700;color:var(--tinta)}
.cg-sum:empty{display:none}
.cg-pc,.cg-cel{display:none}
.cg-f,.cg-sel,.cg-in,.cg-seg{height:40px;border:1px solid var(--cg-ln);border-radius:10px;background:#fff;color:var(--tinta);font:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}
.cg-f:focus-within,.cg-in:focus,.cg-sel:focus-visible,.cg-seg:has(:focus-visible){outline:0;border-color:var(--cg-ac);box-shadow:0 0 0 3px rgba(15,99,39,.14)}
.cg-f{display:flex;align-items:center;gap:4px;padding:0 8px;color:var(--tinta-2);font-weight:600}
.cg-f input{flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:none;color:var(--tinta);font-size:15px;font-weight:700;text-align:right}
.cg-p input{text-align:right}
.cg-in{width:100%;padding:0 12px}
.cg-sel{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;padding:0 6px 0 10px;font-weight:700;cursor:pointer;text-align:left}
.cg-sel:hover{border-color:rgba(26,36,32,.3)}
.cg-sel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-sel .fl-chev{flex:none;width:15px;height:15px}
.cg-sw{position:relative}
.cg-sw.open .fl-chev{transform:rotate(180deg)}
.cg-mn{min-width:176px;z-index:70}
.cg-dig{border-top:1px solid var(--linha);border-radius:0 0 8px 8px;margin-top:4px;color:var(--cg-ac);font-weight:700}
.cg-seg{display:flex;align-items:stretch;gap:2px;padding:3px}
.cg-seg button{flex:1;min-width:0;padding:0 2px;white-space:nowrap;border:0;border-radius:7px;background:none;color:var(--tinta-2);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.cg-seg button:hover:not(.on){background:var(--card-2)}
.cg-seg button.on{background:var(--cg-ac);color:#fff}
.cg-seg button:focus-visible{outline:2px solid var(--cg-ac);outline-offset:1px}
.cg-l{display:none;margin-bottom:3px;color:var(--tinta-2);font-size:11px;font-weight:700}

/* ---- PC: a tabela ---- */
.cg-pc{container-type:inline-size}
.cg-h,.cg-r{display:grid;grid-template-columns:minmax(84px,1fr) 78px 164px 104px 96px 104px 90px;gap:6px;align-items:center}
.cg-eq{display:block;margin-top:2px;min-height:14px;color:var(--tinta-2);font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.cg-eq:empty{display:none}
.cg-seg-t button,.cg-seg-u button{font-size:12px}
.cg-h{padding:0 0 8px;border-bottom:1px solid rgba(26,36,32,.1);color:var(--tinta-2);font-size:12px;font-weight:700}
.cg-h .r{text-align:right}
.cg-r{position:relative;min-height:52px;padding:6px 0;border-bottom:1px solid rgba(26,36,32,.07)}
.cg-r.novo{animation:v-sl .45s var(--curva-entrada) backwards;animation-delay:calc(var(--i,0)*60ms)}
.cg-c{min-width:0}
.cg-sb{text-align:right}
.cg-sb .v-sub{font-family:var(--fonte-titulo);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cg-x{position:absolute;right:-21px;top:50%;width:22px;height:30px;margin-top:-15px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--cinza);opacity:0;cursor:pointer;transition:opacity .15s,color .15s,background .15s}
.cg-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cg-r:hover .cg-x,.cg-x:focus-visible{opacity:1}
.cg-x:hover{color:var(--problema);background:var(--problema-bg)}
.cg-pe{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:4px}
.cg-add{min-height:44px;padding:0 2px;border:0;background:none;color:var(--cg-ac);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.cg-add:hover{text-decoration:underline;text-underline-offset:3px}
.cg-add:focus-visible{outline:2px solid var(--cg-ac);outline-offset:2px;border-radius:6px}
.cg-pctx{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.cg-bar{flex:none;width:80px;height:6px;border-radius:99px;background:#A9C4B0;overflow:hidden}
.cg-bar i{display:block;height:100%;border-radius:99px;background:var(--cg-ac)}
.cg-pt{font-size:12.5px;font-weight:700;color:var(--tinta-2);text-align:right}
@container (max-width:759px){
  .cg-h{display:none}
  .cg-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:8px 8px;padding:10px 0}
  .cg-ct{grid-column:1 / -1}
  .cg-cu{grid-column:auto}
  .cg-l{display:block}
  .cg-sb{align-self:end}
  .cg-pe{flex-wrap:wrap}
}
@media (min-width:1024px){ .cg-pc{display:block} }

/* ---- celular: a lista enxuta ---- */
@media (max-width:1023.98px){
  .cg-card{padding:16px 16px 14px}
  .cg-cel{display:block}
}
.cg-i{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid rgba(26,36,32,.08);cursor:pointer}
.cg-i:focus-visible{outline:2px solid var(--cg-ac);outline-offset:2px;border-radius:8px}
.cg-it b{display:block;font-size:15px;font-weight:700;color:var(--tinta)}
.cg-it > span{display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--tinta-2)}
.cg-i .v-sub{font-family:var(--fonte-titulo);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cg-ix{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:var(--cinza);cursor:pointer}
.cg-ix svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cg-vz{margin:0;padding:6px 0 2px;color:var(--tinta-2);font-size:14px}
.cg-cel .v-out{margin-top:14px}
.cg-cel .cg-pctx{justify-content:flex-start;margin-top:12px}
.cg-cel .cg-pctx:empty{display:none}

/* ---- a folha "Adicionar à carga" (fica fora do .venda: nada de variável do .venda aqui) ---- */
.cg-folha{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.cg-folha h2{margin:0 0 2px;font-size:20px}
.cg-sl{margin:14px 0 6px;color:var(--tinta-2);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.cg-chips{display:flex;flex-wrap:wrap;gap:6px}
.cg-chips .v-chip,.cg-qa .v-chip{display:block;text-align:center;line-height:39px;min-height:42px;padding:0 12px;border:1.5px solid var(--cg-ln);border-radius:999px;background:#fff;color:var(--tinta-2);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.cg-chips .v-chip.on{background:var(--cg-ac);border-color:var(--cg-ac);color:#fff}
.cg-seg-g{width:100%;height:44px}
.cg-seg-g button{font-size:15px}
.cg-folha .cg-in{height:44px;border-radius:12px}
#sh-vin,#sh-cin{margin-top:8px}
#sh-vin:empty,#sh-cin:empty{display:none}
.cg-qty{display:flex;align-items:center;gap:10px}
.cg-qty input{flex:1;min-width:0;height:56px;border:1px solid var(--cg-ln);border-radius:14px;background:#fff;color:var(--tinta);font-size:30px;font-weight:800;text-align:center;letter-spacing:-.02em;outline:0}
.cg-qty input:focus{border-color:var(--cg-ac);box-shadow:0 0 0 3px rgba(15,99,39,.14)}
.cg-qty button{flex:none;width:56px;height:56px;border:1.5px solid var(--cg-ac);border-radius:14px;background:#fff;color:var(--cg-ac);font-size:26px;line-height:1;cursor:pointer}
.cg-qa{display:flex;gap:8px;margin-top:8px}
.cg-qa .v-chip{flex:1;min-height:40px;line-height:37px;color:var(--cg-ac);border-color:var(--cg-ac)}
.cg-fg{height:48px;border-radius:12px}
.cg-fg input{font-size:19px;text-align:left}
.cg-fg>span:first-child{font-size:15px}
.cg-prev{margin:14px 0 2px;color:var(--tinta);font-size:18px;font-weight:800}
.cg-folha .acoes{margin-top:12px}
.cg-folha .botao:disabled{opacity:.38;cursor:default}

/* campo "Digitar…" dentro de .cg-f: UMA borda só (a do .cg-f) e UM "kg" só (o do sufixo) */
.cg-f .cg-in,.cg-folha .cg-f .cg-in{height:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:none;text-align:right}
.cg-folha .cg-f .cg-in{text-align:left}
.cg-sf{flex:none;margin-left:-1px}
.cg-sep{margin:4px 6px;border:0;border-top:1px solid var(--linha)}
.cg-sep+.fl-it{border-radius:8px}
#sh-cxw[hidden]{display:none}