/* IRON PRO 0.007 — Only the agreed navigation, home and programs layout changes. */
body.iron008-home-fit #appShell,
body.iron008-program-fit #appShell{
  height:100dvh;max-height:100dvh;min-height:0;
  display:flex;flex-direction:column;overflow:hidden!important;
}
body.iron008-home-fit #appShell>.header,
body.iron008-program-fit #appShell>.header{flex:0 0 auto;}
body.iron008-home-fit #mainContent,
body.iron008-program-fit #mainContent{
  box-sizing:border-box;min-height:0;flex:1 1 auto;overflow:hidden!important;
  width:100%;padding:5px 13px calc(87px + env(safe-area-inset-bottom,0px))!important;
}
/* Home: one full-height surface, its existing carousel stays horizontal. */
body.iron008-home-fit #mainContent{display:flex;flex-direction:column;gap:7px;}
body.iron008-home-fit #mainContent .home-static{width:100%;max-width:570px;flex:0 0 auto;}
body.iron008-home-fit #mainContent .home-static h1{font-size:clamp(21px,3.4dvh,29px)!important;margin:4px 0 9px!important;}
body.iron008-home-fit #mainContent .home-static>.eyebrow{font-size:10px;}
body.iron008-home-fit #mainContent .home-static>.panel{padding:10px 13px!important;margin-bottom:0!important;}
body.iron008-home-fit #mainContent .home-static .kv{padding:5px 0;font-size:12px;}
body.iron008-home-fit #mainContent .home-static .smalltxt{font-size:11px;}
.iron008-home-history{cursor:pointer;}
.iron008-home-history:active{border-color:rgba(160,245,35,.7)!important;}
body.iron008-home-fit #mainContent .home-cards-viewport{
  flex:1 1 auto;min-height:0!important;max-width:570px;width:100%;
  display:flex;flex-direction:column;justify-content:flex-start;
}
body.iron008-home-fit #mainContent .home-card-frame{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
body.iron008-home-fit #mainContent .home-card-box{flex:1 1 auto;min-height:0;gap:9px;padding:14px 15px 13px;}
body.iron008-home-fit #mainContent .home-card-title{font-size:clamp(21px,3.2dvh,29px);}
body.iron008-home-fit #mainContent .home-card-dots{padding:8px 0 0;flex:0 0 auto;}
body.iron008-home-fit #mainContent .home-swipe-hint{font-size:11px;margin:4px 0 0;flex:0 0 auto;}
body.iron008-home-fit #mainContent .home-actions button{padding:10px 5px;}
/* Programs: one screen with up to three cards; swipe to management screen. */
.iron008-programs{height:100%;min-height:0;max-width:570px;margin:0 auto;display:flex;flex-direction:column;gap:8px;}
.iron008-program-header{flex:0 0 auto;padding:4px 5px 1px;}
.iron008-program-header .h2{font-size:clamp(22px,3.5dvh,29px);margin:3px 0;}
.iron008-program-header .smalltxt{font-size:11px;line-height:1.3;}
.iron008-program-list{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:7px;overflow-y:auto;overscroll-behavior:contain;padding:2px 1px 4px;}
.iron008-program-tile{
  min-height:0;flex:1 1 0;padding:10px 13px!important;display:flex;flex-direction:column;
  gap:3px;overflow:hidden;border-radius:16px!important;
}
.iron008-program-count{font-size:9px;line-height:1.2;color:#a8df68;font-weight:800;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;}
.iron008-program-count span{font-size:14px;color:#84948f;}
.iron008-program-title{font-size:clamp(16px,2.9dvh,21px);font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iron008-program-subtitle{font-size:12px;color:#c0cbcb;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.iron008-program-exercises{font-size:10px;color:#8e9e9f;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;}
.iron008-program-page-indicator{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:2px 11px 0;font-size:11px;color:#aab5ad;}
.iron008-program-tools .iron008-tools-content{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;}
.iron008-program-tools .iron008-tools-content>.panel{margin-bottom:0;}
.iron008-program-tools .iron008-tools-content .h3{margin-bottom:6px;}
@media(max-height:735px){
 body.iron008-home-fit #mainContent .home-static .kv{padding:2px 0;}
 body.iron008-home-fit #mainContent .home-static>.panel{padding:7px 11px!important;}
 body.iron008-home-fit #mainContent .home-static h1{margin:2px 0 5px!important;}
 body.iron008-home-fit #mainContent .home-card-box{padding:11px 12px;gap:6px;}
 body.iron008-home-fit #mainContent .home-card-title{margin:2px 0!important;}
 body.iron008-home-fit #mainContent .home-badges{min-height:0;}
 body.iron008-home-fit #mainContent .home-actions button{padding:8px 5px;}
 .iron008-program-tile{padding:7px 10px!important;gap:2px;}
 .iron008-program-exercises{display:none;}
}
@media(max-height:620px){
 body.iron008-home-fit #mainContent .home-static .kv:nth-of-type(2){display:none;}
 body.iron008-home-fit #mainContent .home-card-box{padding:8px;}
 .iron008-program-header .smalltxt{display:none;}
}
/* Keep the existing home card's natural proportions, rather than stretching it. */
body.iron008-home-fit #mainContent .home-cards-viewport{justify-content:center;}
body.iron008-home-fit #mainContent .home-card-frame{flex:0 0 auto!important;display:block!important;}
body.iron008-home-fit #mainContent .home-card-box{flex:0 0 auto!important;min-height:clamp(185px,27dvh,225px)!important;}
/* Three concise program tiles stay together in one screen. */
.iron008-program-list{justify-content:space-evenly;}
.iron008-program-tile{flex:0 0 auto!important;height:clamp(105px,16dvh,140px);box-sizing:border-box;}
@media(max-height:690px){
 .iron008-program-tile{height:clamp(98px,15dvh,120px);}
}