/* OSPrimeApp 5.7 - Revenda Pro: conferencia de compra e de venda

   Reaproveita .delivery-check (o item do checklist de retirada da OS) para que
   os dois checklists do sistema tenham o mesmo desenho. Aqui ficam so a grade
   e as caixas que envolvem a lista. */
body.premium-ui .resale-check-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 10px 0;
}
body.premium-ui .resale-check-block {
  margin: 4px 0 2px;
  padding: 14px;
  border: 1px solid rgba(75, 111, 160, .34);
  border-radius: 14px;
  background: rgba(12, 25, 42, .55);
}
body.premium-ui .resale-check-block > b {
  font-size: 13px;
  color: #e8f0ff;
}
body.premium-ui .resale-check-device {
  padding: 12px 14px;
  border: 1px solid rgba(75, 111, 160, .34);
  border-left: 3px solid var(--accent-base, #38bdf8);
  border-radius: 12px;
  background: rgba(12, 25, 42, .55);
}
body.premium-ui .resale-check-device b { display: block; font-size: 14px; color: #edf5ff; }
body.premium-ui .resale-check-device small { display: block; margin-top: 3px; color: #93a7c4; font-size: 12px; }
body.premium-ui #resaleCheckSummary { margin: 2px 0 0; }

@media (max-width: 720px) {
  body.premium-ui .resale-check-list { grid-template-columns: 1fr; }
}

/* Selo da conferencia nas listagens de estoque e de vendas.
   Cinza = ninguem conferiu; ambar = ficou item pendente (com explicacao,
   que a regra exige); verde = passou tudo. Clicar abre o registro. */
body.premium-ui .resale-check-badge {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
body.premium-ui button.resale-check-badge:hover { filter: brightness(1.18); }
body.premium-ui .resale-check-badge.ok {
  border-color: rgba(44, 172, 111, .45);
  background: rgba(18, 59, 44, .75);
  color: #72e6a8;
}
body.premium-ui .resale-check-badge.parcial {
  border-color: rgba(233, 179, 68, .45);
  background: rgba(233, 179, 68, .12);
  color: #e7b744;
}
body.premium-ui .resale-check-badge.vazio {
  border-color: rgba(113, 132, 155, .35);
  background: rgba(113, 132, 155, .12);
  color: #93a7c4;
  cursor: default;
}