/*
 * Profile shell legacy module
 *
 * Extracted from pages/50-pages-core.css during modular cleanup.
 * Keep after 52-stats-page.css and before 60-profile-systems.css to preserve cascade order.
 */

/* =========================================================
   Public UI P2.34 — profile minimalist pass
   Goal: remove duplicate top hero, compact the profile shell,
   and align all tabs into one clean tiled system.
========================================================= */
.profilePage__srTitle{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
.sitePanel--profile .panel-body{
  padding-top: 12px;
}
.profilePage__body{
  gap: 12px;
}
.profileLayout{
  grid-template-columns: minmax(260px, 292px) minmax(0, 1fr);
  gap: 16px;
}
.profileAside{
  position: sticky;
  top: 76px;
  gap: 12px;
}
.profileNav{
  padding: 10px;
  border-radius: 18px;
}
.profileNav--side{
  max-height: calc(100vh - 96px);
}
.pTab{
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 13px;
  font-size: 13px;
}
.pTabBadge{
  min-width: 20px;
  justify-content: center;
}
.profileCard,
.profileMain .card{
  border-radius: 20px;
}
.profileCard{
  padding: 12px;
}
.profileCard__top{
  align-items: flex-start;
  margin-bottom: 9px;
}
.profileAvatarBig{
  width: 54px;
  height: 54px;
}
.profileCard__name{
  font-size: 16px;
  line-height: 1.2;
}
.profileCard__meta{
  gap: 7px;
}
.profileQuickActions{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.profileQuickActions .btn{
  min-height: 38px;
}
.profileMain{
  gap: 12px;
}
.profileMain .card{
  padding: 14px;
}
.profileMain .card__head{
  margin-bottom: 10px;
  padding-bottom: 10px;
  gap: 10px 12px;
}
.profileMain .card__title{
  font-size: 15px;
}
.profileMain .hint{
  color: var(--text700);
}
.profileMain .panel,
.profileLikesToolbar,
.refStatCard,
.lvlCard,
.invSlot,
.achItem,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.profileMyShopRow{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: none;
}
.profileMain .panel,
.profileLikesToolbar{
  padding: 12px;
}
.profileOverviewPills{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.statTiles--profile{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.statTiles--profile .statTile{
  min-height: 96px;
  border-radius: 18px;
}
.profileInfoGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.profileInfoTile{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.profileInfoTile--wide{
  grid-column: span 2;
}
.profileInfoTile__label{
  color: var(--text700);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.profileInfoTile__value{
  min-height: 24px;
  font-size: 16px;
  font-weight: 1000;
  line-height: 1.25;
  word-break: break-word;
}
.profileInfoTile__sub{
  margin-top: auto;
  color: var(--text700);
  font-size: 12px;
  line-height: 1.45;
}
.profileInfoTile__pillList{
  margin-top: 2px;
}
.profileSection{
  margin-top: 14px;
}
.profileSection__head{
  align-items: center;
  gap: 10px 12px;
}
.profileMyShopsList{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.profileMyShopRow{
  padding: 12px;
  min-width: 0;
}
.profileMyShopMeta,
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.refSummary__note,
.refRow__id{
  white-space: normal;
}
.profileMain .grid2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.lvlGrid,
.invGrid{
  gap: 10px;
}
.lvlCard,
.invSlot{
  min-height: 0;
}
.achList,
.refRewardList,
.baseMiniList,
.baseInviteList,
.toggleList{
  gap: 10px;
}
.likeUserList{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.achItem,
.refRow{
  padding: 12px;
}
.myBasesBlock{
  margin-top: 14px;
  padding-top: 14px;
}
.refSummary{
  justify-content:flex-start;
}
.refTop__row{
  align-items:flex-start;
}
.profilePanel__footerActions{
  margin-top: 10px;
}

@media (max-width: 1280px){
  .statTiles--profile{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .profileInfoGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 980px){
  .profileLayout{
    grid-template-columns: 1fr;
  }
  .profileAside{
    position: static;
  }
  .profileNav--side{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    max-height: none;
    overflow: visible;
  }
  .profileNav--side .pTab{
    width: 100%;
  }
}
@media (max-width: 720px){
  .profileQuickActions,
  .statTiles--profile,
  .profileInfoGrid,
  .profileMyShopsList,
  .profileMain .grid2{
    grid-template-columns: 1fr;
  }
  .profileInfoTile--wide{
    grid-column: auto;
  }
  .profileMain .card__head,
  .profileSection__head{
    align-items:flex-start;
  }
}
@media (max-width: 560px){
  .profileNav--side{
    display:flex;
    flex-wrap:nowrap;
    overflow:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
  }
  .profileNav--side .pTab{
    width:auto;
    min-width:max-content;
  }
  .profileCard,
  .profileMain .card,
  .profileMain .panel,
  .profileLikesToolbar{
    padding: 12px;
  }
}

/* =========================================================
   Public UI P2.35 — profile stabilization pass
   Goal: fix broken profile layout, normalize all tabs,
   and keep the profile compact on the first screen.
========================================================= */
.sitePanel--profile .panel-body{
  padding-top: 10px;
}
.profilePage__body{
  gap: 10px;
  min-height: calc(100vh - 220px);
}
.profileLayout{
  display:grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.profileAside{
  position: sticky;
  top: 74px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.profileCard{
  padding: 14px;
  overflow: hidden;
}
.profileCard__top{
  display:flex;
  align-items:center;
  gap:12px;
}
.profileCard__top > *{
  min-width:0;
}
.profileCard__identity{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.profileCard__nameRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.profileCard__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profileCard__sid{
  color: var(--text700);
  font-size: 12px;
  line-height: 1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profileCard__summary{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top:12px;
}
.profileMiniStat{
  min-width:0;
  padding:9px 11px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.profileMiniStat__label{
  color: var(--text700);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.profileMiniStat__value{
  min-width:0;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap:anywhere;
}
.profileMiniStat__value.pill--ok{
  color: #7ee2a8;
}
.profileMiniStat__value.pill--bad{
  color: #ff8e8e;
}
.profileCard__meta{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.profileCard .modeSwitch{
  margin-top:10px;
  width:100%;
}
.profileCard .modeSwitch__btn{
  flex:1 1 0;
  min-height:38px;
}
.profileQuickActions{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:8px;
  margin-top:10px;
}
.profileQuickActions .btn{
  width:100%;
  min-height:40px;
}
.profileNav{
  padding:10px;
}
.profileNav--side{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.pTab{
  width:100%;
  justify-content:flex-start;
}
.profileMain{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.profileMain .card{
  min-width:0;
  padding:14px;
}
.profileMain .card__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:10px 12px;
}
.profileMain .card__head > :first-child,
.profileSection__head > :first-child{
  min-width:0;
  flex:1 1 260px;
}
.profileOverviewHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px 12px;
  padding-bottom:10px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.profileOverviewHead__title{
  font-size:15px;
  font-weight:900;
  letter-spacing:.02em;
}
.profileOverviewPills{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.statTiles--profile{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap:12px;
}
.statTiles--profile .statTile{
  min-width:0;
  min-height:unset;
}
.statTiles--profile .statTile__value,
.statTiles--profile .lvlMeta,
.statTiles--profile .statTile__label{
  overflow-wrap:anywhere;
}
.profileInfoGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
  margin-top:12px;
}
.profileInfoTile--wide{
  grid-column: span 2;
}
.profileInfoTile__value{
  overflow-wrap:anywhere;
}
.profileMyShopsList{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
}
.profileMain .grid2{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:12px;
}
.profileLikesToolbar{
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  align-items:center;
  gap:10px 12px;
}
.profileLikesSearch{
  width:100%;
  display:flex;
  gap:8px;
  align-items:center;
}
.profileLikesSearch .input{
  flex:1 1 auto;
  min-width:0;
}
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.achItem,
.refRow,
.invSlot,
.lvlCard,
.refStatCard{
  min-width:0;
}
.likeUserRow__actions,
.baseMiniRowWrap,
.refTop__row,
.refRow__top,
.achItem__top,
.profileSection__head{
  flex-wrap:wrap;
}
.likeUserRow__actions{
  justify-content:flex-end;
}
.baseMiniRow__main,
.baseInviteRow__main,
.achItem__main{
  min-width:0;
  flex:1 1 auto;
}
.baseMiniRow__title,
.baseInviteRow__title,
.achItem__name{
  white-space:normal;
  line-height:1.3;
}
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.achItem__sub,
.refSummary__note,
.refRow__id{
  white-space:normal;
  overflow-wrap:anywhere;
}
.lvlTop{
  display:grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap:12px;
}
.lvlGrid,
.invGrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.achList,
.refRewardList,
.baseMiniList,
.baseInviteList,
.toggleList{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.refSummary{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap:10px;
}
@media (max-width: 1180px){
  .profileLayout{
    grid-template-columns: 270px minmax(0, 1fr);
  }
}
@media (max-width: 980px){
  .profileLayout{
    grid-template-columns: 1fr;
  }
  .profileAside{
    position: static;
  }
  .profileNav--side{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
  .pTab{
    width:auto;
  }
}
@media (max-width: 720px){
  .profilePage__body{
    gap:12px;
  }
  .profileCard__summary,
  .profileQuickActions,
  .profileMain .grid2,
  .lvlTop,
  .statTiles--profile,
  .profileInfoGrid,
  .profileMyShopsList,
  .lvlGrid,
  .invGrid,
  .refSummary,
  .profileLikesToolbar{
    grid-template-columns: 1fr;
  }
  .profileInfoTile--wide{
    grid-column: auto;
  }
  .profileCard__name,
  .profileCard__sid{
    white-space:normal;
  }
}
@media (max-width: 560px){
  .profileNav--side{
    display:flex;
    flex-wrap:nowrap;
    overflow:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
  }
  .pTab{
    min-width:max-content;
  }
  .likeUserRow__actions{
    width:100%;
    justify-content:space-between;
  }
  .profileCard__meta{
    flex-direction:column;
    align-items:stretch;
  }
  .profileCard__meta > *{
    justify-content:center;
  }
}

/* =========================================================
   Public UI P2.36 — profile redesign and layout repair
   Goal: remove broken side card, tighten the first screen,
   and normalize all profile tabs into a minimal tile system.
========================================================= */
.sitePanel--profile .panel-body{
  padding-top: 10px;
}
.profilePage__body{
  gap: 10px;
  min-height: 0;
}
.profileLayout{
  grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.profileAside{
  gap: 0;
}
.profileNav{
  padding: 10px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(0,0,0,.18);
  box-shadow: var(--shadow);
}
.profileNav--side{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height: calc(100vh - 96px);
  overflow:auto;
}
.profileNav--side::-webkit-scrollbar{ width: 6px; }
.profileNav--side::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.14); border-radius: 999px; }
.pPanel,
.pPanel > .card,
.profileMain,
.profileMain .card,
.profileMain .panel{
  min-width: 0;
}
.pTab{
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  justify-content: flex-start;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .01em;
}
.profileMain{
  gap: 12px;
}
.profileMain .card{
  padding: 14px;
  border-radius: 22px;
}
.profileMain .panel,
.profileLikesToolbar,
.lvlCard,
.invSlot,
.achItem,
.refRow,
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.profileMyShopRow,
.refStatCard{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  box-shadow: none;
}
.profileOverviewHero{
  display:grid;
  gap:12px;
  margin-bottom: 12px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(240,140,40,.12), rgba(240,140,40,0) 45%),
    rgba(255,255,255,.03);
}
.profileOverviewHero__main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px 16px;
}
.profileOverviewIdentity{
  min-width: 0;
  flex: 1 1 auto;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.profileOverviewIdentity__ava{
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  object-fit: cover;
  background: rgba(0,0,0,.18);
}
.profileOverviewIdentity__body{
  min-width: 0;
  flex: 1 1 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.profileOverviewIdentity__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px 14px;
}
.profileOverviewIdentity__nameWrap{
  min-width: 0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.profileOverviewIdentity__name{
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 1000;
  line-height: 1.04;
  letter-spacing: -.02em;
  white-space: normal;
  overflow-wrap: anywhere;
}
.profileOverviewIdentity__sid{
  color: var(--text700);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.profileOverviewIdentity__meta,
.profileOverviewIdentity__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.profileOverviewHero__tools{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
  min-width: min(100%, 360px);
}
.profileOverviewHero__tools .modeSwitch{
  width: 100%;
  max-width: 220px;
}
.profileOverviewHero__tools .modeSwitch__btn{
  flex:1 1 0;
  min-height:40px;
}
.profileOverviewActions{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:8px;
  width: 100%;
}
.profileOverviewActions .btn{
  width:100%;
  min-height:40px;
  justify-content:center;
}
.profileOverviewHero__stats{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:10px;
}
.profileHeroStat{
  min-width:0;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.profileHeroStat__label{
  color: var(--text700);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.profileHeroStat__value{
  font-size: 20px;
  font-weight: 1000;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.profileHeroStat__sub{
  color: var(--text700);
  font-size: 12px;
  line-height: 1.45;
}
.profileOverviewHead{
  margin-bottom: 12px;
}
.profileOverviewHead__title{
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text700);
}
.statTiles--profile{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.statTiles--profile .statTile{
  min-height: 104px;
  padding: 12px 14px;
  border-radius: 18px;
}
.profileInfoGrid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top: 10px;
}
.profileInfoTile{
  padding: 12px 14px;
  border-radius: 18px;
}
.profileSection{
  margin-top: 12px;
}
.profileSection__head{
  align-items: center;
  gap:10px 12px;
}
.profileMyShopsList,
.lvlGrid,
.invGrid{
  gap:10px;
}
.profileMyShopsList{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.profileLikesToolbar{
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap:10px;
}
.profileLikesSearch{
  min-width: 0;
}
.profileLikesSearch .input{
  width: 100%;
  min-width: 0;
}
.likeUserRow,
.baseMiniRow,
.baseInviteRow,
.achItem,
.refRow{
  padding: 12px;
}
.likeUserRow__main,
.baseMiniRow__main,
.baseInviteRow__main,
.achItem__main{
  min-width: 0;
}
.likeUserRow__meta,
.baseMiniRow__meta,
.baseInviteRow__meta,
.invSlot__meta,
.achItem__meta,
.achItem__sub,
.refRow__id,
.refSummary__note,
.profileMyShopMeta{
  white-space: normal;
  overflow-wrap: anywhere;
}
.likeUserRow__actions,
.profileSection__head,
.refTop__row,
.refRow__top,
.achItem__top,
.baseMiniRowWrap{
  flex-wrap: wrap;
}
@media (max-width: 1280px){
  .profileOverviewHero__stats,
  .statTiles--profile,
  .profileInfoGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1100px){
  .profileLayout{
    grid-template-columns: 1fr;
  }
  .profileAside{
    position: static;
  }
  .profileNav--side{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    max-height: none;
    overflow: visible;
  }
  .pTab{
    width: auto;
  }
}
@media (max-width: 860px){
  .profileOverviewHero__main,
  .profileOverviewIdentity__top{
    flex-direction: column;
  }
  .profileOverviewHero__tools{
    align-items: stretch;
    min-width: 0;
    width: 100%;
  }
  .profileOverviewHero__tools .modeSwitch{
    max-width: none;
  }
  .profileOverviewActions,
  .profileMain .grid2,
  .profileLikesToolbar,
  .lvlTop,
  .profileMyShopsList{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px){
  .profileOverviewHero,
  .profileMain .card,
  .profileMain .panel,
  .profileLikesToolbar{
    padding: 12px;
  }
  .profileOverviewHero__stats,
  .statTiles--profile,
  .profileInfoGrid,
  .lvlGrid,
  .invGrid,
  .refSummary{
    grid-template-columns: 1fr;
  }
  .profileInfoTile--wide{
    grid-column: auto;
  }
}
@media (max-width: 560px){
  .profileNav--side{
    display:flex;
    flex-wrap:nowrap;
    overflow:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
  }
  .pTab{
    min-width:max-content;
  }
  .profileOverviewIdentity__ava{
    width: 56px;
    height: 56px;
  }
  .profileOverviewActions{
    grid-template-columns: 1fr;
  }
  .likeUserRow__actions{
    width:100%;
    justify-content:space-between;
  }
}


/* =========================================================
   PROFILE FINAL POLISH — P2.37
   Consolidates profile into one minimal system and fixes
   inconsistent tab shells after earlier iterations.
========================================================= */
.sitePanel--profile{
  min-height: clamp(620px, calc(100vh - 180px), 980px);
}
.sitePanel--profile .panel-body{
  padding-top: 8px;
}
.profilePage .profileLayout{
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.profileAside{
  position: sticky;
  top: 84px;
  align-self: start;
}
.profileNav{
  padding: 10px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),
    rgba(0,0,0,.22);
  backdrop-filter: blur(14px);
}
.profileNav--side{
  gap: 8px;
  max-height: calc(100vh - 110px);
}
.pTab{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 15px;
  font-size: 13px;
  font-weight: 900;
}
.profileMain{
  gap: 14px;
}
.profilePane{
  padding: 16px;
  border-radius: 24px;
}
.profilePane .card__head{
  margin-bottom: 14px;
  align-items: flex-start;
  gap: 12px 16px;
}
.profilePane .card__title{
  font-size: 18px;
  line-height: 1.15;
}
.profilePane .hint{
  line-height: 1.5;
}
.profileBox{
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.profileBox--hero{
  background:
    radial-gradient(130% 120% at 0% 0%, rgba(240,140,40,.12), rgba(240,140,40,0) 48%),
    rgba(255,255,255,.03);
}
#profileOverview.profilePane{
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.profileOverviewHero{
  margin-bottom: 10px;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(140% 120% at 0% 0%, rgba(240,140,40,.13), rgba(240,140,40,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
}
.profileOverviewHero__main{
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .9fr);
  gap: 14px 18px;
  align-items: start;
}
.profileOverviewIdentity{
  gap: 14px;
}
.profileOverviewIdentity__ava{
  width: 72px;
  height: 72px;
  border-radius: 20px;
}
.profileOverviewIdentity__body{
  gap: 12px;
}
.profileOverviewIdentity__name{
  font-size: clamp(24px, 2.2vw, 32px);
}
.profileOverviewIdentity__meta,
.profileOverviewIdentity__chips{
  gap: 8px;
}
.profileOverviewHero__tools{
  min-width: 0;
  width: 100%;
  align-items: stretch;
}
.profileOverviewHero__tools .modeSwitch{
  width: 100%;
  max-width: none;
}
.profileOverviewActions{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.profileOverviewHero__stats{
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: 10px;
}
.profileHeroStat,
.statTiles--profile .statTile,
.profileInfoTile{
  border-radius: 20px;
}
.profileHeroStat__value{
  font-size: clamp(20px, 1.6vw, 24px);
}
.statTiles--profile{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.statTiles--profile .statTile{
  min-height: 108px;
}
.profileInfoGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-top: 10px;
}
.profileInfoTile--wide{
  grid-column: span 2;
}
.profileSection--embedded{
  margin-top: 10px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.profileSection--embedded .divider{
  display: none;
}
.profileSection__head{
  margin-bottom: 12px;
}
.profileSection__title{
  font-size: 16px;
  font-weight: 1000;
}
.profileMyShopsList{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}
.profileMyShopRow{
  padding: 12px 14px;
}
.profileMyShopName{
  font-weight: 950;
  line-height: 1.3;
}
.profileMyShopMeta{
  margin-top: 4px;
}
.profileSplit,
.profilePane .grid2{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#profileRadsSummary .kv{
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#profileRadsSummary .kv:first-child{
  padding-top: 0;
}
#profileRadsSummary .kv:last-child{
  padding-bottom: 0;
  border-bottom: 0;
}
#profileRadsDaily .card__title,
#profileRadsEvents .card__title{
  margin-bottom: 10px !important;
}
#profileRadsDaily .miniTable,
#profileRadsEvents .eventsTable{
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
}
#profileRadsDaily .miniTable::-webkit-scrollbar,
#profileRadsEvents .eventsTable::-webkit-scrollbar,
.profileNav--side::-webkit-scrollbar{
  width: 6px;
  height: 6px;
}
#profileRadsDaily .miniTable::-webkit-scrollbar-thumb,
#profileRadsEvents .eventsTable::-webkit-scrollbar-thumb,
.profileNav--side::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.16);
  border-radius: 999px;
}
#profileRadsDaily .miniRow,
.evRow{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.evRow{
  grid-template-columns: 118px 84px minmax(0, 1fr) minmax(0, .95fr);
  gap: 10px;
}
.evMeta,
.evWhere{
  overflow-wrap: anywhere;
}
.lvlTop{
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: 12px;
}
.lvlTop__main,
.lvlTop__side{
  min-width: 0;
  padding: 14px;
  border-radius: 18px;
  background: rgba(0,0,0,.14);
}
.lvlTop__value{
  font-size: clamp(24px, 2vw, 30px);
}
.lvlGrid,
.invGrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}
.lvlCard,
.invSlot,
.achItem,
.refRow,
.baseMiniRow,
.baseInviteRow,
.likeUserRow{
  border-radius: 18px;
}
.lvlCard__title,
.achItem__name,
.baseMiniRow__title,
.baseInviteRow__title{
  white-space: normal;
  overflow-wrap: anywhere;
}
.baseMiniList,
.baseInviteList{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.baseMiniRowWrap{
  gap: 10px;
  align-items: stretch;
}
.baseMiniRow,
.baseInviteRow{
  padding: 12px;
}
.baseMiniRow__img,
.baseInviteRow__img{
  width: 96px;
  height: 60px;
  border-radius: 14px;
}
.baseMiniRow__meta,
.baseInviteRow__meta{
  white-space: normal;
  overflow-wrap: anywhere;
}
.profileLikesToolbar{
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 10px;
  padding: 12px;
  border-radius: 18px;
}
.likeUserRow__actions,
.baseInviteActions,
.profilePanel__footerActions,
.profileRefActions,
#myBasesActions,
#notifPrefsActions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.refTop__row{
  gap: 12px;
}
.refSummary,
.refRewardsGrid{
  gap: 10px;
}
.toggleList{
  gap: 10px;
}
.toggleRow{
  padding: 12px;
  border-radius: 16px;
  background: rgba(0,0,0,.14);
}
.profileSubHint{
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.profileDeviceHint{
  margin-top: 10px;
  line-height: 1.5;
}
@media (max-width: 1180px){
  .profilePage .profileLayout{
    grid-template-columns: 1fr;
  }
  .profileAside{
    position: static;
  }
  .profileNav--side{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    max-height: none;
    overflow: visible;
  }
  .profileOverviewHero__main{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 860px){
  .profileOverviewActions,
  .profileSplit,
  .profilePane .grid2,
  .profileLikesToolbar,
  .lvlTop{
    grid-template-columns: 1fr;
  }
  .profileOverviewIdentity__top{
    flex-direction: column;
  }
  .profileOverviewHero__stats,
  .statTiles--profile,
  .profileInfoGrid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .evRow{
    grid-template-columns: 108px 74px minmax(0, 1fr);
  }
  .evWhere{
    grid-column: 1 / -1;
  }
}
@media (max-width: 640px){
  .profilePane,
  .profileBox,
  .profileOverviewHero{
    padding: 12px;
  }
  .profileNav--side{
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .pTab{
    min-width: max-content;
  }
  .profileOverviewIdentity{
    flex-direction: column;
  }
  .profileOverviewIdentity__ava{
    width: 60px;
    height: 60px;
  }
  .profileOverviewHero__stats,
  .statTiles--profile,
  .profileInfoGrid,
  .lvlGrid,
  .invGrid{
    grid-template-columns: 1fr;
  }
  .profileInfoTile--wide{
    grid-column: auto;
  }
  .baseMiniRowWrap{
    flex-direction: column;
  }
  .baseInviteActions,
  .likeUserRow__actions{
    width: 100%;
    justify-content: space-between;
  }
}