.day-card.is-past{
  opacity:.52;
  filter:saturate(.62);
  transition:opacity .2s ease;
}
.day-card.is-past:hover{opacity:.7}
.day-card.is-past .day-title::after{
  content:" · прошло";
  font-size:11px;
  font-weight:700;
  color:var(--muted);
}
.day-card.is-future{opacity:.92}
.week-nutrition-card{grid-column:1/-1}
.nutrition-today-card{border-color:rgba(125,211,252,.25)}
.nutrition-day-note,.nutrition-week-intro{
  margin:8px 0 12px;
  padding:11px 12px;
  border:1px dashed #394354;
  border-radius:13px;
  background:#10151e;
  color:#cbd5e1;
  font-size:13px;
  line-height:1.5;
}
.nutrition-batch-grid{display:grid;gap:10px;margin-top:12px}
.nutrition-shopping{margin-top:12px}
.batch-card summary span:first-child,.meal-role-card summary span:first-child{font-size:15px;line-height:1.35}
.batch-card summary span:last-child,.meal-role-card summary span:last-child{font-size:11px;color:var(--muted);white-space:nowrap}
.batch-purpose{color:#d5dde8}
.batch-storage,.leftover-note{
  margin-top:12px;
  padding:10px 11px;
  border-radius:12px;
  background:#0f151d;
  border-left:3px solid rgba(134,239,172,.45);
  color:#cbd5e1;
}
.shopping-list{display:grid;gap:8px;margin-top:12px}
.shopping-row{
  display:grid;
  gap:3px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#10151e;
}
.shopping-name{font-size:14px;font-weight:800;color:var(--text)}
.shopping-need,.shopping-buy,.shopping-leftover{font-size:12px;line-height:1.4;color:var(--muted)}
.shopping-need strong{color:var(--green)}
.shopping-leftover{color:#b9c5d5}
.compact-week-overview{margin-top:4px}
@media(min-width:700px){
  .nutrition-batch-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
  .nutrition-batch-grid .detail-card{height:100%}
}