/* GritHQ Alpha4.79 Home fit + Recovery value hierarchy.
   Scope: global Coach artwork unchanged from Alpha4.78, Home Recovery metric presentation,
   and supported-phone Home vertical fit only. */

/* Keep the approved Alpha4.78 global Coach app mark exactly as-is. */
.global-coach-btn img{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.gh-coach-avatar{
  object-fit:contain!important;
  object-position:center!important;
  border-radius:13px!important;
  filter:none!important;
}

/* Recovery hierarchy:
   1) every metric uses the same circular live-value frame;
   2) semantic icon + metric name sit below the value;
   3) status sits on the final shared baseline.
   Empty state keeps the same geometry by rendering an em dash in the value circle. */
.gh-home-v2-recovery-grid{align-items:center!important}
.gh-home-v2-recovery-metric{
  min-height:98px!important;
  display:grid!important;
  grid-template-rows:60px 20px 14px!important;
  align-content:center!important;
  justify-items:center!important;
  row-gap:2px!important;
  padding:0 5px!important;
  min-width:0!important;
}
.gh-home-v2-recovery-metric>.gh-home-v2-metric-value{
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:58px!important;
  height:58px!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0 3px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.018)!important;
  color:#f4f8fb!important;
  font-size:12.5px!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.gh-home-v2-recovery-metric.readiness>.gh-home-v2-metric-value{
  border:3px solid rgba(77,153,255,.92)!important;
  color:#f4f8fb!important;
}
.gh-home-v2-recovery-metric.sleep>.gh-home-v2-metric-value{
  border:2px solid rgba(168,100,232,.86)!important;
}
.gh-home-v2-recovery-metric.hrv>.gh-home-v2-metric-value{
  border:2px solid rgba(53,200,222,.90)!important;
}
.gh-home-v2-metric-label{
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  min-width:0!important;
  color:#dce5ec!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.gh-home-v2-metric-label svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.gh-home-v2-recovery-metric.readiness .gh-home-v2-metric-label{color:#6daeff!important}
.gh-home-v2-recovery-metric.sleep .gh-home-v2-metric-label{color:#aa71e7!important}
.gh-home-v2-recovery-metric.hrv .gh-home-v2-metric-label{color:#46cadb!important}
.gh-home-v2-recovery-metric>small{
  grid-row:3!important;
  align-self:center!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
.gh-home-v2-health-btn{align-self:center!important}

/* Keep the entire default Home dashboard visible above the fixed dock on supported
   portrait iPhones. This is a density correction, not a redesign. */
@media(max-width:959px) and (max-height:980px) and (orientation:portrait){
  body.home-mode .main-content{padding-top:6px!important;padding-bottom:4px!important}
  .gh-home-v2{gap:8px!important}
  .gh-home-v2-greeting{padding:1px 4px!important}
  .gh-home-v2-greeting p{margin-top:2px!important}
  .gh-home-v2-plan{min-height:224px!important;padding:13px 15px!important}
  .gh-home-v2-plan-copy{margin-top:7px!important}
  .gh-home-v2-plan-actions{margin-top:9px!important}
  .gh-home-v2-recovery{padding:9px 14px!important}
  .gh-home-v2-section-title.recovery{margin-bottom:6px!important}
  .gh-home-v2-recovery-metric{min-height:94px!important}
  .gh-home-v2-quick{padding:10px 14px 11px!important}
  .gh-home-v2-section-title.quick{margin-bottom:7px!important}
  .gh-home-v2-action{min-height:92px!important}
  .gh-home-v2-week{min-height:60px!important;padding:6px 11px!important}
}

@media(max-width:400px) and (max-height:860px) and (orientation:portrait){
  .gh-home-v2-recovery-metric{
    min-height:82px!important;
    grid-template-rows:50px 18px 12px!important;
    row-gap:1px!important;
    padding:0 3px!important;
  }
  .gh-home-v2-recovery-metric>.gh-home-v2-metric-value{
    width:48px!important;
    height:48px!important;
    font-size:10.5px!important;
  }
  .gh-home-v2-metric-label{font-size:10.5px!important;gap:3px!important}
  .gh-home-v2-metric-label svg{width:12px!important;height:12px!important;flex-basis:12px!important}
}