@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; }
  .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; }
  .editPopupImageRow { align-items: flex-start; }
  .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%;
  }
}