/* Daily Moment uses progressive disclosure so the first decision stays small. */
.daily-moment-choice-step,
.daily-moment-capture-step {
  display: grid;
  gap: 14px;
}

.daily-moment-selection {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(20, 107, 95, 0.24);
  border-radius: var(--radius);
  background: #eef8f5;
  padding: 10px;
}

.daily-moment-selection strong,
.daily-moment-selection small {
  display: block;
}

.daily-moment-selection strong {
  color: var(--green-deep);
}

.daily-moment-selection small {
  margin-top: 2px;
  color: var(--muted);
  line-height: 1.3;
}

.daily-moment-selection .small-button {
  min-width: 78px;
  justify-content: center;
}

.daily-moment-choice-actions {
  display: grid;
  grid-template-columns: 1fr;
}

@media (max-width: 380px) {
  .daily-moment-selection {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .daily-moment-selection .small-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}