#qmodii3Wrapper {
  max-width: 1180px;
  margin: 20px auto;
  --qmodii-oa-leg-date-width: 110px;
  --qmodii-oa-leg-action-width: 48px;
}

.qmodii {
  font-size: 14px;
}

/* Trade column: keep multi-leg values from overlapping */
#qmodii3Wrapper .qmodii-oa-td-legs {
  min-width: 280px;
  overflow: hidden;
}

#qmodii3Wrapper .qmodii-oa-trade-legs {
  row-gap: 4px;
  width: 100%;
  max-width: 100%;
}

#qmodii3Wrapper .qmodii-oa-leg-row {
  grid-template-columns:
    minmax(var(--qmodii-oa-leg-action-width), max-content)
    var(--qmodii-oa-leg-date-width)
    max-content
    max-content;
  column-gap: 8px;
  justify-items: start;
}

#qmodii3Wrapper .qmodii-oa-leg-row > * {
  justify-self: start;
  margin-right: 0;
  white-space: nowrap;
}

#qmodii3Wrapper .qmodii-oa-leg-date,
#qmodii3Wrapper .qmodii-oa-leg-strike,
#qmodii3Wrapper .qmodii-oa-tag-call-put {
  padding-inline: 2px;
}

/* Narrow widths: let horizontal scroll reach every column (unstick Trade) */
@media (max-width: 900px) {
  #qmodii3Wrapper .qmodii-oa-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #qmodii3Wrapper .qmodii-oa-th-trade-col,
  #qmodii3Wrapper .qmodii-oa-td-trade-col,
  #qmodii3Wrapper .qmodii-oa-th[data-testid="th-trade"],
  #qmodii3Wrapper .qmodii-oa-td-legs,
  #qmodii3Wrapper .qmodii-oa-table--with-trade .qmodii-oa-th[data-testid="th-trade"],
  #qmodii3Wrapper .qmodii-oa-table--with-trade .qmodii-oa-td-legs {
    position: static;
    left: auto;
    z-index: auto;
  }
}