/* IRON Gold test 0.018 — shared design system, native viewport, real app data. */
:root{--gold:#e5b13b;--gold-light:#ffd875;--gold-wash:rgba(229,177,59,.12);--gold-line:rgba(229,177,59,.28);--gold-dark:#b88318}
body[data-iron-theme=red]{--gold:#f04b43;--gold-light:#ffb4a2;--gold-wash:rgba(240,75,67,.12);--gold-line:rgba(240,75,67,.3);--gold-dark:#b52e26}
body[data-iron-theme=lime]{--gold:#a6e72c;--gold-light:#dcff92;--gold-wash:rgba(166,231,44,.12);--gold-line:rgba(166,231,44,.28);--gold-dark:#76a817}
html,body{background:#08090b!important;color:#fbfbfc!important;height:100%;overscroll-behavior:none}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:radial-gradient(ellipse at 50% 0,var(--gold-wash),transparent 46%),#08090b!important}
body:before{display:none!important}.app{max-width:640px!important;margin:auto!important;padding:0!important}.app:before{display:none!important}
body #appShell{height:100dvh!important;max-height:100dvh!important;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px)}
#appShell>.header{display:none!important}.gold-app-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 8px;flex:none;z-index:21}
.gold-brand{display:flex;gap:10px;align-items:center;min-width:0}.gold-brand img{width:42px;height:42px;object-fit:cover;border-radius:13px;border:1px solid var(--gold-line)}.gold-brand strong{font-size:17px;letter-spacing:-.5px;white-space:nowrap}.gold-brand em{font-style:italic;color:var(--gold-light)}.gold-brand small{display:block;color:#8c929e;font-size:10px;margin-top:3px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gold-header-actions{display:flex;gap:7px}.gold-header-actions button{min-height:40px!important;font-size:12px!important;padding:8px 11px!important;border-radius:13px!important}.gold-header-actions .gold-gear{font-size:19px!important;min-width:40px}
body.iron014-section #sectionTop{background:transparent!important;padding:7px 16px 4px!important;flex:none!important}.home-static>.row,#sectionTop>.iron-settings-button{display:none!important}#sectionTop>.hero,#sectionTop>.iron008-program-header{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 2px 9px!important;border-radius:0!important}
body.iron014-section #mainContent,body.iron014-section.iron008-program-fit #mainContent,body.iron014-section.iron008-home-fit #mainContent{padding:10px 16px 12px!important;min-height:0!important;flex:1!important;height:auto!important}
body.iron014-section.iron008-home-fit #mainContent{display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:8px}
body .hero,body .panel,body .card,body .home-card-box,body .iron008-program-tile,body .exercise-card,body .report-ex,body .compact-training{background:linear-gradient(145deg,#191d24,#101217)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;box-shadow:0 12px 28px -14px #000!important;color:#fbfbfc!important}
body .h1{font-size:clamp(25px,6.7vw,31px)!important;letter-spacing:-.7px!important}body .h2{font-size:22px!important;letter-spacing:-.5px}body .eyebrow{font-size:10px!important;letter-spacing:1.5px!important;color:var(--gold)!important;font-weight:800}body .smalltxt,body .subtle{color:#9ea4af!important;line-height:1.45}body .panel{padding:16px!important}body .kv{border-color:rgba(255,255,255,.07)!important}
body button.primary,body .primary{background:linear-gradient(145deg,var(--gold-light),var(--gold) 65%,var(--gold-dark))!important;border:1px solid var(--gold-light)!important;color:#161006!important;box-shadow:0 7px 22px -12px var(--gold)!important;font-weight:800!important;border-radius:14px!important}
body button.secondary,body button.ghost,body .secondary,body .ghost{background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.12)!important;color:#e6e7eb!important;border-radius:14px!important;box-shadow:none!important}
body button{font-family:inherit;touch-action:manipulation}body button:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}body input,body select,body textarea{background:#11151c!important;color:#fbfbfc!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:12px!important;accent-color:var(--gold)}
body .chips button.active,body .chip.active{background:var(--gold-wash)!important;color:var(--gold-light)!important;border-color:var(--gold-line)!important}
body #appShell>.nav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;flex:none!important;margin:0 12px calc(8px + env(safe-area-inset-bottom,0px))!important;padding:0!important;background:transparent!important;z-index:20}
body .navbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:6px!important;border-radius:23px!important;border:1px solid var(--gold-line)!important;background:rgba(15,18,24,.96)!important;box-shadow:0 10px 30px #0008!important;gap:2px!important}
body .navbtn{padding:8px 1px!important;min-height:54px!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#818995!important;font-size:10px!important;gap:4px!important}body .navbtn.active{color:var(--gold-light)!important;background:var(--gold-wash)!important;box-shadow:inset 0 0 0 1px var(--gold-line)!important}body .navbtn svg{width:21px;height:21px}
.gold-greeting{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:4px 2px 14px}.gold-greeting h1{font-size:24px;letter-spacing:-.7px;margin:0;line-height:1.15}.gold-greeting h1 span{color:var(--gold-light)}.gold-today{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--gold);background:var(--gold-wash);border:1px solid var(--gold-line);padding:5px 7px;border-radius:7px;white-space:nowrap}
.gold-recent{padding:12px 14px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(150deg,#181c23e8,#101319f2);cursor:pointer}.gold-panel-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.gold-panel-head small{font-size:10px;color:#858d99}.gold-history-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #ffffff0b}.gold-history-row b{font-size:12px}.gold-history-row small{display:block;font-size:10px;color:#858d99;margin-top:3px}.gold-history-row>span{font-size:10px;color:var(--gold-light);background:var(--gold-wash);padding:4px 6px;border-radius:6px;white-space:nowrap}
body .home-cards-viewport{display:flex!important;flex-direction:column;justify-content:flex-start!important;min-height:0!important;flex:1!important;height:auto!important;margin:0!important;padding:0!important}.home-card-frame{width:100%}.gold-program-card{background:radial-gradient(circle at 95% 0,var(--gold-wash),transparent 65%),linear-gradient(145deg,#1b2029,#101319);border:1px solid var(--gold-line);border-radius:24px;padding:17px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 16px 30px -15px #000}.gold-card-top{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap}.gold-badge{font-size:9px;font-weight:800;letter-spacing:.7px;color:var(--gold-light);padding:5px 8px;border-radius:99px;border:1px solid var(--gold-line);background:var(--gold-wash)}.gold-card-count{font-size:10px;color:#8f97a5}.gold-program-card h2{font-size:26px;line-height:1.12;letter-spacing:-.8px;margin:5px 0}.gold-program-card p{font-size:12px;color:var(--gold-light);margin:0 0 9px}.gold-ex-chips{display:flex;gap:6px;overflow:hidden}.gold-ex-chips span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#090b10a0;padding:5px 7px;border:1px solid #ffffff10;border-radius:7px;color:#a7adba;max-width:53%}.gold-card-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.gold-card-actions button{min-height:45px!important;font-size:13px!important;padding:10px!important}
body .home-card-dots{display:flex;justify-content:center;gap:6px;margin:10px 0 3px!important}body .home-card-dots .dot{width:6px;height:6px;background:#ffffff26!important;border:0;padding:0;min-height:0!important;border-radius:8px!important}body .home-card-dots .dot.active{width:22px;background:var(--gold)!important}.home-swipe-hint{font-size:10px!important;margin:3px!important;color:#7d8591!important;text-align:center}.gold-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none;padding-top:2px}.gold-metric{padding:10px;background:#141820b0;border:1px solid #ffffff0a;border-radius:13px}.gold-metric small{font-size:9px;color:#8b93a0;display:block;margin-bottom:4px}.gold-metric b{font-size:16px;letter-spacing:-.4px}.gold-metric span{font-size:10px;color:var(--gold-light)}
body .sheet,body .modal{background:linear-gradient(160deg,#1a1f28,#0d1016)!important;color:#fbfbfc!important;border:1px solid var(--gold-line)!important;box-shadow:0 -15px 50px #000b!important;border-radius:26px!important}body .sheet{border-radius:28px 28px 0 0!important}.sheet-backdrop,.modal-backdrop{background:#000a!important;backdrop-filter:blur(8px)}body .preview-row{background:transparent!important;border-bottom:1px solid #ffffff12!important}.home-detail-list .preview-row{padding:12px 4px!important;height:auto!important;min-height:70px}.home-detail-list .preview-row b{font-size:14px!important}.home-detail-list .preview-row .smalltxt{font-size:11px!important;white-space:normal!important;overflow:visible!important}.home-detail-list{overflow:auto!important}.gold-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px}.gold-choice{min-height:90px!important;padding:12px 6px!important;border-radius:15px!important;background:#ffffff04!important;border:1px solid #ffffff14!important;color:#c5c9d1;font-size:12px}.gold-choice i{display:block;width:26px;height:26px;border-radius:50%;margin:0 auto 9px;background:var(--sample)}.gold-choice.selected{border-color:var(--gold)!important;background:var(--gold-wash)!important;color:var(--gold-light)}.gold-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.gold-mode-options .gold-choice{min-height:62px!important}.gold-settings p{font-size:12px;color:#9ea4af;line-height:1.55;margin:10px 0 20px}
body .iron008-program-list{gap:10px!important;min-height:0!important}body .iron008-program-tile{min-height:100px!important;padding:14px!important;border-color:var(--gold-line)!important}.iron008-program-tile .h2{font-size:22px!important}.iron008-program-tile .smalltxt{font-size:12px!important}.gold-manage{width:100%;margin-top:8px;min-height:42px}
body .library-compact .exercise-card{padding:10px!important;border-radius:15px!important}.library-compact .exercise-card b{font-size:14px}.exercise-detail .artwork,.exercise-detail img{border-radius:17px}.report-metrics .metric{background:#141920!important;border-color:#ffffff12!important}.report-metrics strong{color:var(--gold-light)!important}
body .compact-training{border:0!important;box-shadow:none!important;background:transparent!important}.compact-training .compact-ex-name{font-size:23px!important;font-weight:800;letter-spacing:-.7px}.compact-training .compact-values button{background:linear-gradient(140deg,#1e2530,#12171f)!important;border:1px solid var(--gold-line)!important;border-radius:18px!important}.compact-training .compact-values strong{color:var(--gold-light)!important}.compact-training .v21-clock.is-off{border-color:var(--gold)!important;box-shadow:0 0 45px -20px var(--gold)!important;background:radial-gradient(circle at 50% 20%,var(--gold-wash),#0c1017 75%)!important}.compact-training .v21-clock-label{font-size:13px!important;letter-spacing:1.2px}.compact-training .v21-clock.is-on{box-shadow:0 0 45px -24px #e45845!important}.compact-training .side-modes button{border-radius:11px!important}.compact-training .side-modes button.active{color:var(--gold-light)!important;border-color:var(--gold-line)!important;background:var(--gold-wash)!important}
body #ironDemoBanner{background:var(--gold-wash)!important;border-color:var(--gold-line)!important;font-size:10px!important;padding:5px 14px!important;flex:none!important;margin:0!important;border-radius:0!important;min-height:29px!important}#ironDemoBanner button{font-size:10px!important;min-height:23px!important;padding:3px 9px!important}.iron014-training .gold-app-header{display:none}.iron014-training #ironDemoBanner{display:none!important}
body .profile-card{background:linear-gradient(150deg,#1a2029,#11151c)!important;border-color:var(--gold-line)!important}.profile-card .avatar{background:var(--gold)!important;color:#171006!important}#onboardingProfile{padding:env(safe-area-inset-top,0px) 14px 12px!important}
@media(max-height:730px){.gold-app-header{padding:8px 14px 5px}.gold-brand img{width:36px;height:36px}.gold-greeting{margin:2px 0 8px}.gold-greeting h1{font-size:21px}.gold-recent{padding:9px 12px}.gold-history-row{padding:6px 0}.gold-program-card{min-height:180px;padding:13px;gap:7px}.gold-program-card h2{font-size:23px}.gold-metric{padding:8px}.gold-metric b{font-size:14px}.home-swipe-hint{display:none}.gold-ex-chips{display:none}body .navbtn{min-height:48px!important;padding:5px 1px!important}}
@media(max-height:590px){.gold-history-row small,.gold-today,.gold-metrics{display:none}.gold-greeting h1{font-size:19px}.gold-program-card{min-height:150px}.gold-program-card p{margin:4px 0}.gold-card-actions button{min-height:38px!important}.gold-app-header{padding:5px 14px}.gold-recent{padding:6px 10px}.gold-panel-head{margin-bottom:4px}.gold-history-row{padding:4px 0}body #sectionTop{padding-top:2px!important}}
@media(min-width:700px){body .app{border-left:1px solid #ffffff0b;border-right:1px solid #ffffff0b}}
body.iron014-section.iron008-program-fit #mainContent{display:flex!important;flex-direction:column!important;gap:6px}
body.iron014-section .iron008-programs{flex:1!important;min-height:0!important;height:auto!important;overflow:hidden!important}
.gold-manage{flex:none!important;margin:0!important}

body .iron008-programs{width:100%!important;max-width:none!important;margin:0!important}
body .iron008-program-list{justify-content:flex-start!important;padding:0!important;gap:9px!important;scrollbar-width:thin}
body .iron008-program-tile{height:auto!important;min-height:92px!important;flex:1 0 92px!important;padding:14px!important}
body .iron008-program-title{font-size:23px!important;letter-spacing:-.5px}.iron008-program-count{color:var(--gold-light)!important;font-size:10px!important}.iron008-program-subtitle{font-size:12px!important;color:#9ea4af!important}
body #sectionTop.iron-settings-heading{background:transparent!important}
body .iron008-program-page-indicator{font-size:9px!important;padding:3px!important}



/* Size the Home modules inside the WKWebView viewport (native footer is outside it). */
.gold-brand{flex:1 1 0;overflow:hidden}
.gold-brand>img{flex:0 0 auto}
.gold-brand>div{min-width:0;overflow:hidden}
.gold-brand strong{display:block;overflow:hidden;text-overflow:ellipsis}
.gold-brand small{max-width:100%}
.gold-header-actions{flex:0 0 auto}
body.iron008-home-fit #mainContent .home-cards-viewport{justify-content:flex-start!important;overflow:hidden;gap:6px}
body.iron008-home-fit #mainContent .home-card-frame{display:flex!important;flex:1 1 0!important;min-height:0!important;width:100%}
body.iron008-home-fit .gold-program-card{box-sizing:border-box;flex:1 1 0;min-height:0!important;width:100%;gap:8px;padding:14px;overflow:hidden}
.gold-program-card>.gold-card-top,.gold-program-card>.gold-card-actions{flex:0 0 auto}
.gold-program-card>div:nth-child(2){min-height:0;overflow:hidden}
.gold-program-card h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
body.iron008-home-fit #mainContent .home-card-dots{flex:none;padding:0!important;margin:0!important;min-height:6px}
body.iron008-home-fit #mainContent .home-swipe-hint{margin:0!important}
.gold-history-row>div{min-width:0}
.gold-history-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gold-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.gold-metric{min-width:0}
@media(max-height:760px){
 .gold-greeting{margin:2px 0 8px}
 .gold-recent{padding:9px 12px}
 .gold-history-row{padding:6px 0}
 .gold-ex-chips,.home-swipe-hint{display:none}
 .gold-program-card p{margin:3px 0}
 body.iron008-home-fit .gold-program-card{padding:12px;gap:6px}
}
@media(max-height:620px){
 body.iron015-home-top #sectionTop .home-static h1{font-size:20px!important;margin:0 0 4px!important}
 .gold-greeting{margin:0 0 5px}
 .gold-recent{padding:6px 10px}
 .gold-panel-head{margin-bottom:4px}
 .gold-panel-head .eyebrow{font-size:8px!important;letter-spacing:.7px!important}
 .gold-history-row{padding:4px 0}
 .gold-history-row small{display:none}
 .gold-metrics{display:grid;gap:6px}
 .gold-metric{padding:6px}
 .gold-metric small{font-size:8px;margin-bottom:2px}
 .gold-metric b{font-size:13px}
 body.iron008-home-fit .gold-program-card{padding:10px;gap:4px}
 .gold-program-card h2{font-size:21px;margin:2px 0}
 .gold-program-card p{font-size:11px}
 .gold-card-actions button{min-height:38px!important;padding:7px!important;font-size:12px!important}
}