.meal-plan-head{align-items:flex-start}
.meal-plan-head .button{height:30px;padding:0 9px;font-size:10px;white-space:nowrap}
.meal-plan-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:13px 0 2px;color:#788878;font-size:10px}
.meal-plan-meta strong{font-weight:700;color:#526b53}
.meal-plan-options{touch-action:pan-y;user-select:none}
.plan-swipe-hint{font-size:9px;color:#a0a79f;white-space:nowrap}
.meal-plan .plan-item{gap:8px}
.meal-plan .plan-time{width:48px}
.plan-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #edf0e9}
.plan-pages{display:flex;gap:5px;align-items:center}
.plan-dot{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#d8ded5;cursor:pointer}
.plan-dot.selected{background:#6d896c;width:16px;border-radius:5px}
.plan-arrows{display:flex;gap:6px}
.plan-arrow{width:27px;height:27px;border:1px solid #e4e9e1;border-radius:7px;background:#fff;color:#617963;cursor:pointer;font-size:15px;line-height:1}
.plan-arrow:hover{background:#f0f4ed}
@media(max-width:760px){.meal-plan-head .button{padding:0 7px;font-size:9px}.meal-plan-meta{align-items:flex-start;flex-direction:column;gap:3px}}