/* Recodet Round 8 — screen-specific mobile polish for Move, Jobs, Homes and Finance */

/* Shared compact headers */
.moveModuleHead,.jobsHead,.homesHead,.financeProHead{
  min-height:48px!important;
  margin:0 0 9px!important;
  gap:9px!important;
}
.moveModuleIcon,.jobsHeadMain>span,.homesHeadMain>span,.financeHeadIcon{
  width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important;
}
.moveModuleHead strong,.jobsHeadMain strong,.homesHeadMain strong,.financeProHead h2{
  font-size:17px!important;line-height:1.05!important;
}
.moveModuleHead span:not(.moveModuleIcon):not(.moveLiveDot),.jobsHeadMain small,.homesHeadMain small,.financeProHead p{
  font-size:10px!important;line-height:1.2!important;
}
.jobsHeadAction,.homesHeadAction{
  width:38px!important;height:38px!important;border-radius:11px!important;
}

/* Shared sections and cards */
.moveSectionHead,.jobsSectionHead,.homesSectionHead,.financeSectionLine{
  margin:12px 2px 7px!important;
}
.moveSectionHead strong,.jobsSectionHead strong,.homesSectionHead strong,.financeSectionLine strong{
  font-size:14px!important;
}
.moveSectionHead span,.jobsSectionHead span,.homesSectionHead span,.financeSectionLine small{
  font-size:10px!important;
}
.moveRequestCard,.moveQuickTile,.moveChoiceCard,.movePlanActions button,
.jobCard,.jobsTimeline>button,.jobsPlanActions button,.jobsEarnList>button,
.homesCard,.homesActivityCard,.homesMapStrip>button,
.financePlanCard,.financeMarketCard,.financeHistoryCard,.financeInvestCard,.financeQuickTile{
  border-radius:14px!important;
  box-shadow:none!important;
}

/* MOVE */
.moveMapCard{height:92px!important;margin-bottom:8px!important;border-radius:15px!important}
.moveQuickGrid{gap:6px!important}
.moveQuickTile{min-height:62px!important;padding:6px 3px!important;gap:4px!important}
.moveQuickTile span{width:30px!important;height:30px!important;border-radius:9px!important}
.moveQuickTile strong{font-size:11px!important}
.moveQuickTile small{font-size:9px!important}
.moveRequestCard{padding:9px!important;gap:9px!important;min-height:64px!important}
.moveRequestIcon{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
.moveRequestTop strong{font-size:13px!important}
.moveRouteText,.moveRequestCard small{font-size:10px!important}
.moveFormCard{padding:12px!important;border-radius:16px!important}
.moveFormTitle{margin-bottom:10px!important}
.moveInputWrap,.moveDateGrid input,.moveDateGrid select,.moveNotesField textarea{min-height:44px!important}
.movePrimaryBtn{min-height:46px!important;border-radius:13px!important}
.movePlanHero{padding:11px!important}
.movePlanActions{gap:7px!important}
.movePlanActions button{min-height:72px!important;padding:9px!important}

/* JOBS */
.jobsCategoryGrid{gap:6px!important}
.jobsCategoryGrid button{min-height:60px!important;padding:6px 3px!important;border-radius:13px!important}
.jobsCategoryGrid button span{width:30px!important;height:30px!important}
.jobsCategoryGrid button strong{font-size:10px!important}
.jobsHero,.jobsMineHero,.jobsPlanHero,.jobsEarnHero{padding:11px!important;border-radius:15px!important}
.jobsHero strong,.jobsPlanHero strong,.jobsEarnHero>strong{font-size:19px!important}
.jobsSearchBox{min-height:44px!important;border-radius:13px!important}
.jobsFilterRow{gap:6px!important}
.jobsFilterRow button,.jobsSegment button{min-height:34px!important;padding:0 10px!important;font-size:10px!important}
.jobCard{min-height:64px!important;padding:8px!important;gap:8px!important}
.jobCardTitle,.jobCard strong{font-size:13px!important}
.jobCardMeta,.jobCard small{font-size:10px!important}
.jobsPlanActions{gap:7px!important}
.jobsPlanActions button{min-height:66px!important;padding:8px!important}
.jobsTimeline>button,.jobsEarnList>button{padding:9px!important;min-height:56px!important}

/* HOMES */
.homesCategoryGrid{gap:6px!important}
.homesCategoryGrid button{min-height:60px!important;padding:6px 3px!important;border-radius:13px!important}
.homesCategoryGrid button span{width:30px!important;height:30px!important}
.homesCategoryGrid button strong{font-size:10px!important}
.homesHero,.homesSavedHero,.homesListHero{padding:11px!important;border-radius:15px!important}
.homesSearch{min-height:44px!important;border-radius:13px!important}
.homesFilterRow{gap:6px!important}
.homesFilterRow button{min-height:34px!important;padding:0 10px!important;font-size:10px!important}
.homesGrid{gap:8px!important}
.homesCard{border-radius:14px!important}
.homesCard img,.homesCardVisual{aspect-ratio:1.35/1!important;object-fit:cover!important}
.homesCardBody{padding:9px!important}
.homesCardLine strong,.homesCardLine b{font-size:13px!important}
.homesLocation,.homesMeta,.homesCard small{font-size:10px!important}
.homesMapStrip{gap:7px!important}
.homesMapStrip>button{min-height:58px!important;padding:8px!important}
.homesForm{padding:12px!important;border-radius:16px!important}

/* FINANCE */
.financeQuickGrid{gap:6px!important}
.financeQuickTile{min-height:60px!important;padding:6px 3px!important;border-radius:13px!important}
.financeQuickTile span{width:30px!important;height:30px!important;border-radius:9px!important}
.financeQuickTile strong{font-size:10px!important}
.financeBalanceCard,.financePortfolioHero{padding:11px!important;border-radius:15px!important}
.financeBalanceCard strong,.financePortfolioHero strong{font-size:19px!important}
.financePlanCard,.financeMarketCard,.financeHistoryCard{padding:9px!important;min-height:58px!important;gap:8px!important}
.financePlanIcon,.financeMarketIcon,.financeHistoryIcon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
.financePlanTop strong,.financeMarketTitle strong,.financeHistoryCard strong{font-size:13px!important}
.financePlanCopy small,.financeMarketMain>small,.financeHistoryCard small{font-size:10px!important}
.financeFilterRow{gap:6px!important}
.financeFilterRow button{min-height:34px!important;padding:0 10px!important;font-size:10px!important}
.financeInvestCard{padding:12px!important;border-radius:16px!important}
.financeAmountChips{gap:6px!important}
.financeAmountChips button{min-height:34px!important;padding:0 10px!important}
.financeSubmitBtn{min-height:46px!important;border-radius:13px!important}

/* Mobile-specific final fit */
@media(max-width:390px){
  .moveMapCard{height:84px!important}
  .moveQuickGrid,.jobsCategoryGrid,.homesCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .moveQuickTile,.jobsCategoryGrid button,.homesCategoryGrid button,.financeQuickTile{min-height:56px!important}
  .homesGrid{grid-template-columns:1fr!important}
  .financeQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .financeQuickTile strong{font-size:9px!important}
}

@media(max-width:360px){
  .moveModuleIcon,.jobsHeadMain>span,.homesHeadMain>span,.financeHeadIcon{width:34px!important;height:34px!important;flex-basis:34px!important}
  .moveQuickTile span,.jobsCategoryGrid button span,.homesCategoryGrid button span,.financeQuickTile span{width:28px!important;height:28px!important}
  .moveQuickTile strong,.jobsCategoryGrid button strong,.homesCategoryGrid button strong,.financeQuickTile strong{font-size:9px!important}
  .moveQuickTile small,.jobCardMeta,.jobCard small,.homesLocation,.homesMeta,.homesCard small{font-size:9px!important}
}
