/* v15.0.5: dashboard width correction + reward-detail space cleanup. */

/* Dashboard: only the top stat row stays intentionally constrained. Lower
   dashboard content uses the full customer page width again. */
.sq15 #accountSection .dashboard-grid {
  width:100%;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.sq15 .xp-panel,
.sq15 .goal-rewards-panel,
.sq15 .redeem-blocker-panel,
.sq15 .sq-growth-hub,
.sq15 .sq-coin-history-panel {
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.sq15 .sq-growth-stats-compact {
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
.sq15 #sqGrowthHub {
  width:100%;
}
.sq15 #sqGrowthHub > .sq-achievement-panel,
.sq15 #sqGrowthHub > .sq-coin-history-panel,
.sq15 #sqGrowthHub > .sq-promo-ref-grid,
.sq15 #sqGrowthHub > .sq-growth-stats {
  width:100%;
  max-width:none;
}

/* Reward details: use a real left rail so delivery information sits directly
   beneath the artwork instead of leaving a large blank column until the right
   card ends. */
.sq146-detail-layout {
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.28fr);
  gap:20px;
}
.sq146-detail-aside {
  display:grid;
  gap:14px;
  align-self:start;
  min-width:0;
}
.sq146-detail-aside .sq146-detail-art {
  position:sticky;
  top:110px;
}
.sq146-detail-aside .sq146-delivery-info {
  grid-column:auto;
  margin:0;
}
.sq146-detail-copy {
  min-width:0;
}
.sq146-detail-copy.panel {
  padding-bottom:24px;
}
.sq146-delivery-info {
  padding:18px 20px;
}
.sq146-delivery-info summary {
  cursor:pointer;
}

@media (max-width:980px) {
  .sq146-detail-layout { grid-template-columns:1fr; }
  .sq146-detail-aside { gap:12px; }
  .sq146-detail-aside .sq146-detail-art { position:static; }
}