/*
 * Homepage geometry guard.
 * Keep this stylesheet loaded after every module stylesheet so legacy
 * responsive rules cannot reopen the right-side gutter or card gap.
 */

body:has(#dashboardView.home2-dashboard:not(.hidden)) #appView .content {
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

body:has(#dashboardView.home2-dashboard:not(.hidden)) #appView .topbar.app-command-bar {
  width: max(1500px, 100%) !important;
  min-width: 1500px !important;
  max-width: none !important;
  grid-template-columns: 390px minmax(480px, 1fr) auto !important;
}

#appView .content > #dashboardView.home2-dashboard:not(.hidden) {
  box-sizing: border-box !important;
  width: max(1500px, 100%) !important;
  min-width: 1500px !important;
  max-width: none !important;
  padding: 20px !important;
  gap: 20px !important;
  overflow: visible !important;
}

#dashboardView.home2-dashboard .home2-row {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  gap: 20px !important;
}

#dashboardView.home2-dashboard .home2-row-top {
  grid-template-columns: minmax(750px, 1fr) 690px !important;
  column-gap: 20px !important;
  align-items: stretch !important;
  justify-content: start !important;
}

#dashboardView.home2-dashboard .home2-row-work {
  grid-template-columns: 360px minmax(1080px, 1fr) !important;
  column-gap: 20px !important;
}

#dashboardView.home2-dashboard .home2-row-bottom {
  grid-template-columns: minmax(1020px, 1fr) 420px !important;
  column-gap: 20px !important;
}

#dashboardView.home2-dashboard .home2-hero,
#dashboardView.home2-dashboard .growth-crown-card {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 210px !important;
  min-height: 210px !important;
  max-height: 210px !important;
}

#dashboardView.home2-dashboard .growth-crown-card {
  width: 690px !important;
  min-width: 690px !important;
  max-width: 690px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#dashboardView.home2-dashboard .growth-star-art {
  display: block !important;
  width: 690px !important;
  height: 210px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 690px 210px !important;
}

#dashboardView.home2-dashboard .growth-star-art.growth-star-pending {
  background-image: url("/assets/growth/03-monthly-honors/monthly-honor-pending-690x210.png?v=20260813-monthly-honor-align-v898") !important;
}

#dashboardView.home2-dashboard .growth-star-art.growth-star-revealed {
  background-image: url("/assets/growth/03-monthly-honors/monthly-honor-revealed-690x210.png?v=20260813-monthly-honor-align-v898") !important;
}

#dashboardView.home2-dashboard .home2-hero {
  grid-template-columns: 92px minmax(0, 1fr) 270px !important;
  padding: 24px 28px !important;
  gap: 20px !important;
}

#dashboardView.home2-dashboard .growth-level-hero {
  grid-column: auto !important;
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
  padding: 10px 0 10px 18px !important;
  border-top: 0 !important;
}

#dashboardView.home2-dashboard .growth-level-hero::before {
  display: block !important;
}