@media (max-width: 900px) {
  .marketplaceAppShell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  .marketplaceAppShell > .header {
    position: static;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 16px;
  }
  .marketplaceAppShell > .header .brand {
    width: auto;
    padding: 0;
    border-bottom: 0;
  }
  .marketplaceAppShell > .header .brandText {
    display: none;
  }
  .marketplaceAppShell > .header .nav {
    flex-direction: row;
    align-items: center;
    min-width: 0;
  }
  .marketplaceAppShell > .header .tabs {
    flex-direction: row;
    align-items: center;
    min-width: 0;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
  }
  .marketplaceAppShell > .header .tab {
    width: auto;
    padding: 9px 11px;
  }
  .marketplaceAppShell > .header .tab.active {
    box-shadow: none;
  }
  .marketplaceAppShell > .header .tab.danger {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .marketplaceAppShell > .header .tab.danger .tabLabel {
    display: none;
  }
  .marketplacePageColumn,
  .marketplaceAccount,
  .marketplaceProducts,
  .marketplaceAccount > *,
  .marketplaceProducts > *,
  .card,
  .acctCard {
    min-width: 0;
    max-width: 100%;
  }
  .tableWrap,
  .tableScroll,
  .acctPurchTableWrap,
  .listingTableWrap,
  .thirdPartyProductsWrap,
  .productsSlotcatalogWrap,
  .slotTableWrap,
  .partnerCompanyTableWrap {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .tableScroll > .table,
  .tableWrap > .table,
  .tableWrap > .productsTable,
  .tableWrap > .thirdPartyProductsTable,
  .listingTableWrap .listingTable,
  .acctPurchTableWrap > .acctPurchTable:not(.webmasterAccessTable),
  .thirdPartyProductsWrap > .thirdPartyProductsTable,
  .productsSlotcatalogWrap > .productsTable {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
  }
  .acctPurchTableWrap > .acctPurchTable.webmasterAccessTable {
    width: 980px;
    min-width: 980px;
    table-layout: fixed;
  }
}

@media (max-width: 640px) {
  .wrap { padding: 22px 14px calc(22px + var(--slotcatalog-sheet-offset, 0px)); }
  .header { flex-direction: column; align-items: flex-start; gap: 10px; }
  .marketplaceAppShell > .header {
    flex-direction: column;
    align-items: stretch;
  }
  .marketplaceAppShell > .header .brand {
    display: none;
  }
  .marketplaceAppShell > .header .nav {
    width: 100%;
  }
  .marketplaceAppShell > .header .tabLabel {
    display: inline;
  }
  .brand { flex: 0 0 auto; }
  .nav { flex: 0 1 auto; width: 100%; max-width: none; align-self: stretch; justify-content: space-between; }
  .tabs { max-width: 100%; }
  .card { padding: 16px; }
  .acctProfileRow { gap: 14px; }
  .acctProfileInfo { flex-basis: 100%; }
  .acctProfileMedia {
    width: 100%;
    margin-left: 0;
    align-items: flex-start;
  }
  .acctProfileMedia .avatar {
    width: 84px;
    height: 84px;
    border-radius: 16px;
  }
  .acctAvatarVerify {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
  .kv { grid-template-columns: minmax(86px, 34%) minmax(0, 1fr); }
  .toolbar { align-items: flex-start; }
  .toolbar .group { width: 100%; }
  .field { width: 100%; max-width: 100%; }
  #roleSelect.field { width: auto; }
  .partnerCompanyDetailHead { grid-template-columns: 1fr; }
  .partnerCompanyDetailInfo { padding-right: 0; }
  .partnerCompanyDetailActions { justify-content: flex-start; flex-wrap: wrap; }
  .partnerControlsRow--header { justify-content: flex-start; width: 100%; }
  .partnerManagerFilterLabel { width: 100%; align-items: flex-start; flex-direction: column; }
  .partnerCompanyTop,
  .partnerManagerRow,
  .partnerManagerMain { align-items:flex-start; }
  .userRow { display:grid; grid-template-columns: 1fr 72px; grid-template-areas: "meta avatar" "actions actions"; gap: 12px; align-items: start; }
  .userMeta { grid-area: meta; }
  .userAvatarWrap { grid-area: avatar; margin-left: 0; justify-self: end; }
  .userActions { grid-area: actions; justify-content: flex-start; }
  .editRow { grid-template-columns: 1fr; width: 100%; }
  .editRight { width: 100%; justify-content: flex-start; }
  .priceInput { width: 110px; }
  .editMonthSelect.field { width: 160px; min-width: 160px; }
  .editTargets { grid-template-columns: 1fr; max-width: 100%; }
  .editUrlRow { flex-direction: column; align-items: stretch; }
  .editRedirectBox { grid-template-columns: 1fr; max-width: 100%; min-width: 0; }
  .submitsItemStatusMatrix { margin-left:0; flex-wrap:wrap; }
  .listingModalGrid { grid-template-columns: 1fr; }
  .listingModalFooterActions { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
  .sheetItemRow {
    margin-left: 0;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
  }
  .sheetItemLabel {
    width: 100%;
    overflow-wrap: anywhere;
  }
  .sheetItemControls {
    width: 100%;
    justify-content: flex-start;
    gap: 8px;
  }
  .sheetItemPriceInput.field,
  .sheetItemPartnerSelect.field,
  .sheetItemCasinoSelect.field {
    width: 100%;
    max-width: 100%;
  }
}