/*
  Profile overview compact module.
  Extracted from the former pages/57-profile-overview.css; keep after 57-profile-overview.css.
*/

/* =========================================================
   Public UI P2.40 — profile compact viewport fit
   Goal: make the profile more minimal, keep it aligned to the
   lower viewport area on desktop, and remove the oversized gap
   before the footer without changing routes or logic.
========================================================= */
body.page-profile .wrap{
  margin-bottom: clamp(18px, 2.4vh, 28px);
}
body.page-profile .siteFooter{
  margin-top: 0;
}
.sitePanel--profile{
  --profile-fit-h: clamp(430px, calc(100dvh - 338px), 640px);
  min-height: 0;
}
.sitePanel--profile .panel-body{
  padding: 8px;
}
.profilePage__body,
.profilePage .profileLayout,
.profileMain,
.profileMain > .pPanel{
  min-height: 0;
}
.profilePage .profileLayout{
  grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.profileAside{
  top: 72px;
}
.profileNav{
  padding: 8px;
  border-radius: 18px;
}
.profileNav--side{
  gap: 6px;
  max-height: var(--profile-fit-h);
  overflow: auto;
}
.pTab{
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12.5px;
}
.profileMain > .pPanel.is-active > .profilePane,
#profileOverview.profilePane{
  min-height: var(--profile-fit-h);
  max-height: var(--profile-fit-h);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.profilePane{
  padding: 12px;
  gap: 10px;
  border-radius: 20px;
}
.profilePane .card__head{
  margin-bottom: 10px;
  gap: 10px 12px;
}
.profilePane .card__title{
  font-size: 16px;
}
.profilePane .hint{
  font-size: 12px;
  line-height: 1.42;
}
.profileBox,
.profileSection--embedded,
.profileLikesToolbar,
.profileOverviewHero,
.toggleRow,
.profileMyShopRow,
.lvlCard,
.invSlot,
.achItem,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.profileHeroStat,
.statTiles--profile .statTile,
.profileInfoTile,
.profilePane .panel{
  border-radius: 16px;
}
.profileBox,
.profileSection--embedded,
.profileLikesToolbar,
.profilePane .panel{
  padding: 12px;
}
.profileOverviewHero{
  padding: 14px;
  gap: 12px !important;
  margin-bottom: 0;
}
.profileOverviewIdentity{
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 12px !important;
}
.profileOverviewIdentity__ava{
  width: 64px;
  height: 64px;
  border-radius: 16px;
}
.profileOverviewIdentity__body{
  min-width: 0 !important;
  gap: 8px;
}
.profileOverviewIdentity__name{
  font-size: clamp(18px, 1.7vw, 24px);
  line-height: 1.08;
}
.profileOverviewIdentity__sid{
  font-size: 12px;
  line-height: 1.32;
}
.profileOverviewIdentity__meta,
.profileOverviewIdentity__chips{
  gap: 6px !important;
}
.profileOverviewHero__aside{
  min-width: 230px !important;
  gap: 8px !important;
}
.profileOverviewActions{
  gap: 6px !important;
}
.profileOverviewActions .btn{
  min-height: 38px;
  padding: 8px 10px;
  font-size: 12.5px;
}
.profileOverviewStats,
.statTiles--profile{
  gap: 8px;
}
.profileOverviewStats{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.statTiles--profile{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.profileHeroStat,
.statTiles--profile .statTile,
.profileInfoTile{
  padding: 10px 12px;
}
.profileHeroStat,
.statTiles--profile .statTile{
  min-height: 86px;
}
.profileHeroStat__label,
.statTile__label,
.profileInfoTile__label,
.profileSubHint{
  font-size: 11px;
}
.profileHeroStat__value,
.statTile__value{
  font-size: clamp(17px, 1.25vw, 20px);
}
.profileInfoGrid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.profileInfoTile__value{
  font-size: 15px;
  line-height: 1.22;
}
.profileInfoTile__sub,
.profileMyShopMeta,
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.achItem__sub,
.refRow__id,
.profileDeviceHint,
.evMeta,
.evWhere{
  font-size: 12px;
  line-height: 1.4;
}
.profileSection__head{
  margin-bottom: 10px;
}
.profileSection__title{
  font-size: 15px;
}
.profileMyShopsList{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.profileMyShopRow{
  padding: 10px 12px;
}
.profileSplit,
.profilePane .grid2,
.profileLikesToolbar,
.lvlTop,
.refSummary,
.refRewardsGrid{
  gap: 10px;
}
.lvlGrid,
.invGrid,
.achList,
.refRewardList,
.baseMiniList,
.baseInviteList,
.toggleList,
.likeUserList{
  gap: 8px;
}
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.achItem,
.refRow,
.invSlot,
.lvlCard{
  padding: 10px;
}
.profilePanel__footerActions,
.profileRefActions,
#myBasesActions,
#notifPrefsActions{
  gap: 6px;
}
@media (max-width: 1360px){
  .sitePanel--profile{
    --profile-fit-h: clamp(420px, calc(100dvh - 350px), 600px);
  }
  .profileOverviewStats,
  .statTiles--profile{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1180px){
  .sitePanel--profile{
    --profile-fit-h: auto;
  }
  .profilePage .profileLayout{
    grid-template-columns: 1fr;
  }
  .profileAside{
    position: static;
  }
  .profileNav--side{
    max-height: none;
    overflow: visible;
  }
  .profileMain > .pPanel.is-active > .profilePane,
  #profileOverview.profilePane{
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
  .profileOverviewHero{
    grid-template-columns: 1fr !important;
  }
  .profileOverviewHero__aside{
    min-width: 0 !important;
  }
}
@media (max-width: 860px){
  .profileOverviewStats,
  .statTiles--profile,
  .profileInfoGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profileMyShopsList,
  .profileSplit,
  .profilePane .grid2,
  .profileLikesToolbar,
  .lvlTop,
  .refSummary,
  .refRewardsGrid,
  .profileOverviewActions{
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px){
  body.page-profile .wrap{
    margin-bottom: 18px;
  }
  .sitePanel--profile .panel-body,
  .profilePane,
  .profileBox,
  .profileSection--embedded,
  .profileOverviewHero{
    padding: 10px;
  }
  .profileNav--side{
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .pTab{
    min-width: max-content;
  }
  .profileOverviewIdentity{
    grid-template-columns: 1fr !important;
  }
  .profileOverviewIdentity__ava{
    width: 56px;
    height: 56px;
  }
  .profileOverviewStats,
  .statTiles--profile,
  .profileInfoGrid,
  .profileMyShopsList,
  .lvlGrid,
  .invGrid{
    grid-template-columns: 1fr;
  }
  .profileInfoTile--wide{
    grid-column: auto;
  }
}


/* =========================================================
   Public UI P2.41 — profile overview minimal compact
   Goal: reduce the visual scale of the "Информация" tab,
   keep it minimal, and fit more content into the lower
   viewport area without breaking other profile tabs.
========================================================= */
#profileOverview.profilePane{
  padding: 10px;
}
#profileOverview .profileOverviewShell{
  gap: 8px;
}
#profileOverview .profileOverviewHero,
#profileOverview .profileBox,
#profileOverview .profileSection--embedded,
#profileOverview .profileOverviewStats .profileHeroStat,
#profileOverview .statTiles--profile .statTile,
#profileOverview .profileInfoTile,
#profileOverview .profileMyShopRow{
  border-radius: 14px;
}
#profileOverview .profileOverviewHero{
  grid-template-columns: minmax(0, 1fr) minmax(210px, 250px) !important;
  padding: 12px;
  gap: 10px !important;
}
#profileOverview .profileOverviewIdentity{
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 10px !important;
}
#profileOverview .profileOverviewIdentity__ava{
  width: 56px;
  height: 56px;
  border-radius: 14px;
}
#profileOverview .profileOverviewIdentity__body{
  gap: 6px;
}
#profileOverview .profileOverviewIdentity__name{
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.06;
}
#profileOverview .profileOverviewIdentity__sid{
  font-size: 11.5px;
  line-height: 1.26;
}
#profileOverview .profileOverviewIdentity__meta,
#profileOverview .profileOverviewIdentity__chips{
  gap: 5px !important;
}
#profileOverview .profileOverviewIdentity__meta .pill,
#profileOverview .profileOverviewIdentity__chips .pill{
  min-height: 24px;
  padding: 4px 8px;
  font-size: 11.5px;
}
#profileOverview .profileOverviewHero__aside{
  min-width: 210px !important;
  gap: 6px !important;
}
#profileOverview .profileOverviewMode .modeSwitch__btn,
#profileOverview .profileOverviewActions .btn{
  min-height: 34px;
  padding: 7px 9px;
  font-size: 12px;
}
#profileOverview .profileOverviewActions{
  gap: 5px !important;
}
#profileOverview .profileOverviewStats,
#profileOverview .statTiles--profile,
#profileOverview .profileInfoGrid,
#profileOverview .profileMyShopsList{
  gap: 6px;
}
#profileOverview .profileOverviewStats{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#profileOverview .statTiles--profile{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
#profileOverview .profileOverviewStats .profileHeroStat,
#profileOverview .statTiles--profile .statTile,
#profileOverview .profileInfoTile,
#profileOverview .profileMyShopRow{
  padding: 8px 10px;
}
#profileOverview .profileOverviewStats .profileHeroStat,
#profileOverview .statTiles--profile .statTile{
  min-height: 74px;
}
#profileOverview .profileHeroStat__label,
#profileOverview .statTile__label,
#profileOverview .profileInfoTile__label,
#profileOverview .profileSubHint{
  font-size: 10.5px;
  line-height: 1.25;
}
#profileOverview .profileHeroStat__value,
#profileOverview .statTile__value{
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.08;
}
#profileOverview .profileHeroStat__sub,
#profileOverview .statTile__sub,
#profileOverview .profileInfoTile__sub,
#profileOverview .profileMyShopMeta{
  font-size: 11.5px;
  line-height: 1.34;
}
#profileOverview .profileInfoGrid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 4px;
}
#profileOverview .profileInfoTile__value{
  font-size: 14px;
  line-height: 1.16;
}
#profileOverview .profileInfoTile--wide{
  grid-column: span 2;
}
#profileOverview .profileSection--embedded{
  padding: 10px;
}
#profileOverview .profileSection__head{
  margin-bottom: 8px;
}
#profileOverview .profileSection__title{
  font-size: 14px;
}
#profileOverview .hint{
  font-size: 11.5px;
  line-height: 1.36;
}
#profileOverview .btn.btn--sm{
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}
@media (max-width: 1320px){
  #profileOverview .profileOverviewHero{
    grid-template-columns: minmax(0, 1fr) minmax(200px, 230px) !important;
  }
  #profileOverview .profileOverviewStats,
  #profileOverview .statTiles--profile,
  #profileOverview .profileInfoGrid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1180px){
  #profileOverview.profilePane{
    padding: 10px;
  }
  #profileOverview .profileOverviewHero{
    grid-template-columns: 1fr !important;
  }
  #profileOverview .profileOverviewHero__aside{
    min-width: 0 !important;
  }
}
@media (max-width: 900px){
  #profileOverview .profileOverviewStats,
  #profileOverview .statTiles--profile,
  #profileOverview .profileInfoGrid,
  #profileOverview .profileMyShopsList{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #profileOverview .profileOverviewActions{
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 640px){
  #profileOverview.profilePane,
  #profileOverview .profileOverviewHero,
  #profileOverview .profileSection--embedded{
    padding: 9px;
  }
  #profileOverview .profileOverviewIdentity{
    grid-template-columns: 1fr !important;
  }
  #profileOverview .profileOverviewIdentity__ava{
    width: 52px;
    height: 52px;
  }
  #profileOverview .profileOverviewStats,
  #profileOverview .statTiles--profile,
  #profileOverview .profileInfoGrid,
  #profileOverview .profileMyShopsList{
    grid-template-columns: 1fr;
  }
  #profileOverview .profileInfoTile--wide{
    grid-column: auto;
  }
}



/* =========================================================
   Public UI P2.42 — profile unified tile system without inner scroll
   Goal: remove internal scrolling from profile tabs and convert
   all profile content blocks to a consistent tile grid that is
   easier to adapt across desktop/tablet/mobile.
========================================================= */
body.page-profile .wrap{
  margin-bottom: 12px;
}
.sitePanel--profile{
  --profile-tile-min: 220px;
  --profile-tile-gap: 10px;
  --profile-tile-pad: 12px;
  --profile-tile-radius: 16px;
  --profile-tile-min-h: 148px;
}
.profileMain > .pPanel.is-active > .profilePane,
#profileOverview.profilePane,
.profileNav--side,
#profileRadsDaily .miniTable,
#profileRadsEvents .eventsTable{
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto !important;
  scrollbar-gutter: auto !important;
}
.profilePane{
  padding: 12px !important;
  gap: var(--profile-tile-gap) !important;
}
.profilePane .card__head,
.profileSection__head,
.myBasesBlock__head{
  margin-bottom: 8px !important;
  gap: 8px 10px !important;
}
.profilePane .card__title,
.profileSection__title,
.myBasesBlock__title{
  font-size: 15px !important;
  line-height: 1.15 !important;
}
.profilePane .hint,
.profileSubHint,
.profileDeviceHint{
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}
.profileOverviewHero,
.profileBox,
.profileSection--embedded,
.profileLikesToolbar,
.profilePane .panel,
.lvlTop__main,
.lvlTop__side,
.refStatCard{
  padding: var(--profile-tile-pad) !important;
  border-radius: var(--profile-tile-radius) !important;
}
.profileOverviewStats,
.statTiles--profile,
.profileInfoGrid,
.profileMyShopsList,
.profileSplit,
.profilePane .grid2,
.lvlTop,
.lvlGrid,
.invGrid,
.achList,
.refRewardList,
.refSummary,
.refRewardsGrid,
.likeUserList,
.baseMiniList,
.baseInviteList,
.toggleList,
#profileRadsDaily .miniTable,
#profileRadsEvents .eventsTable{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--profile-tile-min), 1fr)) !important;
  gap: var(--profile-tile-gap) !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr;
}
.profileOverviewStats .profileHeroStat,
.statTiles--profile .statTile,
.profileInfoTile,
.profileMyShopRow,
.lvlCard,
.invSlot,
.achItem,
.refReward,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.toggleRow,
.miniRow,
.evRow,
.refStatCard,
.lvlTop__main,
.lvlTop__side{
  min-width: 0;
  min-height: var(--profile-tile-min-h);
  height: 100%;
  padding: var(--profile-tile-pad) !important;
  border-radius: var(--profile-tile-radius) !important;
}
.profileHeroStat__label,
.statTile__label,
.profileInfoTile__label,
.miniKey,
.evTs,
.evMeta,
.evWhere,
.toggleRow__desc,
.profileMyShopMeta,
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.achItem__sub,
.refReward__tag,
.refRow__id{
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.profileHeroStat__value,
.statTile__value,
.profileInfoTile__value,
.lvlTop__value,
.miniVal,
.evAmt,
.refStatCard__value{
  font-size: clamp(16px, 1.12vw, 19px) !important;
  line-height: 1.12 !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.profileOverviewHero{
  margin-bottom: 0 !important;
  gap: var(--profile-tile-gap) !important;
}
#profileOverview .profileOverviewHero{
  grid-template-columns: minmax(0, 1fr) minmax(200px, 240px) !important;
}
.profileOverviewHero__aside{
  min-width: 200px !important;
  gap: 8px !important;
}
.profileOverviewActions{
  gap: 6px !important;
}
.profileOverviewActions .btn,
.profileOverviewMode .modeSwitch__btn,
.btn.btn--sm,
.pTab{
  min-height: 36px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
}
.pTabBadge,
.pill,
.pill--sm{
  font-size: 11px;
}
.profileOverviewIdentity{
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 10px !important;
}
.profileOverviewIdentity__ava{
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
}
.profileOverviewIdentity__body{
  gap: 6px !important;
}
.profileOverviewIdentity__name{
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.06 !important;
}
.profileOverviewIdentity__sid,
.profileOverviewIdentity__meta,
.profileOverviewIdentity__chips{
  gap: 5px !important;
  font-size: 11.5px !important;
}
.profileInfoTile,
.profileMyShopRow,
.lvlCard,
.invSlot,
.achItem,
.refReward,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.toggleRow{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: none;
  align-content: start;
}
.statTiles--profile .statTile,
.profileOverviewStats .profileHeroStat,
.profileInfoTile,
.profileMyShopRow,
.lvlCard,
.invSlot,
.achItem,
.refReward,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.toggleRow,
.miniRow,
.evRow,
.refStatCard{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
.likeUserRow,
.achItem,
.refReward{
  display: grid !important;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.baseMiniRow,
.baseInviteRow{
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
}
.baseMiniRowWrap{
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0;
  height: 100%;
}
.baseMiniRowWrap .baseMiniRow{
  flex: 1 1 auto;
}
.likeUserRow__img,
.achItem__icon,
.refReward__icon{
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
}
.baseMiniRow__img,
.baseInviteRow__img{
  width: 100% !important;
  height: 72px !important;
  border-radius: 14px !important;
}
.likeUserRow__main,
.achItem__main,
.refReward__body,
.baseMiniRow__main,
.baseInviteRow__main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.likeUserRow__title,
.baseMiniRow__title,
.baseInviteRow__title,
.achItem__name,
.invSlot__title,
.lvlCard__title,
.profileMyShopName,
.refReward__title,
.refRow__name{
  font-size: 13px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  min-height: 0 !important;
}
.likeUserRow__actions,
.baseMiniRowActions,
.baseInviteActions,
.invSlot__actions,
.profilePanel__footerActions,
.profileRefActions,
#myBasesActions,
#notifPrefsActions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100%;
  justify-content: space-between !important;
  margin-top: auto;
}
.likeUserRow__actions,
.baseInviteActions{
  grid-column: 1 / -1;
}
.profileLikesToolbar{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
  align-items: center !important;
  gap: 8px 10px !important;
  margin-bottom: 0 !important;
}
.profileLikesSearch{
  min-width: 0;
  width: 100%;
}
.profileLikesSearch .input{
  width: 100%;
  min-width: 0;
}
.toggleRow{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}
.toggleRow .switch{
  margin-top: 2px;
}
.miniRow,
.evRow{
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 4px;
  padding: 10px 12px !important;
}
.miniNote{
  margin-top: auto;
}
.myBasesBlock{
  margin-top: 10px !important;
  padding-top: 10px !important;
}
@media (max-width: 1260px){
  .sitePanel--profile{
    --profile-tile-min: 200px;
  }
  #profileOverview .profileOverviewHero{
    grid-template-columns: 1fr !important;
  }
  .profileOverviewHero__aside{
    min-width: 0 !important;
  }
}
@media (max-width: 900px){
  .sitePanel--profile{
    --profile-tile-min: 180px;
  }
  .profileLikesToolbar,
  .profileOverviewActions{
    grid-template-columns: 1fr !important;
  }
  .profileOverviewIdentity{
    grid-template-columns: 50px minmax(0, 1fr) !important;
  }
}
@media (max-width: 640px){
  .sitePanel--profile{
    --profile-tile-min: 100%;
    --profile-tile-pad: 10px;
  }
  .profilePane,
  .profileBox,
  .profileSection--embedded,
  .profileOverviewHero,
  .profileLikesToolbar,
  .profilePane .panel{
    padding: 10px !important;
  }
  .profileNav--side{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  .pTab{
    min-width: max-content;
  }
  .profileOverviewIdentity,
  .likeUserRow,
  .achItem,
  .refReward,
  .baseMiniRow,
  .baseInviteRow,
  .toggleRow{
    grid-template-columns: 1fr !important;
  }
  .likeUserRow__img,
  .achItem__icon,
  .refReward__icon{
    width: 46px !important;
    height: 46px !important;
  }
}


/* =========================================================
   Public UI P2.43 — profile mini tile compaction
   Goal: make every profile tab use smaller, lighter mini tiles
   while keeping one unified tile rhythm and no inner scroll.
========================================================= */
body.page-profile .wrap{
  margin-bottom: 8px;
}
.sitePanel--profile{
  --profile-tile-min: 132px;
  --profile-tile-gap: 6px;
  --profile-tile-pad: 8px;
  --profile-tile-radius: 12px;
  --profile-tile-min-h: 78px;
}
.profilePage .profileLayout{
  gap: 10px !important;
}
.profileAside{
  min-width: 0;
}
.profileNav--side{
  gap: 6px !important;
  padding: 6px !important;
  border-radius: 14px !important;
}
.profilePane{
  padding: 8px !important;
  gap: var(--profile-tile-gap) !important;
}
.profilePane .card__head,
.profileSection__head,
.myBasesBlock__head{
  margin-bottom: 6px !important;
  gap: 6px 8px !important;
}
.profilePane .card__title,
.profileSection__title,
.myBasesBlock__title{
  font-size: 13px !important;
  line-height: 1.1 !important;
}
.profilePane .hint,
.profileSubHint,
.profileDeviceHint{
  font-size: 10.5px !important;
  line-height: 1.32 !important;
}
.profileOverviewHero,
.profileBox,
.profileSection--embedded,
.profileLikesToolbar,
.profilePane .panel,
.lvlTop__main,
.lvlTop__side,
.refStatCard{
  padding: var(--profile-tile-pad) !important;
  border-radius: var(--profile-tile-radius) !important;
}
.profileOverviewStats,
.statTiles--profile,
.profileInfoGrid,
.profileMyShopsList,
.profileSplit,
.profilePane .grid2,
.lvlTop,
.lvlGrid,
.invGrid,
.achList,
.refRewardList,
.refSummary,
.refRewardsGrid,
.likeUserList,
.baseMiniList,
.baseInviteList,
.toggleList,
#profileRadsDaily .miniTable,
#profileRadsEvents .eventsTable{
  grid-template-columns: repeat(auto-fit, minmax(var(--profile-tile-min), 1fr)) !important;
  gap: var(--profile-tile-gap) !important;
}
.profileOverviewStats .profileHeroStat,
.statTiles--profile .statTile,
.profileInfoTile,
.profileMyShopRow,
.lvlCard,
.invSlot,
.achItem,
.refReward,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.toggleRow,
.miniRow,
.evRow,
.refStatCard,
.lvlTop__main,
.lvlTop__side{
  min-height: var(--profile-tile-min-h);
  padding: var(--profile-tile-pad) !important;
  border-radius: var(--profile-tile-radius) !important;
  gap: 5px !important;
}
.profileHeroStat__label,
.statTile__label,
.profileInfoTile__label,
.miniKey,
.evTs,
.evMeta,
.evWhere,
.toggleRow__desc,
.profileMyShopMeta,
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.achItem__sub,
.refReward__tag,
.refRow__id{
  font-size: 10px !important;
  line-height: 1.28 !important;
}
.profileHeroStat__value,
.statTile__value,
.profileInfoTile__value,
.lvlTop__value,
.miniVal,
.evAmt,
.refStatCard__value{
  font-size: clamp(13px, .95vw, 15px) !important;
  line-height: 1.06 !important;
}
#profileOverview .profileOverviewHero{
  grid-template-columns: minmax(0, 1fr) minmax(168px, 200px) !important;
}
.profileOverviewHero__aside{
  min-width: 168px !important;
  gap: 6px !important;
}
.profileOverviewActions{
  gap: 4px !important;
}
.profileOverviewActions .btn,
.profileOverviewMode .modeSwitch__btn,
.btn.btn--sm,
.pTab{
  min-height: 30px !important;
  padding: 5px 8px !important;
  font-size: 11px !important;
  border-radius: 10px !important;
}
.profileOverviewIdentity{
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 8px !important;
}
.profileOverviewIdentity__ava{
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
}
.profileOverviewIdentity__body{
  gap: 4px !important;
}
.profileOverviewIdentity__name{
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.05 !important;
}
.profileOverviewIdentity__sid,
.profileOverviewIdentity__meta,
.profileOverviewIdentity__chips,
.pTabBadge,
.pill,
.pill--sm{
  font-size: 10px !important;
  gap: 4px !important;
}
.likeUserRow,
.achItem,
.refReward{
  grid-template-columns: 36px minmax(0, 1fr) !important;
  gap: 8px !important;
}
.baseMiniRow,
.baseInviteRow{
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 8px !important;
}
.likeUserRow__img,
.achItem__icon,
.refReward__icon{
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
}
.baseMiniRow__img,
.baseInviteRow__img{
  height: 52px !important;
  border-radius: 10px !important;
}
.likeUserRow__main,
.achItem__main,
.refReward__body,
.baseMiniRow__main,
.baseInviteRow__main,
.baseMiniRowWrap{
  gap: 3px !important;
}
.likeUserRow__title,
.baseMiniRow__title,
.baseInviteRow__title,
.achItem__name,
.invSlot__title,
.lvlCard__title,
.profileMyShopName,
.refReward__title,
.refRow__name{
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}
.likeUserRow__actions,
.baseMiniRowActions,
.baseInviteActions,
.invSlot__actions,
.profilePanel__footerActions,
.profileRefActions,
#myBasesActions,
#notifPrefsActions{
  gap: 4px !important;
}
.toggleRow{
  gap: 8px !important;
}
.toggleRow .switch{
  transform: scale(.92);
  transform-origin: top right;
  margin-top: 0 !important;
}
.miniRow,
.evRow{
  padding: 8px !important;
  gap: 3px !important;
}
.myBasesBlock{
  margin-top: 6px !important;
  padding-top: 6px !important;
}
@media (max-width: 1260px){
  .sitePanel--profile{
    --profile-tile-min: 124px;
  }
  #profileOverview .profileOverviewHero{
    grid-template-columns: 1fr !important;
  }
  .profileOverviewHero__aside{
    min-width: 0 !important;
  }
}
@media (max-width: 900px){
  .sitePanel--profile{
    --profile-tile-min: 118px;
    --profile-tile-pad: 7px;
  }
  .profileOverviewIdentity{
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }
  .profileOverviewIdentity__ava{
    width: 38px !important;
    height: 38px !important;
  }
}
@media (max-width: 640px){
  .sitePanel--profile{
    --profile-tile-min: 100%;
    --profile-tile-pad: 8px;
    --profile-tile-min-h: 72px;
  }
  .profilePane,
  .profileBox,
  .profileSection--embedded,
  .profileOverviewHero,
  .profileLikesToolbar,
  .profilePane .panel,
  .profileNav--side{
    padding: 8px !important;
  }
  .profileOverviewIdentity,
  .likeUserRow,
  .achItem,
  .refReward,
  .baseMiniRow,
  .baseInviteRow,
  .toggleRow{
    grid-template-columns: 1fr !important;
  }
  .likeUserRow__img,
  .achItem__icon,
  .refReward__icon{
    width: 34px !important;
    height: 34px !important;
  }
}