/* ===== Painel do Vendedor (26/09/2026) — Bling × sistema, mesmo visual =====
   CONTEÚDO do Saad (bloco "Aguardando validação", grupos por vendedor, janela do pedido),
   VISUAL do AutoZap (pedido do Ramon, 26/09: "o layout precisa ser de acordo com nosso sistema").
   Sem hero em degradê: cabeçalho padrão .page-head, cor de destaque = var(--accent).
   Regra: ícone nunca encosta no texto (gap), X do modal alinhado ao título. */
/* As cores ficam no body: o modal (#md) mora fora do .pv e também usa. */
body[data-origem] { --pv-laranja:var(--orange, #ff9500); --pv-verde:var(--green, #15803d); --pv-verm:var(--red, #ff3b30); --pv-roxo:var(--accent); }
.pv { width:100%; min-width:0; }
.pv .page-head { display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap; }
.pv .page-head .tx { flex:1; min-width:260px; }
.pv .page-head .acoes-topo { display:flex; gap:8px; flex-wrap:wrap; }
.pv .page-head .acoes-topo .ui-btn { display:inline-flex; align-items:center; gap:7px; }

.pv-filtros { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin-bottom:16px; }
.pv-filtros .f { display:flex; flex-direction:column; gap:3px; min-width:0; }
.pv-filtros .f label { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--text-tertiary); }
.pv-filtros .ui-input { height:38px; min-width:0; }
.pv-filtros .f.busca { flex:1 1 220px; }
.pv-filtros .f.data .ui-input { width:150px; }
.pv-filtros .f.sel .ui-input { min-width:150px; }

.pv-alerta { display:flex; align-items:center; gap:14px; border-radius:12px; padding:14px 18px; margin-bottom:14px;
  background:color-mix(in srgb, var(--pv-laranja) 9%, var(--bg-elevated, #fff)); border:0.5px solid color-mix(in srgb, var(--pv-laranja) 45%, transparent); }
.pv-alerta .ic { width:40px; height:40px; border-radius:10px; background:color-mix(in srgb, var(--pv-laranja) 18%, transparent); color:#b45309; display:grid; place-items:center; font-size:17px; flex:none; }
.pv-alerta h2 { font-size:17px; color:var(--text-primary); margin:0; display:flex; align-items:center; gap:8px; }
.pv-meta { display:flex; gap:16px; flex-wrap:wrap; font-size:13px; color:var(--text-secondary); margin-top:4px; }
.pv-meta span { display:inline-flex; align-items:center; gap:6px; }

.pv-grupo { display:flex; align-items:center; gap:12px; padding:6px 2px 10px; margin:24px 0 12px; border-bottom:0.5px solid var(--divider); }
.pv-grupo h2 { font-size:17px; margin:0; }
.pv-av { width:40px; height:40px; border-radius:50%; flex:none; background:var(--accent); color:var(--on-accent, #fff); display:grid; place-items:center; font-weight:700; font-size:16px; overflow:hidden; }
.pv-av img { width:100%; height:100%; object-fit:cover; }

.pv-grade { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 360px), 1fr)); gap:14px; }
.pv-grade > * { min-width:0; }
.pv-card { background:var(--bg-elevated, #fff); border-radius:var(--r-lg, 14px); border:0.5px solid var(--border); border-left:3px solid var(--pv-verde);
  box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.05)); display:flex; flex-direction:column; min-width:0; }
.pv-card.pend { border-left-color:var(--pv-laranja); }
.pv-card.urg { box-shadow:0 0 0 1.5px color-mix(in srgb, var(--pv-verm) 55%, transparent), var(--shadow-sm, 0 1px 3px rgba(0,0,0,.05)); }
.pv-card.fim { opacity:.8; border-left-color:#94a3b8; }
.pv-card .cab { display:flex; align-items:center; gap:10px; padding:14px 16px 0; min-width:0; }
.pv-num { background:var(--accent-soft, color-mix(in srgb, var(--accent) 12%, transparent)); color:var(--accent); font-weight:700; border-radius:8px; padding:3px 9px; font-size:13.5px; flex:none; }
.pv-cli { font-weight:700; font-size:14px; flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pv-st { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:600; border-radius:999px; padding:3px 10px; flex:none;
  color:var(--pv-verde); background:color-mix(in srgb, var(--pv-verde) 12%, transparent); }
.pv-st.pend { color:#b45309; background:color-mix(in srgb, var(--pv-laranja) 15%, transparent); }
.pv-st.urg { color:var(--pv-verm); background:color-mix(in srgb, var(--pv-verm) 12%, transparent); }
.pv-st.fim { color:var(--text-secondary); background:var(--bg-hover, #f1f5f9); }
.pv-card .corpo { padding:10px 16px 12px; flex:1; display:flex; flex-direction:column; gap:9px; min-width:0; }
.pv-vend { display:inline-flex; align-items:center; gap:7px; align-self:flex-start; border:0.5px solid var(--border); border-radius:999px; padding:4px 12px 4px 5px; font-size:12.5px; font-weight:600; max-width:100%; }
.pv-vend .mini { width:22px; height:22px; border-radius:50%; background:var(--accent); color:var(--on-accent, #fff); display:grid; place-items:center; font-size:10px; font-weight:800; overflow:hidden; flex:none; }
.pv-vend .mini img { width:100%; height:100%; object-fit:cover; }
.pv-vend .n { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pv-datas { display:flex; gap:14px; flex-wrap:wrap; font-size:12.5px; color:var(--text-secondary); }
.pv-datas span { display:inline-flex; align-items:center; gap:5px; }
.pv-faixa { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; border-radius:8px; padding:6px 10px; }
.pv-faixa.espera { background:#fff7ed; color:#c2410c; }
.pv-faixa.grave { background:#fef2f2; color:#dc2626; }
.pv-faixa.ok { background:#ecfdf5; color:#047857; }
.pv-faixa.info { background:var(--accent-soft, #f3e8ff); color:var(--accent); }
.pv-faixa.obs { background:#fffbeb; color:#92400e; border:0.5px solid #fde68a; font-weight:500; }
.pv-faixa.obs b { font-weight:700; }
.pv-faixa .sub { opacity:.75; font-weight:500; }
.pv-itens { display:flex; flex-direction:column; }
.pv-it { display:flex; gap:12px; padding:9px 0; border-top:0.5px solid var(--divider); min-width:0; }
.pv-it:first-child { border-top:0; }
.pv-it.fora { opacity:.5; }
.pv-thumb { width:54px; height:54px; border-radius:10px; border:0.5px solid var(--border); background:var(--bg-hover, #f4f4f5); display:grid; place-items:center; color:var(--text-tertiary); flex:none; overflow:hidden; }
.pv-thumb img { width:100%; height:100%; object-fit:cover; }
.pv-it .txt { flex:1; min-width:0; }
.pv-it .nm { font-size:13.5px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pv-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; align-items:center; }
.pv-q { background:var(--bg-hover, #f1f5f9); border-radius:6px; padding:2px 8px; font-size:12px; font-weight:700; }
.pv-chip { display:inline-flex; align-items:center; gap:5px; border-radius:6px; padding:2px 8px; font-size:11px; font-weight:700; }
.pv-chip.setor { background:var(--accent-soft, #f3e8ff); color:var(--accent); }
.pv-chip.nao { background:#fee2e2; color:#b91c1c; }
.pv-det { font-size:11.5px; color:var(--text-secondary); margin-top:4px; display:flex; gap:6px; align-items:flex-start; white-space:pre-wrap; overflow:hidden; max-height:3.2em; }
.pv-card .rod { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:12px 16px; border-top:0.5px solid var(--divider); flex-wrap:wrap; }
.pv-card .rod .ui-btn { display:inline-flex; align-items:center; gap:7px; }
.pv-btn-ok, .pv-btn-abrir { background:var(--accent) !important; color:var(--on-accent, #fff) !important; border-color:transparent !important; }
.pv-card .rod .ui-btn { height:38px; }
.pv-btn-ic { width:38px; min-width:38px; height:38px; padding:0 !important; justify-content:center; border-radius:10px; }
.pv-btn-del { color:var(--pv-verm) !important; }
.pv-btn-del:hover { background:color-mix(in srgb, var(--pv-verm) 10%, transparent) !important; }
.pv-vazio { padding:28px; text-align:center; color:var(--text-tertiary); font-size:14px; }

/* ----- modal do pedido ----- */
.pv-md .md { width:min(820px, 100%); }
.pv-md .md-cab { z-index:2; }
.pv-md .md-cab h3 i { color:var(--accent); }
.pv-sec { margin-bottom:20px; }
.pv-sec > h4 { display:flex; align-items:center; gap:10px; font-size:15px; margin:0 0 12px; padding-bottom:10px; border-bottom:0.5px solid var(--divider); }
.pv-sec > h4 .ic { width:30px; height:30px; border-radius:8px; background:var(--accent-soft, color-mix(in srgb, var(--accent) 12%, transparent)); color:var(--accent); display:grid; place-items:center; font-size:13px; flex:none; }
.pv-info { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:10px; }
.pv-info > div { border:0.5px solid var(--border); border-radius:10px; padding:9px 11px; min-width:0; }
.pv-info small { display:block; font-size:10px; font-weight:700; text-transform:uppercase; color:var(--text-tertiary); letter-spacing:.04em; }
.pv-info b { font-size:14px; display:flex; align-items:center; gap:6px; margin-top:3px; overflow-wrap:anywhere; }
.pv-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.pv-tag { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:600; color:var(--accent); background:var(--accent-soft, #f3e8ff); }
.pv-tag.esp { color:#b45309; background:color-mix(in srgb, var(--pv-laranja) 15%, transparent); }
.pv-tag.ok { color:var(--pv-verde); background:color-mix(in srgb, var(--pv-verde) 12%, transparent); }
.pv-tag.urg { color:var(--pv-verm); background:color-mix(in srgb, var(--pv-verm) 12%, transparent); }
.pv-tag.aviso { color:#b45309; background:color-mix(in srgb, var(--pv-laranja) 15%, transparent); }
.pv-form { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.pv-form .full { grid-column:1 / -1; }
.pv-form .c3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; grid-column:1 / -1; }
.pv-campo { display:flex; flex-direction:column; gap:5px; min-width:0; }
.pv-campo > label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--text-secondary); display:flex; align-items:center; gap:6px; }
.pv-campo > label .req { color:#dc2626; }
.pv-campo .ui-input { width:100%; min-width:0; }
.pv-campo textarea.ui-input { min-height:64px; resize:vertical; }
.pv-campo .dica { font-size:11px; color:var(--text-tertiary); display:flex; align-items:center; gap:6px; }
.pv-mit { border:0.5px solid var(--border); border-radius:var(--r-md, 12px); padding:14px; margin-bottom:12px; background:var(--bg-surface, var(--bg-hover, #fafafa)); display:flex; gap:14px; min-width:0; }
.pv-mit.fora { opacity:.65; }
.pv-foto { width:78px; flex:none; display:flex; flex-direction:column; gap:6px; align-items:center; }
.pv-foto .box { width:78px; height:78px; border-radius:12px; border:1.5px dashed var(--border); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; font-size:11px; color:var(--text-secondary); cursor:pointer; overflow:hidden; background:var(--bg-card, #fff); text-align:center; padding:0; font-family:inherit; }
.pv-foto .box i { color:var(--accent); font-size:16px; }
.pv-foto .box img { width:100%; height:100%; object-fit:cover; }
.pv-foto .lnk { font-size:11px; background:none; border:0; color:var(--text-tertiary); cursor:pointer; display:inline-flex; align-items:center; gap:4px; font-family:inherit; }
.pv-mit .miolo { flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; }
.pv-mit .nm { font-weight:700; font-size:14px; overflow-wrap:anywhere; }
.pv-mit .grade3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.pv-arte { display:flex; align-items:center; gap:8px; border:1.5px dashed var(--border); border-radius:10px; padding:7px 9px; font-size:12px; color:var(--text-secondary); cursor:pointer; background:var(--bg-card, #fff); font-family:inherit; text-align:left; min-width:0; }
.pv-arte img { width:34px; height:34px; border-radius:6px; object-fit:cover; flex:none; }
.pv-arte .t { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.pv-arte-l { display:flex; align-items:center; gap:6px; }
.pv-arte-l .x { background:none; border:0; cursor:pointer; color:var(--text-tertiary); padding:4px; }
.pv-nao { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; border-radius:8px; padding:5px 10px; font-size:12px; font-weight:700; cursor:pointer; border:0; background:#fee2e2; color:#b91c1c; font-family:inherit; }
.pv-nao.volta { background:var(--accent-soft, #f3e8ff); color:var(--accent); }
.pv-envio { border:0.5px solid var(--border); border-radius:var(--r-md, 12px); overflow:hidden; }
.pv-envio .cab { display:flex; align-items:center; gap:10px; padding:12px 14px; background:var(--bg-surface, var(--bg-hover, #fafafa)); font-weight:700; color:var(--text-primary); border-bottom:0.5px solid var(--divider); }
.pv-envio .cab .ic { width:30px; height:30px; border-radius:8px; background:var(--accent-soft, #f3e8ff); color:var(--accent); display:grid; place-items:center; flex:none; }
.pv-envio .dentro { padding:14px; display:flex; flex-direction:column; gap:14px; }
.pv-sw { display:inline-flex; align-items:center; gap:10px; font-size:12.5px; font-weight:700; text-transform:uppercase; cursor:pointer; }
.pv-sw input { width:40px; height:22px; accent-color:var(--accent); }
.pv-envio h5 { display:flex; align-items:center; gap:7px; font-size:13px; color:var(--text-primary); margin:0; padding-bottom:6px; border-bottom:0.5px solid var(--divider); }
.pv-envio h5 i { color:var(--accent); }
.pv-envio .itl { display:flex; flex-direction:column; gap:6px; }
.pv-envio .itl label { display:flex; align-items:center; gap:10px; border:0.5px solid var(--border); border-radius:8px; padding:7px 10px; font-size:13px; background:var(--bg-card, #fff); cursor:pointer; min-width:0; }
.pv-envio .itl label span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pv-envio .itl label b { font-size:12px; color:var(--text-secondary); flex:none; }
.pv-cep { display:flex; gap:6px; }
.pv-cep .ui-btn { flex:none; width:40px; padding:0; justify-content:center; }
.pv-arq { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; }
.pv-arq a { display:inline-flex; align-items:center; gap:6px; }
.pv-md .md-rod .ui-btn { display:inline-flex; align-items:center; gap:7px; }
.pv-hist { font-size:12px; color:var(--text-secondary); display:flex; flex-direction:column; gap:4px; }
.pv-hist div { display:flex; gap:8px; }

@media (max-width:640px) {
  .pv .page-head .acoes-topo { width:100%; }
  .pv-filtros .f, .pv-filtros .f.data .ui-input, .pv-filtros .f.sel .ui-input { width:100%; flex:1 1 100%; }
  .pv-filtros .f.data { flex:1 1 calc(50% - 5px); }
  .pv-form, .pv-form .c3, .pv-mit .grade3 { grid-template-columns:minmax(0,1fr); }
  .pv-mit { flex-direction:column; }
  .pv-foto { flex-direction:row; width:auto; }
  .pv-card .rod .ui-btn { min-height:40px; }
  .pv-alerta, .pv-grupo { padding:12px 14px; }
}
/* Desvalidar (26/09/2026) */
.pv-btn-desval { color:var(--pv-laranja, #c2410c) !important; }
.pv-btn-desval:hover { background:color-mix(in srgb, #c2410c 10%, transparent) !important; }
.pv-hist div.desval { color:#c2410c; font-weight:600; }
/* "Tirar este item da produção" — link discreto com ⓘ (26/09/2026) */
.pv-nao-l { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; }
.pv-nao-lnk { background:none; border:0; padding:2px 0; font:inherit; font-size:12px; color:var(--text-secondary); text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.pv-nao-lnk:hover { color:var(--text-primary); }
.pv-nao-info { background:none; border:0; padding:4px; line-height:1; color:var(--text-tertiary); cursor:pointer; font-size:12px; }
.pv-nao-info:hover { color:var(--accent); }
.pv-nao-txt { flex-basis:100%; font-size:11.5px; line-height:1.45; color:var(--text-secondary); background:var(--bg-hover, #f4f4f6); border-radius:8px; padding:8px 10px; }
.pv-chip.nao-prod { background:var(--bg-hover, #eef0f3); color:var(--text-secondary); }
/* Campos do envio conferidos (26/09/2026) */
.ui-input.pv-inv { border-color:#dc2626 !important; box-shadow:0 0 0 3px color-mix(in srgb, #dc2626 15%, transparent) !important; }
.pv-erro-campo { display:block; font-size:11.5px; color:#dc2626; margin-top:4px; }
/* Nota puxada do pedido (26/09/2026) */
.pv-nfauto { border:0.5px solid color-mix(in srgb, #16a34a 35%, var(--border)); background:color-mix(in srgb, #16a34a 6%, transparent); border-radius:12px; padding:10px 12px; margin-bottom:12px; display:flex; flex-direction:column; gap:8px; }
.pv-nfauto.vazio { border-color:var(--border); background:var(--bg-hover, #f6f6f8); }
.pv-nfauto .t { display:flex; gap:8px; align-items:flex-start; font-size:13px; }
.pv-nfauto .t > i { color:#16a34a; margin-top:2px; }
.pv-nfauto.vazio .t > i { color:var(--text-tertiary); }
.pv-nfauto .b { display:flex; flex-wrap:wrap; gap:8px; }
.pv-nfauto small { color:var(--text-tertiary); font-size:11.5px; }
/* Card: envio compacto e arte no chip do setor (26/09/2026) */
.pv-envio-card { display:flex; gap:8px; align-items:flex-start; font-size:12px; line-height:1.45; color:var(--text-secondary); background:var(--bg-hover, #f6f6f8); border-radius:10px; padding:7px 10px; }
.pv-envio-card > i { color:var(--accent); margin-top:2px; }
.pv-envio-card b { color:var(--text-primary); }
.pv-envio-card .parc { font-size:11px; font-weight:700; color:#b45309; }
.pv-envio-card .nf { margin-top:2px; font-weight:600; color:var(--text-primary); }
.pv-envio-card .selo { font-size:10.5px; font-weight:700; color:#15803d; background:color-mix(in srgb, #16a34a 12%, transparent); border-radius:6px; padding:1px 6px; }
.pv-chip.setor.com-arte { padding-left:3px; }
.pv-set-img { width:18px; height:18px; border-radius:4px; object-fit:cover; background:#fff; flex:none; display:inline-flex; align-items:center; justify-content:center; font-size:7px; font-weight:800; }
/* Diagrama de etapas do pedido (26/09/2026) */
.pv-passos { list-style:none; margin:2px 0; padding:0; display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:0; }
.pv-passos li { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:3px; padding:0 2px; min-width:0; }
.pv-passos li::before { content:''; position:absolute; top:11px; left:-50%; width:100%; height:2px; background:var(--border); z-index:0; }
.pv-passos li:first-child::before { display:none; }
.pv-passos li.feito::before, .pv-passos li.atual::before { background:var(--accent); }
.pv-passos .bol { position:relative; z-index:1; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10.5px;
  background:var(--bg-base, #fff); border:2px solid var(--border); color:var(--text-tertiary); }
.pv-passos li.feito .bol { background:var(--accent); border-color:var(--accent); color:#fff; }
.pv-passos li.atual .bol { border-color:var(--accent); color:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent); }
.pv-passos .nm { font-size:9.5px; font-weight:700; line-height:1.15; letter-spacing:-.2px; color:var(--text-tertiary); word-break:keep-all; overflow-wrap:normal; }
.pv-passos .ex { font-size:9px; line-height:1.2; color:var(--text-secondary); font-weight:600; }
.pv-passos li.feito .nm { color:var(--text-primary); }
.pv-passos li.atual .nm { color:var(--accent); }
.pv-passos .qd { font-size:9.5px; line-height:1.2; color:var(--text-tertiary); font-variant-numeric:tabular-nums; }
.pv-passos .voltou { display:inline-flex; align-items:center; gap:2px; font-size:9px; color:#c2410c; font-weight:800; }
.md-corpo .pv-passos { margin:10px 0 2px; }
.md-corpo .pv-passos .nm { font-size:12px; }
.md-corpo .pv-passos .qd, .md-corpo .pv-passos .ex { font-size:11px; }
@media (max-width:420px) {
  .md-corpo .pv-passos { grid-template-columns:1fr; gap:6px; }
  .md-corpo .pv-passos li { flex-direction:row; text-align:left; gap:8px; }
  .md-corpo .pv-passos li::before { display:none; }
  .md-corpo .pv-passos .ex::before { content:'· '; }
}

/* 27/09/2026: artes por setor alinhadas em mini-cards (card e janela) */
.pv-setores { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:8px; margin-top:8px; }
.pv-set { display:flex; align-items:center; gap:8px; padding:6px; border:0.5px solid var(--border); border-radius:10px; background:var(--bg-elevated, #fff); min-width:0; }
.pv-set .mi { flex:0 0 44px; width:44px; height:44px; border-radius:8px; overflow:hidden; background:var(--bg-muted, #f3f3f5); display:flex; align-items:center; justify-content:center; color:var(--text-tertiary); }
.pv-set .mi img { width:100%; height:100%; object-fit:cover; }
.pv-set .mi .pdf { font-size:10px; font-weight:700; }
.pv-set .lb { min-width:0; display:flex; flex-direction:column; line-height:1.2; }
.pv-set .lb small { font-size:10.5px; color:var(--text-tertiary); text-transform:uppercase; letter-spacing:.04em; }
.pv-set .lb b { font-size:12.5px; font-weight:600; color:var(--accent); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pv-set.sem { opacity:.7; }
.pv-faixa.aviso{background:#fff7ed;color:#9a3412;border:0.5px solid #fed7aa}

.pv-envio-card .end{margin-top:3px;font-size:12px;color:var(--text-secondary)}.pv-envio-card .end i{margin-right:4px;color:var(--text-tertiary)}

/* 27/09/2026: Observação da produção (janela do item na Produção) no card */
.pv-obsprod{display:flex;gap:6px;align-items:flex-start;margin-top:5px;font-size:12px;background:#f0f9ff;border:0.5px solid #bae6fd;color:#075985;border-radius:8px;padding:5px 8px}.pv-obsprod i{margin-top:2px}
/* 27/09/2026: rastreio com link pronto no card (vem da Expedição e entrega) */
.pv-rastreio{display:flex;gap:8px;align-items:flex-start;margin-top:6px;padding:7px 10px;border-radius:10px;background:#ecfeff;border:0.5px solid #a5f3fc;color:#155e75;font-size:12.5px}
.pv-rastreio>i{margin-top:2px}.pv-rastreio .rl{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px}
.pv-rastreio a{font-weight:700;color:var(--accent);text-decoration:none;font-variant-numeric:tabular-nums}.pv-rastreio a:hover{text-decoration:underline}
.pv-rastreio .vn{font-size:11px;font-weight:700;color:var(--text-tertiary)}.pv-rastreio .tr{color:var(--text-secondary)}
.pv-rastreio .cp{border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:0 3px}
.pv-rastreio .st{flex-basis:100%;font-size:11.5px;color:var(--text-secondary)}.pv-rastreio .st.ok{color:#15803d;font-weight:600}

/* 27/09/2026: volumes da embalagem no card/janela */
.pv-emb { display:flex; gap:8px; align-items:flex-start; padding:8px 10px; border-radius:10px; background:var(--bg-muted, #f5f3f7); font-size:12.5px; margin-top:8px; }
.pv-emb > i { color:var(--accent); margin-top:2px; }
.pv-emb .emd { color:var(--text-tertiary); font-size:11.5px; }
.pv-emb .qm { color:var(--text-tertiary); font-size:11.5px; margin-top:2px; }