/* Reusable peer-card rail. Applied by web-app.js only when a group has 3+ items. */
.version-options,
.meal-options {
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.version-options > label.version-option,
.meal-options > label.meal-option {
  flex: 1 1 0 !important;
  scroll-snap-align: none !important;
}

.version-options.card-rail {
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}

.version-options.card-rail::-webkit-scrollbar {
  display: none;
}

.version-options.card-rail > label.version-option {
  flex: 0 0 86% !important;
  scroll-snap-align: start !important;
}

.meal-options,
.meal-options.card-rail {
  display: grid !important;
  grid-template-columns: repeat(var(--meal-count, 1), minmax(0, 1fr)) !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.meal-options > label.meal-option,
.meal-options.card-rail > label.meal-option {
  width: auto !important;
  min-width: 0 !important;
  scroll-snap-align: none !important;
}

.meal-options > label.meal-option > span {
  min-width: 0 !important;
  padding-inline: 3px !important;
}

.reuse-yesterday-panel {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.reuse-yesterday-panel[hidden] { display: none !important; }
.reuse-yesterday-panel button {
  min-height: 42px;
  border: 1px solid #d6e3b4;
  border-radius: 12px;
  color: #202620;
  background: #fff;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
}
.reuse-yesterday-panel button:disabled { color: #9aa196; background: #eef0eb; }
.reuse-yesterday-panel small { color: #747d72; font-size: 9px; line-height: 1.5; }