/* Comercial Mix — tabela de pedidos compacta e rolável no mobile (v1.89.6) */
.commercialGridSingle{
  width:100%!important;
  min-width:0!important;
}

.commercialOrdersTable{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.commercialOrdersScroll{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:auto!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:auto!important;
  scrollbar-color:#7691a6 #e9f0f4!important;
}

.commercialOrdersScroll::-webkit-scrollbar{height:10px}
.commercialOrdersScroll::-webkit-scrollbar-track{background:#e9f0f4}
.commercialOrdersScroll::-webkit-scrollbar-thumb{
  border:2px solid #e9f0f4;
  border-radius:999px;
  background:#7691a6;
}

.commercialOrdersTable table{
  width:1180px!important;
  min-width:1180px!important;
  max-width:none!important;
  height:auto!important;
  table-layout:fixed!important;
}

.commercialOrdersTable thead,
.commercialOrdersTable tbody{height:auto!important}

.commercialOrdersTable thead tr{height:32px!important}

.commercialOrdersTable tbody tr{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
}

.commercialOrdersTable th,
.commercialOrdersTable td{
  height:36px!important;
  max-height:36px!important;
  padding:3px 7px!important;
  vertical-align:middle!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.commercialOrdersTable th{
  height:32px!important;
  font-size:10px!important;
}

.commercialOrdersTable .inlineStatus{
  height:27px!important;
  min-height:27px!important;
  padding:3px 6px!important;
  font-size:11px!important;
}

.commercialOrdersTable .orderActions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
}

.commercialOrdersTable .orderActions button{
  height:27px!important;
  min-height:27px!important;
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1!important;
}

.commercialOrdersTable th:first-child,
.commercialOrdersTable td:first-child{
  position:sticky!important;
  z-index:2!important;
  left:0!important;
  background:#fff!important;
  box-shadow:7px 0 9px -10px #10263c!important;
}

.commercialOrdersTable th:first-child{
  z-index:3!important;
  background:#f8fafc!important;
}

@media(max-width:760px){
  .commercialOrdersTable{contain:inline-size!important}
  .commercialOrdersScroll{
    width:100%!important;
    max-width:100%!important;
    overflow-x:scroll!important;
  }
  .commercialOrdersTable table{
    width:1180px!important;
    min-width:1180px!important;
  }
}