/* Nimm ab 2.6 – mobile Navigation und Tagesansicht */
.nav-symbol svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar .nav-symbol svg{width:22px;height:22px}
.mobile-nav{align-items:center}
.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;min-width:0;flex:1;text-align:center;line-height:1.15}
.mobile-nav a span:not(.nav-symbol){font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:500}
.mobile-nav a.active span:not(.nav-symbol){font-weight:600}
.mobile-nav .nav-symbol{width:24px!important;height:24px;display:grid;place-items:center}
.floating-add{border:0;font-family:Outfit,system-ui,sans-serif;font-weight:300;text-decoration:none}
@media(max-width:820px){
.sidebar{padding:11px 20px!important}
.sidebar .brand{font-size:22px}
.main{padding-top:25px}
.mobile-nav{height:calc(67px + env(safe-area-inset-bottom));padding:7px 7px max(7px,env(safe-area-inset-bottom));box-shadow:none;z-index:25}
.floating-add{bottom:calc(87px + env(safe-area-inset-bottom));right:calc(50% - 33px);width:66px;height:66px;line-height:66px;font-size:46px;z-index:26}
.today-head{align-items:flex-start;flex-wrap:nowrap}
.today-head .goal-header{min-width:105px}
.main:has(.today-head) .panel{padding:22px}
.main:has(.today-head) .summary{padding:23px}
.meal-sections{gap:18px}
.meal-row{gap:9px;padding:12px 0}
.meal-row .meal-name{line-height:1.35}
.meal-heading{align-items:start}
.chat-thread{max-height:420px}
.chat-message{max-width:89%;padding:12px 14px}
}
@media(max-width:390px){
.main{padding-inline:15px}
.page-head h1{font-size:36px}
.today-head .goal-header strong{font-size:23px}
.meal-row strong{font-size:14px}
.meal-row .meal-name{font-size:15px}
.mobile-nav a span:not(.nav-symbol){font-size:11px}
}