/* Installed/mobile app mode is explicit; it must not depend on reported CSS viewport width. */
.mobile-app,.mobile-app body,.mobile-app .app-shell{min-height:100%;min-height:100dvh}
.mobile-app body{font-size:20px}.mobile-app .app-shell{display:block;padding-bottom:0}
.mobile-app .topbar{height:72px;padding:0 20px}.mobile-app .topbar .brand{font-size:1.35rem}.mobile-app .topbar .brand img{display:block;width:46px;height:46px;border-radius:13px}
.mobile-app .menu-toggle,.mobile-app .topbar-actions{display:none!important}.mobile-app .topbar-context{display:flex;margin-left:auto;font-size:.8rem}
.mobile-app .content{width:100%;max-width:none;margin:0;padding:26px 18px calc(34px + env(safe-area-inset-bottom))}
.mobile-app .page-head{margin-bottom:24px}.mobile-app .page-head h1{font-size:clamp(2.85rem,8vw,4.6rem);line-height:.93}.mobile-app .page-head>div>p:last-child{font-size:1.12rem;line-height:1.5}
.mobile-app .page-head #dashboard-add{display:none}.mobile-app .mobile-command{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;margin:0;min-height:0;align-content:start}
.mobile-app .mobile-command-intro{display:flex;align-items:end;justify-content:space-between;padding:2px 3px 5px}.mobile-app .mobile-command-intro span{font-family:var(--mono);font-size:.78rem;letter-spacing:.16em;color:var(--orange)}.mobile-app .mobile-command-intro strong{font-family:var(--display);font-size:1.5rem}
.mobile-app .mobile-tile{width:100%;min-height:132px;display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:16px;align-items:center;border:1px solid #173f3520;border-radius:24px;padding:22px;background:var(--white);color:var(--ink);box-shadow:0 12px 30px #173f3514;text-align:left}
.mobile-app .mobile-tile .tile-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:19px;background:var(--ink);color:var(--acid);font-size:1.8rem}.mobile-app .mobile-tile strong{display:block;font-family:var(--display);font-size:1.55rem;line-height:1.08}.mobile-app .mobile-tile small{display:block;margin-top:8px;color:var(--muted);font-size:.95rem;line-height:1.4}.mobile-app .mobile-tile .tile-arrow{align-self:center;color:var(--orange);font-size:1.65rem}
.mobile-app .tile-scan{background:var(--ink);color:white}.mobile-app .tile-scan .tile-icon{background:var(--acid);color:var(--ink)}.mobile-app .tile-scan small{color:#cbd7d1}.mobile-app .tile-add-product .tile-icon{background:var(--acid);color:var(--ink)}
.mobile-app #view-dashboard>.summary-grid,.mobile-app #view-dashboard>.dashboard-grid,.mobile-app #view-dashboard>.recent-panel{display:none!important}
.mobile-app .sidebar{display:none!important}
.mobile-app .sidebar nav{height:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.mobile-app .sidebar-foot,.mobile-app .sidebar .nav-item[data-view="stats"],.mobile-app .sidebar .nav-item[data-view="diabetes"],.mobile-app .sidebar .nav-item[data-view="diabetes-settings"],.mobile-app .sidebar .nav-item[data-view="settings"]{display:none!important}
.mobile-app .sidebar .nav-item{display:flex;position:relative;min-width:0;min-height:70px;flex-direction:column;justify-content:center;gap:5px;padding:7px 3px;text-align:center;border-radius:15px;font-size:.84rem;font-weight:800;line-height:1.08}.mobile-app .sidebar .nav-item span{font-size:1.65rem}.mobile-app .sidebar .nav-item b{position:absolute;top:3px;left:57%;padding:3px 6px;background:var(--orange);color:white;font-size:.65rem}.mobile-app .sidebar .nav-item.active{background:var(--ink)}
.mobile-app .mobile-core-action{order:3}.mobile-app .sidebar .nav-item[data-view="dashboard"]{order:1}.mobile-app .sidebar .nav-item[data-view="products"]{order:2}.mobile-app .sidebar .nav-item[data-view="advice"]{order:4}.mobile-app .sidebar .nav-item[data-view="receipts"]{order:5}
.mobile-app .product-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px}.mobile-app .product-card{min-height:300px;padding:26px;border-radius:24px}.mobile-app .product-card h3{font-size:1.75rem}.mobile-app .product-card p{font-size:.95rem;line-height:1.5}.mobile-app .product-metrics strong{font-size:1.05rem}.mobile-app .product-metrics small{font-size:.78rem}.mobile-app .edit-product{font-size:1rem;margin-top:22px}
.mobile-app .toast{top:auto;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));padding:18px;border-radius:15px;font-size:1rem}.mobile-app .dialog{width:100%;max-width:none;margin:auto 0 0;border-radius:26px 26px 0 0;max-height:94dvh}.mobile-app .dialog form{padding:22px 18px calc(22px + env(safe-area-inset-bottom));overflow:auto;max-height:94dvh}
@media(max-width:430px){.mobile-app .mobile-command{grid-template-columns:1fr!important}.mobile-app .mobile-tile{min-height:124px;padding:18px;grid-template-columns:58px minmax(0,1fr) 26px;gap:13px}.mobile-app .mobile-tile .tile-icon{width:58px;height:58px}.mobile-app .mobile-tile strong{font-size:1.38rem}.mobile-app .mobile-tile small{font-size:.86rem}.mobile-app .sidebar .nav-item{font-size:.7rem}.mobile-app .sidebar .nav-item span{font-size:1.5rem}}
