/* ODEM Pedidos Comercial R1 — somente detalhe de Pedidos. Sem regras globais. */
#modal-ped-box .ped-extracoes { margin:16px 0; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
#modal-ped-box .ped-extracoes .ped-section-title { margin:0 0 6px; }
#modal-ped-box .ped-extracao-descricao { margin:0 0 12px; font-size:12px; color:var(--text-2); line-height:1.5; }
#modal-ped-box .ped-extracoes-list { display:grid; gap:7px; list-style:none; padding:0; margin:0; }
#modal-ped-box .ped-extracao-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:10px 12px; border:1px solid var(--danger); border-radius:9px; background:var(--danger-tint); }
#modal-ped-box .ped-extracao-row > div:first-child { display:flex; flex-direction:column; min-width:0; gap:2px; }
#modal-ped-box .ped-extracao-row b, #modal-ped-box .ped-extracao-qtd strong { color:var(--danger); }
#modal-ped-box .ped-extracao-row span { color:var(--text); overflow-wrap:anywhere; font-size:12px; }
#modal-ped-box .ped-extracao-qtd { display:flex; flex-direction:column; gap:3px; text-align:right; }
#modal-ped-box .ped-extracao-qtd small { color:var(--text-2); font-size:11px; }
#modal-ped-box .ped-extracao-ramos { display:grid; gap:5px; padding-top:10px; }
#modal-ped-box .ped-extracao-ramo { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:12px; }
@media(max-width:620px) { #modal-ped-box .ped-extracao-qtd { text-align:left; } #modal-ped-box .ped-extracao-row { align-items:flex-start; flex-direction:column; } }

/* RESTAURACAO PEDIDOS GERAL — escopo restrito ao detalhe do pedido. */
#modal-ped-box .ped-comercial-tabela { margin: 8px 0 16px; }
#modal-ped-box .ped-comercial-tabela-scroll { overflow-x:auto; max-width:100%; }
#modal-ped-box .ped-items-history { width:100%; min-width:680px; }
#modal-ped-box .ped-items-history th { white-space:nowrap; font-size:11px; }
#modal-ped-box .ped-items-history td { vertical-align:middle; }
#modal-ped-box .ped-items-history td:nth-child(n+3) { text-align:right; white-space:nowrap; }
#modal-ped-box .ped-items-history th:nth-child(n+3) { text-align:right; }
#modal-ped-box .ped-items-history .ped-item-saldo-row td { background:var(--danger-tint); }
#modal-ped-box .ped-items-history .ped-item-saldo-row td:nth-child(4),
#modal-ped-box .ped-items-history .ped-item-saldo-row td:nth-child(2) .ped-item-saldo-note { color:var(--danger); font-weight:700; }
#modal-ped-box .ped-items-history .ped-item-historico-row td { opacity:.8; }
#modal-ped-box .ped-historico-nota { display:block; margin-top:4px; font-size:11px; color:var(--text-2); }
#modal-ped-box .ped-comercial-tabela-nota { margin:8px 0 0; font-size:11px; line-height:1.5; color:var(--text-2); }
#modal-ped-box .ped-conferencia-geral { margin:18px 0; padding:12px 14px; border:1px solid var(--border); border-radius:12px; }
#modal-ped-box .ped-conferencia-geral>summary { cursor:pointer; font-weight:700; padding:5px 0; }
#modal-ped-box .ped-fiscal-separado { font-size:12px; color:var(--text-2); line-height:1.5; }
#modal-ped-box .ped-fiscal-resumo { margin-top:10px; }

/* SV-01 — sinalização mínima da extração, sem alterar as nove colunas. */
#ped-raiz #modal-ped-box .ped-items-table tr.ped-item-com-extracao td {
  border-top:2px solid var(--danger);
  background:color-mix(in srgb,var(--danger) 9%,transparent);
}
#ped-raiz #modal-ped-box .ped-items-table tr.ped-item-com-extracao td:first-child,
#ped-raiz #modal-ped-box .ped-items-table tr.ped-item-com-extracao td:nth-child(2) {color:var(--danger);font-weight:650}
#ped-raiz #modal-ped-box .ped-items-table tr.ped-item-extracao-info td {
  padding:7px 12px 10px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--danger) 5%,transparent);
  box-shadow:inset 3px 0 var(--danger);
}
#ped-raiz #modal-ped-box .ped-item-extracao-inline {
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 15px;
  line-height:1.45;font-size:11px;color:var(--text-2);white-space:normal;
}
#ped-raiz #modal-ped-box .ped-item-extracao-inline>strong,
#ped-raiz #modal-ped-box .ped-item-extracao-inline b {color:var(--danger);font-weight:700}
#ped-raiz .ios-order-row.ped-card-com-extracao {border-top:3px solid var(--danger)}
@media(max-width:620px){
 #ped-raiz #modal-ped-box .ped-item-extracao-inline{gap:4px 10px;font-size:11px}
}