/* Shared PVP filter behavior modeled after pvp.html.
   Keeps selected chips visible, removable, and out of the search input flow. */
body[data-commercial-sheet] .orders-filter-shell,
body[data-commercial-sheet] .orders-filter-row,
body[data-commercial-sheet] .orders-filter-grid,
body[data-commercial-sheet] .orders-filter-item,
body[data-commercial-sheet] .orders-multi-select-shell {
  overflow: visible;
}

body[data-commercial-sheet] .orders-filter-row:focus-within,
body[data-commercial-sheet] .orders-filter-item:focus-within {
  z-index: 72;
}

body[data-commercial-sheet] .orders-multi-select-shell {
  align-items: flex-start;
  flex-wrap: wrap;
  height: auto;
  min-height: 36px;
  padding-top: 7px;
  padding-bottom: 7px;
}

body[data-commercial-sheet] .orders-token-list {
  flex: 1 1 auto;
  align-self: auto;
  height: auto;
  min-height: 26px;
  flex-wrap: wrap;
  overflow: visible;
}

body[data-commercial-sheet] .orders-filter-search {
  flex: 1 1 120px;
  min-width: 108px;
  padding-block: 2px;
}

body[data-commercial-sheet] .orders-token-summary,
body[data-commercial-sheet] .orders-multi-select-shell[data-has-selection="true"]:not(:focus-within) .orders-token-summary {
  display: none !important;
}

body[data-commercial-sheet] .orders-multi-select-shell[data-has-selection="true"]:not(:focus-within) .orders-token-list {
  display: flex !important;
}

body[data-commercial-sheet] .orders-filter-token {
  position: relative;
  z-index: 2;
}

body[data-commercial-sheet] .orders-token-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 14px;
  min-height: 14px;
  line-height: 1;
  pointer-events: none;
}

body[data-commercial-sheet] .orders-filter-suggestions {
  z-index: 96;
}