/* myBudgie v1.1.25: Home Flow Reorganization */

#home{
  --home-section-gap:16px;
}

#home > .balance-hero,
#home > .metric-grid,
#home > .quick-actions,
#home > .panel{
  margin-block-end:var(--home-section-gap);
}

.home-balance-primary{
  grid-template-columns:minmax(0,1fr)!important;
}

.home-monthly-balance{
  grid-template-columns:minmax(0,1fr)!important;
  margin-block-end:10px!important;
}

.home-monthly-balance + .home-balance-primary{
  margin-block-start:0!important;
}

.home-balance-primary .checking-balance{
  min-height:128px;
}

.home-monthly-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.home-monthly-summary .metric{
  min-height:86px;
  padding:14px;
}

.home-monthly-summary .metric span{
  margin-bottom:8px;
}

.home-monthly-summary .metric strong{
  font-size:clamp(20px,4vw,28px);
  line-height:1.1;
}

.home-action-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px;
}

.home-action-group .quick-card{
  min-width:0;
  min-height:82px;
  padding:14px;
}

.home-action-group .quick-card strong,
.home-action-group .quick-card small{
  white-space:normal;
}

.home-analytics-panel{
  margin-block-start:4px;
}

.home-analytics-panel .subcategory-breakdown{
  border-top:1px solid var(--color-border);
  margin-top:16px;
  padding-top:16px;
}

.recent-transactions{
  grid-column:auto;
}

.monthly-budget-card{
  display:none!important;
}

.monthly-budget-suggestion{
  margin-block-end:0!important;
}

@media (min-width: 760px){
  .home-balance-primary .checking-balance{
    padding:24px 26px;
  }
}

@media (max-width: 760px){
  .home-monthly-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width: 420px){
  #home{
    --home-section-gap:14px;
  }

  .home-action-group{
    gap:8px;
  }

  .home-action-group .quick-card{
    grid-template-columns:1fr;
    grid-template-areas:"icon" "title" "copy";
    justify-items:center;
    text-align:center;
    padding:12px 8px;
  }

  .home-action-group .quick-card span{
    font-size:22px;
  }

  .home-action-group .quick-card strong{
    font-size:15px;
  }

  .home-action-group .quick-card small{
    font-size:12px;
  }
}