/* resumo.css — o CARTÃO DE RESUMO DA VENDA (venda-resumo.js). Modal do abrirModal: PC centrado ~560 px; celular folha de baixo com rolagem interna.
   Estrutura: .caixa.vr > .alca (celular) + .vr-corpo (rola) + .vr-acoes (fica embaixo, sempre à vista). */
.modal .caixa.vr{display:flex;flex-direction:column;padding:0;overflow:hidden;max-width:560px;width:100%}
.modal .caixa.vr .alca{flex:none;margin:8px auto 4px}
.vr-corpo{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 18px 6px;position:relative}
.vr-corpo h2{font-size:24px;margin:0 36px 8px 0;line-height:1.15}
.vr-x{position:absolute;top:4px;right:10px;width:44px;height:44px;border:0;background:none;font-size:30px;line-height:1;color:var(--tinta-2);cursor:pointer;border-radius:50%}
.vr-x:hover{background:var(--card-2)}
.vr-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px}
.vr-dt{font:500 13px var(--fonte-texto);color:var(--tinta-2)}
.vr-pil{display:inline-block;padding:3px 10px;border-radius:99px;font:700 12px var(--fonte-texto);background:var(--info-bg);color:var(--info-tx)}
.vr-pil.ok{background:var(--ok-bg);color:var(--ok-tx)}.vr-pil.atencao{background:var(--atencao-bg);color:var(--atencao-tx)}.vr-pil.problema{background:var(--problema-bg);color:var(--problema-tx)}
.vr-canc{margin:0 0 10px;padding:9px 12px;border-radius:var(--r-s);background:var(--problema-bg);color:var(--problema-tx);font:500 13px/1.4 var(--fonte-texto)}
.vr-canc b{letter-spacing:.04em}
.vr-sim{margin:0 0 8px;font:600 12px var(--fonte-texto);color:var(--tinta-2)}
.vr-bloco{border-top:1px solid var(--linha);padding:8px 0 4px}
.vr-bloco h3{margin:2px 0 2px;font:800 12px var(--fonte-titulo);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.vr-l{padding:5px 0}
.vr-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.vr-r>span{font:600 14px var(--fonte-texto);color:var(--tinta)}
.vr-r>b{font:700 15px var(--fonte-titulo);text-align:right;overflow-wrap:anywhere}
.vr-l small,.vr-par small{display:block;margin-top:1px;font:500 12px/1.35 var(--fonte-texto);color:var(--cinza)}
.vr-l.liq .vr-r>span,.vr-l.liq .vr-r>b{font-size:17px;font-weight:800}
.vr-l.liq{margin-top:2px;padding:9px 10px;border-radius:var(--r-s);background:var(--ok-bg)}
.vr-l.falta .vr-r>b{color:var(--atencao-tx)}.vr-l.favor .vr-r>b{color:var(--info-tx)}
.vr-par{list-style:none;margin:2px 0 4px;padding:0}
.vr-par li{padding:7px 0 7px 14px;border-left:3px solid var(--linha);margin-left:2px}
.vr-par li+li{margin-top:2px}
.vr-par li.ok{border-left-color:var(--ok)}.vr-par li.atr{border-left-color:var(--problema)}.vr-par li.aberta{border-left-color:var(--cinza-2)}.vr-par li.est{opacity:.6}
.vr-par li.ok small{color:var(--ok-tx)}.vr-par li.atr small{color:var(--problema-tx);font-weight:700}
.vr-vazio{margin:6px 0;font:500 13px var(--fonte-texto);color:var(--cinza)}
.vr-acoes{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha);background:var(--card)}
.vr-acoes .botao{width:100%;min-height:44px;margin:0;padding-left:6px;padding-right:6px;font-size:14px;line-height:1.15}
.vr-acoes .vr-prim{grid-column:1 / -1}
.vr-xmlw{grid-column:span 2;display:flex;flex-direction:column;gap:3px}
.vr-xmlw .botao[disabled]{opacity:.45;cursor:not-allowed}
.vr-xmlw small{font:500 11px/1.3 var(--fonte-texto);color:var(--cinza)}
@supports (height:1dvh){@media (min-width:1024px){.modal .caixa.vr{max-height:min(calc(100dvh - 64px),900px)}}}
@media (min-width:1024px){.modal .caixa.vr{max-height:min(calc(100vh - 64px),900px);border-radius:var(--r-g)}}
@media (max-width:1023px){.modal .caixa.vr{max-width:none;max-height:90dvh;max-height:90vh}@supports (height:1dvh){.modal .caixa.vr{max-height:90dvh}}}
@media print{.modal .caixa.vr .vr-acoes,.vr-x{display:none}}