/* Rotina360 R562 — tabela de Separação E-commerce reconstruída para estabilidade visual.
   Escopo exclusivamente visual: não altera bipagem, filtros, quantidades, status ou ações.
   Objetivos: uma única grade, linhas alinhadas, coluna IMG fixa e nenhum deslocamento por estado.
   Causa raiz corrigida: R339 aplicava [class*="next"] também ao <tr class="next-location">,
   convertendo a linha em inline-flex e aplicando estilo de badge azul à linha inteira. */

.page:has(.ecommerce-picking-page) .ecommerce-picking-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  overflow:auto!important;
  position:relative!important;
  border:1px solid #d9e3ef!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}

.page:has(.ecommerce-picking-page) table.ecommerce-picking-table{
  display:table!important;
  width:100%!important;
  min-width:1180px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
  padding:0!important;
}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table thead{
  display:table-header-group!important;
  position:sticky!important;
  top:0!important;
  z-index:8!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody{
  display:table-row-group!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tr{
  display:table-row!important;
  width:auto!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table th,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td{
  display:table-cell!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Uma grade única para cabeçalho e todas as linhas. */
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(1),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(1){width:62px!important;min-width:62px!important;max-width:62px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(2),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(2){width:112px!important;min-width:112px!important;max-width:112px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(3),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(3){width:118px!important;min-width:118px!important;max-width:118px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(4),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(4){width:350px!important;min-width:350px!important;max-width:350px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(5),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(5){width:128px!important;min-width:128px!important;max-width:128px!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(6),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(6){width:88px!important;min-width:88px!important;max-width:88px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(7),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(7){width:94px!important;min-width:94px!important;max-width:94px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(8),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(8){width:88px!important;min-width:88px!important;max-width:88px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(9),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(9){width:116px!important;min-width:116px!important;max-width:116px!important;text-align:center!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table th:nth-child(10),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table td:nth-child(10){width:152px!important;min-width:152px!important;max-width:152px!important;text-align:center!important}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table thead th{
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  background:#f3f7fc!important;
  color:#34557f!important;
  border-right:1px solid #d9e3ef!important;
  border-bottom:1px solid #cbd8e8!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table thead th:last-child{border-right:0!important}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td{
  height:58px!important;
  min-height:58px!important;
  padding:6px 10px!important;
  background:#fff!important;
  color:#10233f!important;
  border-right:1px solid #e1e8f1!important;
  border-bottom:1px solid #e1e8f1!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  outline:0!important;
  box-shadow:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:hover td{
  background:#f7faff!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:last-child{border-right:0!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:last-child td{border-bottom:0!important}

/* Estados operacionais não podem alterar geometria da linha. O status continua no badge. */
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.started,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.completed,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus-visible,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus-within{
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* ROOT FIX R562: neutraliza especificamente a regra ampla do R339:
   .ecommerce-picking-table [class*="next"] { display:inline-flex; ... }
   Essa regra foi criada para um badge, mas também casa com <tr class="next-location">. */
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location{
  display:table-row!important;
  width:auto!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  margin-top:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  align-items:normal!important;
  justify-content:normal!important;
  gap:normal!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:normal!important;
  font-weight:inherit!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:normal!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.started td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.completed td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus-visible td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:focus-within td{
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location:nth-child(odd) td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.started:nth-child(odd) td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.completed:nth-child(odd) td{background:#fff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location:nth-child(even) td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.started:nth-child(even) td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.completed:nth-child(even) td{background:#fbfdff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location:hover td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.started:hover td,
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.completed:hover td{background:#f7faff!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr.next-location .ecommerce-picking-table-location small{display:none!important}

/* Foto apenas na coluna IMG. PRODUTO é texto puro e alinhado com as demais linhas. */
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.r558-photo-column{
  padding:4px!important;
  overflow:hidden!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.r558-photo-column>.r558-photo-slot{
  margin:0 auto!important;
}
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name{
  padding:6px 10px!important;
  min-height:58px!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-weight:720!important;
  background-image:none!important;
  background-size:0 0!important;
  background-position:0 0!important;
  background-repeat:no-repeat!important;
}
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r550-product-cell::before,
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r550-product-cell::after,
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r554-photo-host::before,
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r554-photo-host::after,
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r557-photo-host::before,
html body .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td.ecommerce-picking-product-name.r557-photo-host::after{
  content:none!important;
  display:none!important;
}

.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(2){color:#0759d8!important;font-weight:850!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(3),
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(5){font-variant-numeric:tabular-nums!important}

/* Ações não mudam largura/altura da linha quando recebem foco. */
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(10){overflow:visible!important;white-space:nowrap!important}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(10) .ecommerce-picking-table-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
}
.page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td:nth-child(10) button{
  position:static!important;
  float:none!important;
  transform:none!important;
  margin:0!important;
  vertical-align:middle!important;
}

[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table-wrap{background:var(--surface)!important;border-color:#34455c!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table thead th{background:#1b2636!important;color:#c2d1e4!important;border-color:#34455c!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody td{background:#111827!important;color:#e5edf8!important;border-color:#26364a!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:nth-child(even) td{background:#0f172a!important}
[data-theme="dark"] .page:has(.ecommerce-picking-page) .ecommerce-picking-table tbody tr:hover td{background:#182943!important}

@media(max-width:820px){
  .page:has(.ecommerce-picking-page) table.ecommerce-picking-table{min-width:1120px!important}
  .page:has(.ecommerce-picking-page) .ecommerce-picking-table-wrap{-webkit-overflow-scrolling:touch!important}
}

/* R565 — Montagem operacional: pedido concluído/cancelado nunca ocupa a fila lateral. */
html body .ecommerce-picking-page .ecommerce-order-list > button:has(.ecommerce-order-status.concluido),
html body .ecommerce-picking-page .ecommerce-order-list > button:has(.ecommerce-order-status.cancelado){
  display:none!important;
  visibility:hidden!important;
}
html body .ecommerce-picking-page .r563-assembly-filter,
html body .ecommerce-picking-page .r564-assembly-queue-tools{
  display:none!important;
}