/* ============================================================
 * layout.css — App shell, screens, navigation
 * ============================================================ */

/* ── SCREENS (mobile-first, no sidebar) ── */
.screen{display:none;min-height:100vh;flex-direction:column;}
.screen.active{display:flex;position:relative;z-index:1;}
/* ── STATUS BAR ── */
.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:13px;font-weight:600;color:#1a1917;flex-shrink:0;}
/* ── HOME SCREEN ── */
.home-screen{background:#f0efe9;}
.home-screen .status-bar{background:#f0efe9;}
/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(240,239,233,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #dddbd2;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100;}
.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;cursor:pointer;border:none;background:transparent;}
.bnav-item:active{opacity:.7;}
.bnav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
.bnav-label{font-size:10px;font-weight:600;color:#b0aea5;letter-spacing:.02em;}
.bnav-item.active .bnav-label{color:#1a1917;}
.bnav-item.active .bnav-icon svg{stroke:#1a1917!important;}
.bnav-item .bnav-icon svg{stroke:#b0aea5;}
/* NUTRITION SCREEN */
.nutrition-screen{background:#f0efe9;}
.screen-scroll{flex:1;overflow-y:auto;padding:0 20px 100px;}
/* PROGRAMS SCREEN */
.programs-screen{background:#f0efe9;}
/* MY PRs SCREEN */
.prs-screen{background:#f0efe9;}