/* FITRICH App v28 — phone-first customer experience. */
:root{--aqua:#93e3d2;--fitrich-sage:#93e3d2;--fitrich-sage-deep:#35584a;--fitrich-canvas:#f5f4ef;--fitrich-paper:#fcfcf9;--fitrich-stone:#e6e8e5}
.phase-ribbon p{letter-spacing:.14em}.app-main{background:var(--fitrich-canvas)}
.card-head span,.shop-intro span,.settings-head span{color:var(--fitrich-sage-deep)}
.nav-item.active,.bottom-nav .nav-centre i{background:var(--aqua);border-color:var(--aqua)}
.score-ring{background:radial-gradient(circle at center,#fcfcf9 0 58%,transparent 59%),conic-gradient(var(--fitrich-sage-deep) 0 72%,#d9dcd8 72% 100%)}
.app-whatsapp-fab{position:fixed;z-index:130;right:max(16px,calc((100vw - 520px)/2 + 16px));bottom:92px;min-height:46px;padding:6px 13px 6px 6px;display:flex;align-items:center;gap:8px;border:1px solid #080a09;border-radius:999px;background:var(--aqua);color:#080a09;text-decoration:none;box-shadow:0 14px 35px rgba(8,10,9,.25)}
.app-whatsapp-fab span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#080a09;color:#fff;font:800 8px/1 Space Grotesk,Arial;letter-spacing:.04em}.app-whatsapp-fab b{font:800 7px/1 Space Grotesk,Arial;letter-spacing:.13em}

@media(min-width:761px){
  body{background:#080a09}
  .app-shell{width:min(520px,100%);min-height:100svh;margin:0 auto;position:relative;background:var(--fitrich-canvas);box-shadow:0 0 0 1px #303431,0 30px 120px rgba(0,0,0,.7)}
  .side-nav{display:none}
  .app-header{left:50%;top:23px;width:min(520px,100%);height:70px;padding:0 17px;transform:translateX(-50%)}
  .mobile-logo{display:flex;flex-direction:column;color:#fff;font:800 19px/.8 Space Grotesk;letter-spacing:.055em}.mobile-logo small{margin-top:7px;color:var(--aqua);font:700 5px Space Grotesk;letter-spacing:.28em}
  .header-title{display:none}.header-actions{margin-left:auto}
  .app-main{margin:0;padding:104px 15px 98px}
  .home-grid,.member-layout,.profile-layout,.routine-layout{display:block}
  .home-grid>.card,.member-layout>*{margin-bottom:9px}
  .daily-form,.campaign-card,.sovereign-mini,.quick-card,.member-hero,.profile-card{min-height:auto;padding:22px}
  .campaign-card{min-height:390px}.campaign-copy h2{font-size:48px}.sovereign-mini{min-height:320px}
  .form-score{grid-template-columns:125px 1fr;gap:20px}.score-ring{width:120px;height:120px}
  .shop-intro{display:block}.shop-intro h2{font-size:45px}.shop-intro p{margin-top:16px}
  .app-product-grid{grid-template-columns:1fr 1fr;gap:7px}.app-product{min-height:330px}.app-product-art{height:185px}.app-product-copy{padding:13px}.app-product-copy h3{font-size:14px}
  .routine-builder,.routine-result{padding:23px}.routine-builder{margin-bottom:9px}.routine-result{min-height:540px}
  .member-panel{margin-top:9px}.benefit-grid{grid-template-columns:1fr;margin-top:9px}.profile-card{min-height:470px}.settings-card{padding:24px}
  .bottom-nav{position:fixed;z-index:100;left:50%;right:auto;bottom:0;width:min(520px,100%);height:80px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(8,10,9,.97);border-top:1px solid #303431;backdrop-filter:blur(18px)}
  .bottom-nav .nav-item{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0;font-size:5px}.bottom-nav .nav-item i{width:28px;height:28px}.bottom-nav .nav-centre i{width:42px;height:42px;border-radius:50%;margin-top:-25px;color:#07100f}
}

@media(max-width:760px){
  .phase-ribbon{height:24px}.app-header{top:24px}.app-main{padding-top:98px}
  .bottom-nav{background:rgba(8,10,9,.97)}
  .app-whatsapp-fab{right:12px;bottom:91px;padding:5px}.app-whatsapp-fab b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

/* v30 — the app uses the same FR + registered FITRICH signature. */
.app-shell .brand-signature,.app-loader .brand-signature{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;color:inherit;text-decoration:none}
.app-shell .brand-monogram,.app-loader .brand-monogram{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(147,227,210,.65);color:#fff;font:800 18px/.9 Space Grotesk,Arial,sans-serif;letter-spacing:-.1em}
.app-shell .brand-wordmark,.app-loader .brand-wordmark{min-width:0;display:flex;flex-direction:column;align-items:center}
.app-shell .brand-wordmark-image,.app-loader .brand-wordmark-image{width:128px;height:22px;display:block;overflow:hidden}
.app-shell .brand-wordmark-image svg,.app-loader .brand-wordmark-image svg{width:100%!important;height:auto!important;display:block;filter:invert(1) brightness(1.55)!important}
.app-shell .brand-wordmark small,.app-loader .brand-wordmark small{width:100%;margin-top:2px;color:var(--aqua);font:700 3.8px/1 Space Grotesk,Arial,sans-serif;letter-spacing:.29em;text-align:center;text-indent:.29em;white-space:nowrap}
.app-logo{width:170px!important;gap:0!important}
.app-logo .brand-signature{width:170px}
.mobile-logo{width:170px!important;font:inherit!important;letter-spacing:normal!important}
.mobile-logo .brand-signature{width:170px}
.app-loader .app-logo-loader{width:min(330px,82vw);grid-template-columns:64px 1fr;gap:16px}
.app-loader .brand-monogram{width:64px;height:64px;font-size:34px}
.app-loader .brand-wordmark-image{width:min(246px,61vw);height:auto;aspect-ratio:6.1/1}
.app-loader .brand-wordmark small{margin-top:5px;font-size:6px;letter-spacing:.34em;text-indent:.34em}
.setting-row[href^="mailto:"] em{max-width:54%;overflow-wrap:anywhere;text-align:right;color:var(--fitrich-sage-deep)}

@media(max-width:420px){
  .mobile-logo,.mobile-logo .brand-signature{width:154px!important}
  .app-shell .mobile-logo .brand-signature{grid-template-columns:30px 1fr;gap:6px}
  .app-shell .mobile-logo .brand-monogram{width:30px;height:30px;font-size:16px}
  .app-shell .mobile-logo .brand-wordmark-image{width:118px;height:20px}
  .app-shell .mobile-logo .brand-wordmark small{font-size:3.4px;letter-spacing:.25em;text-indent:.25em}
}