/* Phone-first shell. The shared authenticated feature client remains the only data/UI engine. */
body.mobile-web{min-height:100dvh;overflow-x:clip}body.mobile-web main{min-width:0}body.mobile-web :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){body.mobile-web aside{position:fixed;inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 0 max(5px,env(safe-area-inset-bottom));background:#2c263c;border-top:1px solid #4a4355;z-index:3}body.mobile-web main{width:100%;margin:0;padding:max(16px,env(safe-area-inset-top)) 14px calc(100px + env(safe-area-inset-bottom))}body.mobile-web .brand,body.mobile-web .house,body.mobile-web .profile-label,body.mobile-web aside>.actions.section{display:none}body.mobile-web nav{display:flex;width:100%;height:100%;margin:0;padding:0 5px;align-items:stretch;gap:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}body.mobile-web nav a{display:flex;min-width:64px;min-height:52px;padding:5px 7px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;color:#c0b6cf;font-size:10px;line-height:1.15}body.mobile-web nav a span{display:block;width:auto;font-size:17px;line-height:1}body.mobile-web nav a.active{background:#42394f;color:#fff}body.mobile-web .grid,body.mobile-web .grid.three,body.mobile-web .recipe-list{grid-template-columns:minmax(0,1fr)}body.mobile-web .card{min-width:0;padding:18px}body.mobile-web .row{align-items:flex-start;gap:8px}body.mobile-web .row .actions{width:100%}body.mobile-web button,body.mobile-web select{min-height:44px}body.mobile-web .field input,body.mobile-web .field select,body.mobile-web .field textarea{min-height:46px;font-size:16px}body.mobile-web .calendar-wrap{max-width:calc(100vw - 28px);overflow:auto;-webkit-overflow-scrolling:touch}body.mobile-web .calendar{min-width:760px}body.mobile-web .calendar.day{min-width:0}body.mobile-web dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto 8px 8px;padding:22px 17px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 14px 14px}body.mobile-web #toast{bottom:calc(78px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}