.week-toolbar{justify-content:flex-start;flex-wrap:wrap}.week-toolbar .muted{margin-left:auto}.current-week-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;border:1px solid #d8e5d7;background:#edf5eb;color:#315f45;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:700}.current-week-button:hover:not(:disabled){background:#deedda}.current-week-button:disabled{background:#f5f7f2;color:#9aaa9a;border-color:#e7ede4;opacity:1}.week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none;margin:0;padding:0}.day-card{min-width:0;max-width:none;min-height:250px;padding:19px;scroll-snap-align:none}.day-heading span{font-size:14px}.day-heading strong{font-size:13px;width:31px;height:31px}.meal-label{font-size:10px}.empty-meal,.planned-meal{min-height:67px;padding:12px}.empty-meal{font-size:12px;white-space:normal}.planned-meal strong{font-size:13px}.planned-meal small{font-size:11px}
@media(max-width:1050px){.week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.week-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px}.week-toolbar .week-controls{grid-column:1/-1}.week-toolbar .muted{margin-left:0;grid-column:2;align-self:center;text-align:right}.current-week-button{grid-column:1;justify-self:start}.week-grid{grid-template-columns:minmax(0,1fr);gap:10px}.day-card{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto;gap:9px 12px;min-height:0;padding:15px}.day-heading{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;border-right:1px solid #eff0e9;border-bottom:0;padding:3px 9px 0 0;margin:0}.day-heading span{font-size:13px}.day-heading strong{width:30px;height:30px}.day-card .meal-slot{grid-column:2;min-width:0;margin:0}.meal-label{margin-bottom:5px}.empty-meal,.planned-meal{min-height:50px;padding:9px 10px}.planned-meal strong{font-size:12px}.planned-meal small{font-size:10px}}
