/* MotoPed 0.1.68 — correção incremental do deslocamento lateral em celulares.
 * Não altera cores, ícones, dimensões finais da sidebar ou lógica dos pedidos.
 * Corrige o elemento que provoca rolagem no assistente: botões que não podiam quebrar linhas.
 * Tabelas extensas que não viram cartões continuam rolando apenas DENTRO da própria tabela.
 */
@media (max-width:760px) {
  /* O workspace permanece da largura da tela. Componentes internos encolhem
     sem impor a largura mínima do conteúdo ao painel/página. */
  .mp-body .mp-main,
  .mp-body .mp-content,
  .mp-body .mp-content-scroll,
  .mp-body .mp-workspace,
  .mp-body .mp-panel,
  .mp-body .mp-record-toolbar,
  .mp-body .mp-record-row,
  .mp-body .mp-company-row,
  .mp-body .wb-catalog-manager,
  .mp-body .wb-offline-workspace,
  .mp-body .mp-local-orders {
    min-width:0;
    max-width:100%;
  }
  /* Impede que o conteúdo inteiro seja arrastado lateralmente; componentes
     extensos mantêm rolagem própria dentro de .mp-table-wrap quando necessária. */
  .mp-body .mp-content {overflow-x:hidden;}
  .mp-body .mp-workspace,
  .mp-body .mp-content-scroll {overflow-wrap:break-word;}

  /* Pedidos: todos os passos, inclusive a lista de produtos e a revisão. */
  .wb-order-dialog {
    max-width:100vw;
    overflow-x:hidden;
  }
  .wb-order-dialog .wb-order-workflow,
  .wb-order-dialog #wb-order-form,
  .wb-order-dialog .wb-step-content,
  .wb-order-dialog .wb-product-layout,
  .wb-order-dialog .wb-catalog-card,
  .wb-order-dialog .wb-order-picked,
  .wb-order-dialog .wb-catalog-info,
  .wb-order-dialog .wb-order-fields,
  .wb-order-dialog .wb-review-details {
    min-width:0;
    max-width:100%;
  }
  .wb-order-dialog .wb-order-steps .wb-order-step {
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .wb-order-dialog .wb-catalog-title,
  .wb-order-dialog .wb-catalog-heading {
    min-width:0;
    max-width:100%;
    flex-wrap:wrap;
  }
  .wb-order-dialog .wb-catalog-title > *,
  .wb-order-dialog .wb-catalog-heading > * {min-width:0;overflow-wrap:anywhere;}
  .wb-order-dialog .wb-catalog-row {min-width:0;max-width:100%;}
  .wb-order-dialog .wb-catalog-row .wb-catalog-info {
    min-width:0;
    overflow-wrap:anywhere;
  }
  .wb-order-dialog .wb-catalog-pagination {min-width:0;max-width:100%;flex-wrap:wrap;}
  .wb-order-dialog .wb-catalog-pagination .mp-btn {
    white-space:normal;
    min-width:0;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .wb-order-dialog .wb-order-picked .wb-items,
  .wb-order-dialog .wb-order-picked .wb-items tbody,
  .wb-order-dialog .wb-order-picked .wb-items tbody tr {
    min-width:0!important;
    max-width:100%;
    width:100%;
  }
  .wb-order-dialog .wb-order-picked .wb-items tbody td {min-width:0;max-width:100%;}
  .wb-order-dialog .wb-order-picked .wb-items input:not([type=hidden]),
  .wb-order-dialog .wb-order-picked .wb-items select {
    min-width:0;
    max-width:100%;
  }
  .wb-order-dialog .wb-order-picked .wb-item-custom-fields {
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }

  /* Causa reproduzida: ações fixadas no rodapé do pedido ficavam mais largas
     que o modal, sobretudo após adicionar/salvar rascunhos. Botões passam a
     ocupar duas colunas quando couberem e se empilham naturalmente no restante. */
  .wb-order-dialog .wb-order-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    width:100%;
    max-width:100%;
    min-width:0;
    gap:8px;
  }
  .wb-order-dialog .wb-order-actions > .mp-btn {
    flex:1 1 calc(50% - 4px)!important;
    min-width:0!important;
    max-width:100%;
    padding:10px 8px;
    white-space:normal!important;
    overflow-wrap:anywhere;
    line-height:1.35;
    text-align:center;
  }
  .wb-order-dialog .wb-order-actions > .mp-btn[hidden] {display:none!important;}
  .wb-order-dialog .wb-order-summary > div {min-width:0;max-width:100%;gap:8px;}
  .wb-order-dialog .wb-order-summary > div > * {min-width:0;overflow-wrap:anywhere;}

  /* Fora do formulário: listagens, documentos, filtros e cartões. */
  .mp-content .mp-sectionhead > *,
  .mp-content .mp-title-row > *,
  .mp-content .mp-record-info,
  .mp-content .mp-company-main {min-width:0;overflow-wrap:anywhere;}
  .mp-content .mp-table-wrap {min-width:0;max-width:100%;}
  .mp-content .wb-doc-actions,
  .mp-content .wb-history-head-actions {
    min-width:0;
    max-width:100%;
    white-space:normal;
    flex-wrap:wrap;
  }
  .mp-content .wb-doc-actions .mp-btn,
  .mp-content .wb-history-head-actions .mp-btn {white-space:normal;max-width:100%;}
  .mp-content .wb-catalog-source,
  .mp-content .wb-catalog-mapping,
  .mp-content .wb-catalog-field-grid {min-width:0;max-width:100%;}
  .mp-content .wb-catalog-field-chip {overflow-wrap:anywhere;}
  .mp-content .mp-record-actions,
  .mp-content .wb-record-actions {max-width:100%;}
  .mp-content .mp-upload input[type=file] {min-width:0;max-width:100%;}
  /* A tabela original do legado, que não é uma lista em cartões, permanece
     acessível por rolagem INTERNA, sem empurrar a página toda. */
  .mp-content .wb-history-original .mp-table-wrap {overflow-x:auto;max-width:100%;}

  /* Rascunhos locais/offline: campos e ações não devem impor largura ao painel. */
  .mp-local-orderbar,
  .mp-local-orders .mp-local-product-row,
  .mp-local-orders .mp-local-saved-item,
  .mp-local-orders .mp-local-fields,
  .mp-local-orders .mp-local-workflow-actions,
  .mp-offline-workspace .mp-offline-panel {
    min-width:0;
    max-width:100%;
  }
  .mp-local-ordercontrols .mp-btn,
  .mp-local-orders .mp-local-workflow-actions .mp-btn,
  .mp-local-orders .mp-local-product-row .mp-btn {
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .mp-local-ordercontrols .mp-btn {flex:1 1 130px;}
  .mp-offline-workspace .mp-offline-table-wrap {min-width:0;max-width:100%;}
}
@media (max-width:560px) {
  /* Contingência PWA: status não disputa a mesma linha no cabeçalho estreito. */
  .mp-offline-public .mp-public-top {min-width:0;flex-wrap:wrap;}
  .mp-offline-public .mp-public-top > span {min-width:0;flex:1 1 150px;overflow-wrap:anywhere;}
  .mp-offline-public .mp-public-top strong {white-space:normal;overflow-wrap:anywhere;}
  .mp-offline-public .mp-public-scroll,
  .mp-offline-public .mp-offline-workspace,
  .mp-offline-public .mp-offline-panel {min-width:0;max-width:100%;}
  .mp-offline-public .mp-offline-table-wrap {min-width:0;max-width:100%;}
}