/* Activated only by the three order-list controllers on mobile layouts. */
.order-list-zoom-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; }
.order-list-zoom-tools button { min-height: 36px; padding: 6px 10px; border: 1px solid #c5c8ce; border-radius: 4px; color: #303133; background: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.order-list-zoom-tools button:focus-visible { outline: 2px solid #409eff; outline-offset: 2px; }
.order-list-zoom-tools output { font-size: 13px; font-variant-numeric: tabular-nums; }
.order-list-zoom-hint { flex-basis: 100%; font-size: 12px; color: #606266; }
.order-list-zoom-viewport { width: 100%; overflow: auto; touch-action: auto; }
.order-list-zoom-stage { position: relative; overflow: hidden; }
.order-list-zoom-stage > .el-table {
  position: absolute; top: 0; left: 0;
  width: var(--order-list-natural-width) !important;
  max-width: none;
  transform: scale(var(--order-list-scale)); transform-origin: 0 0;
}