/* Monfer 2.0 — Fase 5: camada visual isolada da logística. */
:is(#pageSeparacao,#pageExpedicao,#pageEntregas) .page-header{align-items:flex-start;gap:14px}
:is(#pageSeparacao,#pageExpedicao,#pageEntregas) :is(#separacaoList,#expedicaoList,#entregasList){overflow:auto;overscroll-behavior:contain}
:is(#pageSeparacao,#pageExpedicao,#pageEntregas) :is(.data-table,.dash-table){min-width:860px}
:is(#pageSeparacao,#pageExpedicao,#pageEntregas) :is(button,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}
@media(max-width:680px){:is(#pageSeparacao,#pageExpedicao,#pageEntregas) .page-header{flex-direction:column}:is(#pageSeparacao,#pageExpedicao,#pageEntregas) .page-header .actions{width:100%;flex-wrap:wrap}:is(#pageSeparacao,#pageExpedicao,#pageEntregas) .page-header .actions>*{flex:1 1 150px;justify-content:center;min-height:40px}:is(#pageSeparacao,#pageExpedicao,#pageEntregas) .wms-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){:is(#pageSeparacao,#pageExpedicao,#pageEntregas) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Segundo bloco: detalhes operacionais, scanner, conferência e entrega. */
.wms-detalhe{min-width:0}.wms-detalhe .wms-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.wms-detalhe .wms-section{min-width:0}.wms-detalhe .wms-section:has(>table){overflow:auto;overscroll-behavior:contain}.wms-detalhe .data-table{min-width:760px}.wms-detalhe .wms-actions{position:sticky;bottom:0;background:var(--bg-card,var(--bg));padding:12px 0;z-index:2}.wms-detalhe :is(button,input,select):focus-visible,.wms-form-modal :is(button,input,select,canvas):focus-visible,#multiplicador-overlay :is(button,input):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}
.wms-assinatura-box{max-width:100%;overflow:hidden}.wms-assinatura-box canvas{display:block;width:100%;height:auto;touch-action:none}
@media(max-width:600px){.wms-detalhe .wms-meta{grid-template-columns:1fr 1fr}.wms-detalhe .wms-actions{display:grid;grid-template-columns:1fr 1fr}.wms-detalhe .wms-actions .btn{width:100%;justify-content:center;min-height:42px}.wms-detalhe #confBuscaInput+button{width:100%}.wms-detalhe div:has(>#confBuscaInput){flex-wrap:wrap!important}.wms-detalhe .wms-form-row{flex-direction:column;align-items:stretch}.wms-detalhe .wms-form-row>*{width:100%!important}.wms-form-modal .wms-assinatura-actions{align-items:stretch;flex-direction:column}.wms-form-modal .wms-assinatura-actions>div{display:grid!important;grid-template-columns:1fr 1fr}}

/* Terceiro bloco: criação de rota, assinatura e paradas. */
.wms-form-modal{width:min(100%,720px);max-height:calc(100dvh - 32px);overflow:auto}.wms-form-modal .wms-checkbox-list{max-height:min(42vh,360px);overflow:auto;overscroll-behavior:contain}.wms-form-modal .wms-form-field input,.wms-form-modal .wms-form-field select,.wms-form-modal .wms-form-field textarea{max-width:100%}.wms-geo-results{max-height:260px;overflow:auto;overscroll-behavior:contain}
@media(max-width:520px){.wms-form-modal{max-height:calc(100dvh - 16px)}.wms-form-modal .wms-actions{display:grid;grid-template-columns:1fr 1fr}.wms-form-modal .wms-actions .btn{width:100%;min-height:42px}.wms-form-modal div:has(>#paradaEndereco){flex-wrap:wrap!important}.wms-form-modal #paradaEndereco+.btn{width:100%}}

/* Quarto bloco: etiquetas e impressão. */
#pageEtiquetas>.data-card>div[role="tablist"]{overflow-x:auto;overscroll-behavior:contain}
#pageEtiquetas :is(button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}
#pageEtiquetas :is(#etqNotaResultados,#etqProdResultados,#etqEnderecosLista){overscroll-behavior:contain}
@media(max-width:720px){#pageEtiquetas #etqTab_envio>div:first-child{grid-template-columns:1fr!important}#pageEtiquetas #etqTab_envio>div:nth-last-of-type(1),#pageEtiquetas #etqTab_produto>div:last-child{display:grid!important;grid-template-columns:1fr 1fr}#pageEtiquetas #etqTab_envio>div:nth-last-of-type(1) .btn,#pageEtiquetas #etqTab_produto>div:last-child .btn{width:100%;justify-content:center;min-height:42px}}
@media(max-width:460px){#pageEtiquetas #etqTab_envio div[style*="display:flex"]{flex-wrap:wrap}#pageEtiquetas #etqTab_envio div[style*="display:flex"]>*{min-width:120px}#pageEtiquetas #etqTab_envio>div:nth-last-of-type(1){grid-template-columns:1fr}}
